@charset "utf-8";
body.on{position:fixed !important;}

/* default */
#wrap{position:relative; width:100%;  min-width:1700px; min-height:100%; line-height:normal;}
#wrap.fix{overflow:hidden;height:100%;min-width:0;}
#wrap.fix .selectric-open{z-index:1;}
#wrap.fix .popup .selectric-open{z-index:2;}
section.container {width:100%; min-height:694px; height:auto; margin:0 auto; /*overflow:auto;*/}
section.container.business{overflow: inherit;}
section.container.business.industry{padding-bottom:300px;}
/* section.container.business.industry section:last-child .inner-wrap{border-bottom:0 !important;}*/

.bgFFF {
	position:fixed;top:0;left:0;width:100%;max-width:1920px;min-width:1400px;
    width: 100%;height:100px;margin:0 auto;right:0;background:#fff;color:#000 !important;
    border-bottom:1px solid #d8d8d8;
}
.bgFFF .logo {/*스크롤시*/
	float: left;
	width: 129px;
	height: 100px;
	cursor:pointer;
	background: url(../images/header/img_header_logo_on.png) no-repeat 0 0;
	background-position :0 -10px;
}
.bgFFF #gnb > li > a {color:#000 !important;}

/*-----------------------------------*\
  ANIMATIONS : animate.css 소스 인용(개발시 참고)
\*-----------------------------------*/

/*메인 > 애니메이션 slideInUp*/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
@-webkit-keyframes slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;     
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
    -webkit-transition: ease-in-out 1s;
    -o-transition: ease-in-out 1s;
    transition: ease-in-out 1s;     
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
   animation-name: slideInUp;
}

/*서브페이지 > 서브 텍스트 애니메이션 fadeInUp*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*서브페이지 > 서브 텍스트 애니메이션 fadeInUp*/




/* menuList page */
.menu-list .bg{width:100%; min-height:1140px; text-align:center; position:relative;}
.menu-list .bg.cloud{background:url(/images/header/sub_main_visual_c.jpg) no-repeat center;}	
.menu-list .bg.erp{background:url(/images/header/sub_main_visual_erp.jpg) no-repeat center;min-height:1430px;}
.menu-list .bg.solution{background:url(/images/header/sub_main_visual_s.jpg) no-repeat center;}

.menu-list .visual{padding-top:205px; width:100%; height:118px; color:#fff;} /*62+24+32*/
.menu-list .visual h1{width:100%; height:62px; line-height:62px; font-size:80px; font-weight:600; font-family:'Montserrat-Medium',sans-serif;}
.menu-list .visual p{width:100%; margin-top:32px; font-size:24px; font-family:'NotoSansKR',sans-serif; text-align:center; letter-spacing:0.05em;}

.menu-list #contents{padding-top:115px; width:100%; height:auto; margin:0 auto; box-sizing:border-box; position:relative; text-align:left;}
.menu-list #contents.two_menu{max-width:790px;}/*2열 일때*/
.menu-list #contents.three_menu{max-width:1200px;}/*3열 일때*/ 

.menu-list #contents .top_box{width:100%; height:260px; font-size:0;}
.menu-list #contents .top_box:after, 
.menu-list #contents .btm_box:after{clear:both; content:""; display:block;}
.menu-list #contents .btm_box{width:100%; height:260px; margin-top:30px; font-size:0;}

.menu-list #contents .box{display:inline-block; width:378px; height:258px; border:1px solid #fff; text-align:center; vertical-align:top;}
.menu-list #contents .box a {font-family:'Montserrat-Bold',sans-serif; display:block; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); color:#fff;}
.menu-list #contents .box a:hover{background-color:rgba(0, 0, 0, 1);}
.menu-list #contents .box a:hover h4.textAction{font-size:38px; transition:0.2s;}
.menu-list #contents .box a:hover h4.textAction2{font-size:38px; transition:0.2s;}

.menu-list #contents .box a p{padding:95px 0 23px 0; font-family:'NotoSansKR',sans-serif; font-size:22px; text-align:center;}
.menu-list #contents .box a p.twoline{padding:75px 0 23px 0;}
.menu-list #contents .box a p.normal {padding:20px;}
.menu-list #contents .box a p.wrms_p{padding:17px 0 38px 0; font-size:18px;}

.menu-list #contents .box a h4{font-size:34px; line-height:34px; font-family:'NotoSansKR-Bold',sans-serif;}
.menu-list #contents .box a h4.twolineH4{line-height:40px;}
.menu-list #contents .box a h4.wrms_h4{padding-top:70px; font-size:38px;}
.menu-list #contents .box a h6.wrms_h6{font-size:22px; font-family:'NotoSansKR',sans-serif;}
.menu-list #contents .box-left{margin-left:30px;}
/* menuList page */



/*sub page*/
#contents .cont:first-child{margin-top:110px;}
#contents .cont + .cont {margin-top:110px;}
#contents .cont:last-child .inner-wrap{border:0;}
#contents .cont .inner-wrap{max-width:1200px; width:100%;margin:0 auto; border-bottom:1px solid #9fa0a0; box-sizing:border-box; position:relative;}
@media only all and (max-width: 530px){
	#contents .cont .inner-wrap .tit{font-size:40px;}
	#contents .cont .inner-wrap .txt {font-size:13px;}
}
#contents .cont .inner-wrap .tit{display:inline-block;font-weight:bold; font-family:'NotoSansKR-Bold',sans-serif; font-size:30px; text-align:left; color:#000;}
#contents .cont .inner-wrap .subTit{display:block;font-weight:bold; letter-spacing:-.6px; font-family:'NotoSansKR-Bold',sans-serif; font-size:24px; text-align:left; color:#aa7944;}
#contents .cont .inner-wrap .subInnerTit{display:block;font-weight:bold; letter-spacing:-.5px; font-family:'NotoSansKR-Bold',sans-serif; font-size:20px; text-align:left; color:#000;}
#contents .cont .inner-wrap .txt{font-size: 20px; line-height: 1.8em;color: #000; letter-spacing: -0.05px; font-family:'NotoSansKR',sans-serif; /*white-space: nowrap;*/ word-break: break-word;}
#contents .cont .inner-wrap .inner-box{max-width:1080px; width:100%; margin:0 auto; box-sizing:border-box; position:relative; margin-bottom:110px;}
#contents .cont:last-child .inner-wrap .inner-box{margin-bottom:300px;}
#contents .cont .inner-wrap .listWrap.type1 li{position:relative; lineheight:30px; color:#000; letter-spacing:-.5px; font-size:20px; padding-left:10px;}
#contents .cont .inner-wrap .listWrap.type1 li::before{position:absolute; display:inline-block; left:0px; content:'-'; line-height:25px;}


#contents.business section .cont:last-child .inner-wrap{    border-bottom: 1px solid #9fa0a0;}
#contents.business >.cont:last-child .inner-wrap .inner-box{padding-bottom:300px; margin-bottom:0;}
#contents.business section .cont:last-child .inner-wrap .inner-box{margin-bottom:110px;}
#contents .cont .inner-wrap .gray-box{padding:40px; background-color:#f4f4f4; }
#contents.business section:last-child .cont:last-child .inner-wrap:last-child {
    border: 0;
}

/*
* Cont > reference & download 분기처리
* reference 만 출력시 
* download  만 출력시 케이스에 따른 구분선(border) 분기 처리함.
*/
#contents .cont.reference .inner-wrap {border-bottom:0;}
#contents .cont.download {border-top: 1px solid #9fa0a0;width: 1200px;margin: 0 auto;padding-top: 110px;}
#contents .cont.download .inner-wrap {border-bottom:0;}


/*sub-visual img*/
.sub-visual{width:100%;height: 430px;display:table;text-align:center;position:relative;background-size: cover;background-repeat:no-repeat;background-position:center; overflow:hidden;}

.sub-visual.cloud{background-image:url('../new_resources/images/sub/cloud/subMainTitleBg.png');background-size: cover;}
.sub-visual.erp{background-image:url('../new_resources/images/sub/erp/subMainTitleBg.png');background-size: cover;}
.sub-visual.solution{background-image:url('../new_resources/images/sub/solution/subMainTitleBg.png');background-size: cover;}
.sub-visual.companyInfo1{background:url('../images/company/bg_company_info1.jpg')no-repeat center;background-size: 100% calc(100% + 120px);background-position: center -120px;}
.sub-visual.companyInfo2{background:url('../images/company/bg_company_info2.jpg')no-repeat center;background-size: 100% calc(100% + 120px);background-position: center -120px;}
.sub-visual.companyInfo3{background:url('../images/company/bg_company_info3.jpg')no-repeat center;background-size: 100% calc(100% + 120px);background-position: center -120px;}
.sub-visual.contact{background:url('../images/customer/bg_contact.jpg')no-repeat center;background-size: cover;background-position: bottom;}
.sub-visual.customerReference{background:url('../images/customer/subMainTitleBg_project.png')no-repeat center;background-size: 100% calc(100% + 120px);background-position: center -120px;}
.sub-visual.customerLibrary{background:url('../images/customer/bg_customer_library.png')no-repeat center;background-size: 100% calc(100% + 120px);background-position: center -120px;}
.sub-visual.customerRef{background:url('../images/customer/bg_customer_library.png')no-repeat center;background-size: cover;}
.sub-visual.customerBlog{background:url('../images/customer/bg_blog.jpg')no-repeat  center; background-position: center 100px;background-size: cover;}
.sub-visual.callcenter{background:url('../images/callCenter/bg_callcenter.jpg')no-repeat center;background-size: cover;background-position: bottom;}
.sub-visual.manufacturin{background:url('../images/industry/manufacturin/subMainTitleBg.png') no-repeat center;background-size: cover;}
.sub-visual.mobility{background:url('../images/industry/mobility/subMainTitleBg.png') no-repeat center;background-size: cover;}
.sub-visual.consumer{background:url('../images/industry/consumer/subMainTitleBg.png') no-repeat center;background-size: cover;}
.sub-visual.rental{background:url('../images/industry/rental/subMainTitleBg.png') no-repeat center;background-size: cover;}
.sub-visual.bio{background:url('../images/industry/bio/subMainTitleBg.png') no-repeat center;background-size: cover;}
.sub-visual.logistics{background:url('../images/industry/logistics/subMainTitleBg.png') no-repeat center; background-size: cover;}
.sub-visual.semiconductor{background:url('../images/industry/semiconductor/subMainTitleBg.png') no-repeat center; background-size: cover;}
.sub-visual.dev{background-image:url('../images/devCenter/subMainTitleBg.png');background-size: cover;}

/*sub-visual title*/
.sub-visual .txtBox{color:#fff;display:table-cell;vertical-align:middle;}
@media only all and (max-width: 530px){
	.sub-visual .txtBox .tit {font-size: 80px;}
	.sub-visual .txtBox .txt {font-size: 26px;}
	.sub-visual .txtBox .txt:first-child{font-size:35px;}
}
.sub-visual .txtBox .txt:first-child{font-family:'NotoSansKR',sans-serif;font-size:26px; text-align:center; letter-spacing:0 !important; margin-bottom:26px;letter-spacing:-0.025em;}
.sub-visual .txtBox .tit{font-family:'NotoSansKR-Bold',sans-serif !important; line-height:.9; font-weight:600;font-size:64px; letter-spacing:0 !important; padding-bottom:60px;}
.sub-visual .txtBox .txt{font-family:'NotoSansKR',sans-serif; font-size:23px; line-height:40px; text-align:center; letter-spacing:0 !important;}


/*sub-visual title - company*/
.sub-visual .textBox{color:#fff;display:table-cell;vertical-align:middle;width:100%;}
.sub-visual .textBox .text{font-family:'NotoSansKR-Bold',sans-serif; font-size:68px; color:#fff; text-align:center;}

/*회사소개 sub-gnb*/
.sub-menu-wrap.company {width:100%; text-align:center;height:70px; background:rgba(0, 0, 0, 0.4); position:absolute;left:0;bottom: 0;}
.sub-menu-wrap.company .sub-menu-list.company {width:1080px; margin:0 auto;}
.sub-menu-wrap.company .sub-menu-list.company li {position:relative; width:calc(100%/3); float:left; }
.sub-menu-wrap.company .sub-menu-list.company li a{display:block;color:#fff;line-height: 70px;font-size: 20px;font-family:'NotoSansKR-Medium',sans-serif;background:url('../images/company/icon_white_bar.png') no-repeat left center;letter-spacing: .5px;}
.sub-menu-wrap.company .sub-menu-list.company li:first-child a{background-image:unset;}
.sub-menu-wrap.company .sub-menu-list.company li a:hover{background-color:rgba(0, 0, 0, 1); background-image:none;}
.sub-menu-wrap.company .sub-menu-list.company li.on{background-color:rgba(0, 0, 0, 1);}
.sub-menu-wrap.company .sub-menu-list.company li.on a{background:none;}
.sub-menu-wrap.company .sub-menu-list.company li.on + li a,
.sub-menu-wrap.company .sub-menu-list.company li:hover + li a,
.sub-menu-wrap.company .sub-menu-list.company li.on a{background-image:none;}
.sub-menu-wrap.company .sub-menu-list.company li .divider {background:url('../images/company/icon_white_bar.png') no-repeat left center; }

/*sub-gnb(2ea)*/
.sub-menu-wrap.customer {width:100%; text-align:center; height:70px; background-color: #aa7944; position:sticky;left:0;top: 120px; z-index:99; }
.sub-menu-wrap.customer .sub-menu-list.tab-02 {width:1080px; margin:0 auto; display:flex; height:70px; align-items:center; gap:25px;}
.sub-menu-wrap.customer .sub-menu-list.tab-02 li{position:relative;}
.sub-menu-wrap.customer .sub-menu-list.tab-02 li a{display:block; line-height:1; letter-spacing: -.5px; color:#fff; padding:13.3px 25px; font-weight: 500; font-size: 20px; border-radius:23px; font-family: 'Pretendard',sans-serif; }
.sub-menu-wrap.customer .sub-menu-list.tab-02 li a:hover,
.sub-menu-wrap.customer .sub-menu-list.tab-02 li.on a{background-color:#fff; color:#aa7944; font-size:20px; font-weight:600;}
.sub-menu-wrap.customer .sub-menu-list.tab-02 li a::after{content:attr(title); font-size:20px; font-weight:600; height:0; visibility: hidden; display:block;}
.sub-menu-wrap.customer .sub-menu-list.tab-02.reference{gap:5.5px;}
.sub-menu-wrap.customer .sub-menu-list.tab-02.reference a{padding: 13.3px 18.5px;}
.sub-menu-wrap.customer .sub-menu-list.tab-02.reference li a::after{content:attr(title); font-size:20px; font-weight:600; height:0; visibility: hidden; display:block;}

/*sub nav*/
.sub-menu-wrap.subPageNavi {width:100%; text-align:center; height:70px; background-color: #aa7944; position: sticky;left: 0;top: 120px;z-index: 99;}
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02 {width:1080px; margin:0 auto; display:flex; height:70px; align-items:center; gap:25px;}
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02 li a{display:block; line-height:1; color:#fff; font-weight: 500;    letter-spacing: -.5px; padding:13.3px 25px; font-size: 20px; border-radius:23px; font-family: 'Pretendard',sans-serif; }
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02 li a:hover,
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02 li.on a{background-color:#fff; color:#aa7944; font-weight:600; font-size:20px}
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02.reference{gap:4.1px;}
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02.reference a{padding:13.3px 21px;}
.sub-menu-wrap.subPageNavi .sub-menu-list.tab-02 li a::after{content:attr(title); font-weight:600; font-size:20px; height:0; visibility: hidden; display:block;}

/*refernce*/
.bg.reference {width: 100%; height: 412px; background: url(../images/business/cloud/bg_cloud_reference.png)no-repeat center;position: absolute;}
.reference .inner-wrap .inner-box {min-height:400px;}
.reference .accordion-list {border-top:2px solid #000; background:#fff;}
.reference .accordion-list li .txt-ellipsis{display: inline-block;width: calc(100% - 220px);text-overflow:ellipsis;overflow:hidden;line-height: 50px;height: 50px;white-space: nowrap;}
.reference .accordion-list li .accordion-tit{border-right:0; border-left:0;}
.reference .accordion-list li .accordion-tit {padding: 20px 60px;font-weight: bold;font-size: 20px;color: #000;vertical-align: middle;}
.reference .accordion-list li .accordion-tit .logo {width:130px; height:50px; margin-right:54px;}
.reference .accordion-list li .accordion-tit .title {font-weight:bold;font-size:20px;color:#000;vertical-align: middle;display: inline;}
.reference .accordion-list li .accordion-tit .caption {font-size: 20px;font-weight:normal;vertical-align:middle;cursor:pointer;display: inline;} 
.reference .accordion-list .btn-toggle-self {position: absolute;right: 60px;background:0;border:0;text-indent:-9999px;color:transparent;cursor: pointer;height:12px;}
.reference .accordion-list li.on .btn-toggle-self:before {content:""; background:#fff url('../images/common/btn_acodian_close.png')no-repeat center; background-size:19px 12px; display:block;}
.reference .accordion-list li .btn-toggle-self:before {content: ""; background: #fff url(../images/common/btn_acodian_open.png)no-repeat center; display: block;width: 19px;height: 12px;text-indent: -99999px;}
.reference .accordion-list li.on .accordion-txt {border-top: 1px solid #9a9a9a; border-style: dashed; padding:30px 130px 35px 250px;}/*inner content*/
.reference .accordion-list li .accordion-txt {font-size:18px;}
.reference .accordion-list li .accordion-txt .desc-tit{display:inline-block; margin-top:23px; font-weight:bold; position:absolute;}
.reference .accordion-list li .accordion-txt .desc-txt{line-height:28px; vertical-align:top;font-family: 'NotoSansKR-thin',sans-serif; font-weight:700; letter-spacing:.5px;    display: inline-block;}


/*서브페이지 > 레퍼런스 애니메이션 fadein */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

.reference .accordion-list li.on .desc-txt {
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
/*refernce*/



/*download*/
.download .download-list {border-top:2px solid #000; background:#fff;}
.download .download-list li {padding:20px 60px;vertical-align: middle;line-height: 50px;font-size:18px; border-bottom:1px solid #9a9a9a;}
.download .download-list li .title {font-weight:bold;font-size:20px;color:#000;margin-right:5px;vertical-align: middle;}
.download .download-list li .caption {font-family: 'NotoSansKR-thin',sans-serif; font-weight:700;font-size:20px;width:60%;display:inline-block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;vertical-align: middle;}
.download .download-list li .btn.download {display: inline-block; float:right; width:155px; padding-left:20px;background: #efefef url(../images/common/btn_acodian_open.png)no-repeat right; background-position-x: 90%;} 
/*download*/

/*quick-menu*/
.quick-menu {position:fixed; top:26.5%; bottom:50%; right:0;}
.quick-menu ul {padding:33px 21px 33px 21px; opacity:initial; background: rgba(0, 0, 0, 0.6); filter:alpha(opacity=0.6); border:1px solid #808690; border-right:none;}
.quick-menu .divider {width:78px; height:1px; color:#fff;  margin-bottom:28px; margin:28px auto;}
.quick-menu ul li{text-align:center; width:100%;}
.quick-menu ul li a img {display:block;margin:0 auto;margin-bottom:21px;}
.quick-menu ul li a p {display:block;clear:both;color:#fff;font-size:18px; font-family:'NotoSansKR-Medium',sans-serif;text-align:center; }

/* floating top 버튼 */
.floating-top{position:fixed;width:60px;height:60px;margin: 0;right: 2%;bottom: 30px;overflow: hidden;z-index:20;}
.floating-top a{background:#fff url('../images/common/ico_arrow_up.png')no-repeat center;border:1px solid #d8d8d8;width:60px;height:60px;float: right;z-index:20; box-sizing:border-box;}
.floating-top a span{display:block;text-indent:-99999px;}
/* footer */


/*============= text style ============*/
.ft-small.bold{font-size:20px; color:#aa7944; font-weight:bold;}
.ft-large.bold{font-size:30px; color:#aa7944; font-weight:bold;}


/*============= text style ============*/



/*============= button style ============*/
button{outline-style:none;}
.btn-type-fff.arrow {display: inline-block; padding: 12px 53px 10px 17px; background: #fff url(../images/common/ico_arrow_right.png)no-repeat right;background-position-x: 90%; font-family: 'NotoSansKR',sans-serif; letter-spacing: .5px;}
.btn-type-aquaBlue.arrow {display: inline-block;color: #fff; font-size: 20px; padding: 20px 85px 20px 28px; background: #aa7944 url(../images/common/ico_arrow_right_fff.png)no-repeat right;background-position-x: 93%;font-weight:bold; font-family: 'NotoSansKR',sans-serif; letter-spacing: .5px;}
.btn-type-aquaBlue{display:inline-block;color:#fff;height:50px;line-height:50px; margin-left: 5px;vertical-align: middle;cursor:pointer;background:#aa7944; font-size:16px;text-align:center;     font-family: 'NotoSansKR',sans-serif; letter-spacing: .5px;}
.btn-type-aquaBlue.arrow.border {display:inline-block;color:#aa7944; background:transparent; border:1px solid #aa7944; font-size: 20px; padding: 20px 85px 20px 28px; background: transparent url(../images/common/ico_arrow_right_00a0df.png)no-repeat right;background-position-x: 93%; font-family: 'NotoSansKR',sans-serif; letter-spacing: .5px;}

/*button*/
.btn.large {width:280px; height:90px; background:#aa7944;}
.btn.large a{display:block; width:230px; height:50px; background:url('../images/business/cloud/icon_white.png') no-repeat 70% 25%; padding:20px 25px; font-size:22px; line-height:22px; color:#fff; font-family:'NotoSansKR-Bold',sans-serif; letter-spacing: -0.025em;}
.btn.large a span{display:block; font-size:18px; line-height:42px; font-family:'NotoSansKR',sans-serif;}

.btn.midium {width:240px; height:90px; background:#aa7944;}
.btn.midium a{display:block; width:200px; height:100%; background:url('../images/business/cloud/icon_white.png') no-repeat 85% 20%; padding:20px 25px; font-size:22px; line-height:22px; color:#fff; font-family:'NotoSansKR-Bold',sans-serif; letter-spacing: -0.025em;}
.btn.midium a span{display:block; font-size:18px; line-height:42px; font-family:'NotoSansKR',sans-serif;}

/*============= button style ============*/



/*============= border style ============*/
.divider-vertical:after{content: ''; width:2.5px;height:18px;background: #000; display: inline-block;margin-left: 10px; margin-right:10px; margin-top:-4px; vertical-align:middle;}
/*============= border style ============*/



/*============= content box style ============*/
/*점선 박스 스타일*/
.box-type-dash.skyBlue {display:inline-block;background:#b2e2f5; padding:16px;}
.box-type-dash.skyBlue .box {background:#ffffff; border:1px solid #000; border-style: dashed;height:100%;}
.box-type-dash.aquaBlue {display:inline-block;background:#aa7944; padding:16px;}
.box-type-dash.aquaBlue .box {background:#ffffff; border:1px solid #000; border-style: dashed;height:100%;}

/*리스트 스타일(background & list type(bullet) */
.box-type-normal .title{background:#aa7944; color:#ffffff; padding: 20px 20px;font-size:20px;border-bottom:1px solid #fff;font-family:'NotoSansKR',sans-serif;}
.box-type-normal .text-wrap.list {background:#efefef;padding: 20px 40px 33px; line-height:28px; letter-spacing:-0.025em;}
.box-type-normal .text-wrap.list .text{color:#000000; font-size:18px;position:relative; margin-bottom:10px;}
.box-type-normal .text-wrap.list .text:before {content: '';background: url(/images/common/ico_bullet_circle.png) no-repeat center;width: 4px;height: 5px;position: absolute;left:-10px;top: 10px;}
.box-type-normal .text-wrap{background:#efefef;padding: 20px 40px 33px; line-height:28px; letter-spacing:-0.025em;}
.box-type-normal .text-wrap .text{color:#000000; font-size:18px; }

/*리스트 스타일 (텍스트만)*/
.box-type-none .text-wrap.list {padding: 20px 40px 33px; line-height:28px; letter-spacing:-0.025em;}
.box-type-none .text-wrap.list .text{color:#000000; font-size:18px;position:relative; margin-bottom:10px;}
.box-type-none .text-wrap.list .text:before {content: '';background: url(/images/common/ico_bullet_circle.png) no-repeat center;width: 4px;height: 5px;position: absolute;left:-10px;top: 10px;}


/*============= content box style ============*/



/*============= icon style ===============*/
span.other{font-size:18px; color:#aa7944; font-weight:bold; font-family:'NotoSansKR',sans-serif;padding-right:5px;vertical-align:middle;}
span.underline{text-decoration:underline;text-underline-position:under;}
/*============= icon style ===============*/


/*============= checkbox & radio common ============= */
.chk-box, .radio-box{display:inline-block;position:relative;line-height:1em;}
.chk-box.block{display:block;}
.chk-box .icon, 
.radio-box .icon{display:inline-block;width:18px;height:18px;vertical-align:top;}
.chk-box .txt,
.radio-box .txt{display:inline-block;line-height:18px;margin:0 0 0 10px;font-size:18px;color:#000;vertical-align:top;}
input[type='checkbox'], 
input[type='radio']{position:absolute;top:0;left:0;margin:0;opacity:0;filter:alpha(opacity=0);z-index:10;}
input[type='checkbox']+label, 
input[type='radio']+label{display:inline-block;position:relative;margin:0;padding:0;color:#666;vertical-align:top;letter-spacing:-1px;cursor:pointer;z-index:0;}
input[type='checkbox']:disabled+label .txt, 
input[type='radio']:disabled+label .txt{color:#bbb !important;}
/*input[type='radio']:focus+label, input[type='checkbox']:focus+label{color:#787676;}*/
.radio-box + .radio-box{margin:0 0 0 30px;}
/* checkbox base */
input[type='checkbox'] {width:18px;height:18px;cursor:pointer;}

/* checkbox default */
input[type='checkbox']+label .icon{background-image:url(/images/common/icon_checkbox.png);background-repeat:no-repeat;background-position:0 0;}

/* checkbox checked */
input[type='checkbox']:checked+label .icon{background-position:-18px 0;}

/* checkbox disabled+label */
input[type='checkbox']:disabled+label .icon{background-position:-36px 0;}

/* checkbox disabled:checked+label */
input[type='checkbox']:disabled:checked+label .icon{background-position:-54px 0;}

/* radio base */
input[type='radio']{width:18px;height:18px;cursor:pointer;}

/* radio default */
input[type='radio']+label .icon{background-image:url(/images/common/icon_radio.png);background-repeat:no-repeat;background-position:0 0;}

/* radio checked */
input[type='radio']:checked+label .icon{background-position:-18px 0;}

/* radio disabled */
input[type='radio']:disabled+label .icon{background-position:-36px 0;}

/* radio disabled:checked */
input[type='radio']:disabled:checked+label .icon{background-position:-54px 0;}

/* radio readonly */
input[type='radio'][disabled],
input[type='radio'][disabled]+label{cursor:default;}
input[type='checkbox'][disabled],
input[type='checkbox'][disabled]+label{cursor:default;}
/*============= checkbox & radio common ============= */



/*============= Board Style =============*/
/*  Board Style > table - type1 */
.table-type-1{border-top:1px solid #ccc;border-left:1px solid #ccc;}
.table-type-1 th, .table-type-1 td{height:46px;line-height:1.65em;padding:5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;word-break:break-all;}
.table-type-1 th{font-family:'NotoSansKR-Bold',sans-serif;color:#333;background:#f4f5fd;letter-spacing:-0.020em;}
.table-type-1 td{text-align:center;color:#666;background:#fff;}
.table-type-1 td.txtL, .table-type-1 td.txtR{padding-left:10px;padding-right:10px;}
.table-type-1 td .fwB{color:#333;}
.table-type-1 td .btn-select{vertical-align:middle;}
.table-type-1 thead + tbody tr:hover th,.table-type-1 thead + tbody tr:hover td{background-color:#f4fcff;}

/*  Board Style >  table - type2 */
.table-type-4{border-top:1px solid #ccc;border-left:1px solid #ccc;}
.table-type-4 th, .table-type-4 td{height:45px;line-height:21px;color:#444;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.table-type-4 th{padding:8px 12px;text-align:left;font-family:'NotoSansKR-Bold',sans-serif;background:#f4f5fd;}
.table-type-4 th [class^="tit-"]{display:block;position:relative;line-height:inherit;padding:0 0 0 10px;font-family:'NotoSansKR-Bold',sans-serif;font-size:inherit;}
.table-type-4 .tit-imp{margin:0;}
.table-type-4 .txt-sub{display:block;line-height:13px;margin-left:-13px;font-size:11px;white-space:nowrap;letter-spacing:0;}
.table-type-4 .txt-mmyy{display:inline-block;line-height:30px;width:20px;font-size:13px;text-align:center;color:#444;vertical-align:middle;}
.table-type-4 .txt-slash{display:inline-block;line-height:30px;width:14px;padding:0 4px 0 0;text-align:center;font-size:13px;color:#444;vertical-align:top;}
.table-type-4 .txt-underline{display:inline-block;line-height:15px;padding:0 0 3px;font-size:13px;border-bottom:1px solid #959595;}
.table-type-4 [class^="tit-"] .icon-arrow{top:8px;}
.table-type-4 [class^="tit-"] .icon-imp{top:8px;left:-2px;}
.table-type-4 td{padding:6px 9px;background:#fff;}
.table-type-4 td a{margin:0 0 0 1px;vertical-align:middle;}
.table-type-4 td a:first-of-type{margin:0 0 0 5px}
.table-type-4 td .inp-box + .inp-box{margin:0 0 0 7px;}
.table-type-4 td .inp-box:first-of-type{margin:0;}
.table-type-4 td .radio-box + [data-widget="datepicker"]{margin:0 0 0 14px;}
.table-type-4 td [data-widget="selectbox"]{vertical-align:middle;}
.table-type-4 td .txt-group{display:inline-block;margin:0 0 0 17px;vertical-align:middle;}

/*  Board Style > table - type3 */
.table-type-3{border-top:1px solid #ccc;border-left:1px solid #ccc;}
.table-type-3 th, .table-type-3 td{height:36px;padding:6px 8px;font-size:14px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.table-type-3 th{line-height:17px;font-family:'NotoSansKR-Bold',sans-serif;color:#333;background:#dee1fa;}
.table-type-3 td{line-height:24px;text-align:center;color:#444;background:#fff;}
.table-type-3 td.bgOrg{background:#ffedd1;}
.table-type-3 td [data-widget="selectbox"]{vertical-align:middle;}
.table-type-3 td [data-widget="selectbox"] + .inp-box{margin:0 0 0 7px;}
.table-type-3 td .inp-box{vertical-align:middle;}
.table-type-3 .icon-imp{position:static;margin-right:6px;margin-left:-12px;vertical-align:3px;}

/*  Board Style > paging */
.paging{margin:10px 0 0;text-align:center;font-size:0;}
.paging .btn-first, .paging .btn-prev, .paging .btn-next, .paging .btn-last{display:inline-block;width:26px;height:26px;font-size:0;border:1px solid #ddd;background:#fff;}
.paging [class^="btn-"]:disabled{border-color:#f3f3f3;}
.paging .icon{display:inline-block;width:10px;height:10px;background-image:url(../images/icon/icon-paging.png);background-repeat:no-repeat;}
.paging .btn-first .icon{background-position:-10px -10px;}
.paging .btn-prev .icon{background-position:-40px -10px;}
.paging .btn-next .icon{background-position:-70px -10px;}
.paging .btn-last .icon{background-position:-100px -10px;}
.paging .btn-first:disabled .icon{background-position:-10px -40px;}
.paging .btn-prev:disabled .icon{background-position:-40px -40px;}
.paging .btn-next:disabled .icon{background-position:-70px -40px;}
.paging .btn-last:disabled .icon{background-position:-100px -40px;}
.paging .btn-first + .btn-prev{margin-left:-1px;}
.paging .btn-next + .btn-last{margin-left:-1px;}
.paging ol{display:inline-block;margin:0 5px;}
.paging ol li{display:inline-block;}
.paging .btn-number{width:26px;margin:0 5px;padding:2px 0 3px;text-align:center;font-size:13px;color:#666;box-sizing:border-box;}
.paging li.on .btn-number{font-weight:bolder;border:1px solid #ddd;color:#ff9b32;background:#fff;}


/*Board Style > table - type4*/
.table-type-5{border-top:2px solid #9a9a9a;border-bottom:2px solid #9a9a9a;border-collapse: separate;margin-top: -1px;}
.table-type-5 .wrap-tit {background:#efefef;height:206px;}
.table-type-5 .wrap-tit .board-tit {font-family:'NotoSansKR-Bold', sans-serif; font-size:22px; color:#aa7944; font-weight:bold; margin-bottom:15px;}
.table-type-5 .wrap-tit .board-txt {font-size:18px; color:#000;}
.table-type-5 th{background:#aa7944;height:45px;border-bottom:1px solid #9a9a9a; word-break:break-all; border-right:1px solid #ffffff;font-family:'NotoSansKR-Bold',"맑은 고딕",Helvetica,sans-serif;color:#fff;font-size:20px;}
.table-type-5 th:last-child{border-right:0;}
.table-type-5 td{height:45px;border-bottom:1px solid #9a9a9a; word-break:break-all; border-right: 1px solid #aa7944;text-align:center;color:#000;background:#fff;font-size:18px;}
.table-type-5 td:last-child{border-right:0;}
.table-type-5 .borderB0{border-bottom:0;}
.table-type-5 td.txtL, 
.table-type-1 td.txtR{padding-left:10px;padding-right:10px;}
.table-type-5 td .btn-select{vertical-align:middle;}
/*Board Style > table - type4 */


/*============= // Board Style =============*/

/** new header , footer 2022 04 **/
/***** Header *****/

header *{
	box-sizing:border-box;
}

/***** Header *****/
header {
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 1700px;
  height: 120px;
  border-bottom: 1px solid #d8d8d8;
  background: #fff;
  z-index: 999;
}


#headerWrap {
  position: relative;
  margin: 0 auto;
  width: calc(100% - 520px);
  min-width: 1400px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}


header .logo {
  display: inline-block;
  width: 130px;
  height: 100px;
  background-image: url(../new_resources/images/common/header_logo.png);
  background-repeat: no-repeat;
  background-position: center -10px;
  margin: 0;
}

header .qnaBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 170px;
  height: 99px;
  line-height: 99px;
  padding-right: 65px;
  background-color: #aa7944;
  background-image: url(../new_resources/images/common/qna_btn_bg.png);
  background-position: 120px center;
  background-repeat: no-repeat;
  background-size: 8px;
  color: #fff;
  text-align: right;
}

#headerWrap .gnbWrap {
  position: relative;
  width: calc(100% - 430px);
  height: 100%;
  text-align: center;
  margin: 0;
  display: flex;
  justify-content: center;
}

#headerWrap .gnbWrap .gnbHoverWrap {
  position: relative;
  margin: 0;
  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

#headerWrap .gnbWrap .gnbHoverWrap .gnb {
  position: relative;
  display: inline-block;
  height: 100%;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  margin: 0;
  padding:0 40px;
}

#headerWrap .gnbWrap .gnbHoverWrap .gnb>a {
  position: relative;
  display: inline-block;
  line-height: 120px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 700;
  font-size: 20px;
  color: #000;
  -webkit-transition: .4s;
  transition: .4s;
}

#headerWrap .gnbWrap .gnbHoverWrap .gnb>a::after {
  content: '';
  position: absolute;
  width: 0%;
  background: unset;
  height: 3px;
  bottom: 0;
  left: 50%;
  -webkit-transition: .4s;
  transition: .4s;
}

#headerWrap .gnbWrap .gnbHoverWrap .gnb:hover>a::after {
  content: '';
  position: absolute;
  width: 100%;
  background: #aa7944;
  height: 3px;
  bottom: 0;
  left: 0;
  -webkit-transition: .4s;
  transition: .4s;
}

#headerWrap .gnbWrap .gnbHoverWrap .gnb:hover>a {
  color: #aa7944 !important;
  -webkit-transition: .4s;
  transition: .4s;
}

#headerWrap .gnbWrap .gnb:hover .lnbBg {
  border-top: 1px solid #bcbcbc;
  top: 119px;
  padding: 50px 0;
  height: 345px;
  box-shadow: 0px 5px 5px 1px #00000010;
}

#headerWrap .gnbWrap .gnb .lnbBg {
  border-top: 0;
  display: flex;
  position: fixed;
  left: 0;
  width: 100%;
  background-color: #fffffff2;
  overflow: hidden;
  height: 0;
  padding: 0 0;
  z-index: -1;
}

#headerWrap .gnbWrap .gnb:hover .lnb {
  top: 119px;
  padding: 44px 0 44px 40px;
  height: 345px;
  z-index: 999;
  opacity: 1;
  transition:0.3s;
}

#headerWrap .gnb .lnb {
  border-top: 0;
  display: flex;
  position: absolute;
  left: 0;
  width: calc(1400px - 283px);
  overflow: hidden;
  height: 0;
  padding: 0 0 0 40px;
  opacity: 0;
}

#headerWrap .gnb .lnb .lnbWrap {
  width: calc(100% - 300px);
  min-width: 1700px;
  display: flex;
  gap: 77px;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap {
  margin: 0;
  position: relative;
  line-height: 30px;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap h2 {
  position: relative;
  margin-bottom: 13px;
  text-align: left;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap h2 a {
  color: #000;
  font-weight: 600;
  font-size: 21px;
  font-family: 'Pretendard', sans-serif;
  line-height: 27.5px;
  color: #000;
  text-align: left;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap ul {
  position: relative;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap ul li a {
  font-family: 'Pretendard', sans-serif;
  position: relative;
  display: block;
  line-height: 27.5px;
  font-weight: 400;
  font-size: 18px;
  color: #000;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap ul li {
  text-align: left;
  padding-bottom:3.3px;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap h2 a:hover,
#headerWrap .gnb .lnb .lnbWrap .lnbListWrap ul li a:hover {
  color: #aa7944;
  font-weight: 600;
}

#headerWrap .gnb .lnb .lnbWrap .lnbListWrap h2 a::after,
#headerWrap .gnb .lnb .lnbWrap .lnbListWrap ul li a::after {
  content: attr(title);
  display: block;
  font-weight: 600;
  color: #aa7944;
  height: 0px;
  visibility: hidden;
}

#headerWrap .gnb .lnb.type2 {
  left: -165px;
}

#headerWrap .gnb .lnb.type2 .lnbListWrap {
  position: relative;
}

#headerWrap .gnb .lnb.type2 .lnbListWrap:hover ul {
  height: auto;
}

#headerWrap .gnb .lnb.type2 .lnbListWrap ul {
  position: absolute;
  width: 400px;
  overflow: hidden;
  height: 0;

}

#headerWrap .btnWrap {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

#headerWrap .btnWrap .btn {
  width: 140px;
  display: inline-block;
  background-size: 100%;
  background-repeat:no-repeat;
  background-position:center;
  height:44px;
}

#headerWrap .btnWrap .btn.projectBtn{
	background-image:url(../new_resources/images/common/projectBtn_2.png);
}

#headerWrap .btnWrap .btn.contactBtn{
	background-image:url(../new_resources/images/common/contactBtn_2.png);
}

#headerWrap .btnWrap .btn.projectBtn:hover{
	background-image:url(../new_resources/images/common/projectBtn_2_hover.png);
}

#headerWrap .btnWrap .btn.contactBtn:hover{
	background-image:url(../new_resources/images/common/contactBtn_2_hover.png);
}



.iconBtnWrap {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: space-between;
  right: -125px;
  height: 120px;
  gap: 25px;
  width: 85px;
}

.iconBtnWrap button {
  width: 30px;
  height: 30px;
}

.iconBtnWrap button {
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat;
  border: 0;
  outline: 0;
  background-color: unset;
  cursor: pointer;
}

.iconBtnWrap button.langBtn {
  background-image: url(../new_resources/images/common/lang_btn_2.png);
  background-size: 28px;
}
.iconBtnWrap .lang_wrap {
	position: relative;
	display: inline-block;
	font-size: 0;
}
.iconBtnWrap .lang_wrap .lang_layer {
	display: none;
	position: absolute;
	top: 48px;
	right: -38px;
	width: max-content;
	min-width: 150px;
	padding: 10px 18px;
	border: 1px solid #aa7944;
	border-radius: 10px;
	background: #f6f1ec;
	opacity: 0.9;
}
.iconBtnWrap .lang_wrap .lang_layer.act {
	display: block;
}
.iconBtnWrap .lang_wrap .lang_layer a {
	display: block;
	font-family: 'Pretendard', sans-serif;
	font-size: 15px;
	color: #000;
	line-height: 2;
}
.iconBtnWrap .lang_wrap .lang_layer a:hover,
.iconBtnWrap .lang_wrap .lang_layer a.act {
	color: #aa7944;
}

.iconBtnWrap button.searchBtn {
  background-image: url(../new_resources/images/common/search_btn_2.png);
  background-size: 26px;
}

.searchBgWrap {
  position: fixed;
  width: 100%;
  min-width: 1700px;
  background-color: #0000006b;
  overflow: hidden;
  height: 0;
  transition: .3s;
  z-index:-2;
}

.searchBgWrap.on {
  height: 100%;
}

.searchWrap {
  width: 100%;
  height: 310px;
  background-color: #f5f5f5;
  margin-top: 0 !important;
}

.searchWrap.mT120 {}

.searchWrap .searchFormWrap {
  position: relative;
  margin: 0 auto;
  width: calc(100% - 520px);
  min-width: 1400px;
  height: 100%;
  display: flex;
  padding-top: 70px;
}

.searchWrap .searchFormWrap .searchCloseBtn {
  position: absolute;
  display: flex;
  top: 30px;
  right: -70px;
  width: 30px;
  height: 30px;
  background-image: url(../new_resources/images/common/search_close_btn.png);
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}


.searchWrap .searchFormWrap .searchForm {
  position: relative;
  margin: 0 auto;
  width: 700px;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.searchWrap .searchFormWrap .searchForm .searchInpWrap{
	position:relative;
}

.searchWrap .searchFormWrap .searchForm .searchInpWrap button{
	position:absolute;
	width:50px;
	height:50px;
	top:5px;
	right:15px;
	background-image: url(../new_resources/images/common/search_btn_2.png);
	background-repeat: no-repeat;
	background-size: 26px;
	background-position: center;
	background-color:unset;
	border:0;
	cursor:pointer;
}

.searchWrap .searchFormWrap .searchForm input[type=text] {
  width: 700px;
  height:auto;
  border: 1px solid #aa7944;
  padding: 17px 70px 17.5px 46px;
  font-family: 'Pretendard', sans-serif !important;
  font-size: 20px;
  color: #000;
  border-radius: 31px;
  margin-bottom: 60px;
  background-color:#fff;
}

.searchWrap .searchFormWrap .searchForm input[type=text]::placeholder {
  color: #00000080;
}

.searchWrap .searchFormWrap .searchForm .recWrap {
  position: relative;
  padding-left: 120px;
  height: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}

.searchWrap .searchFormWrap .searchForm .recWrap span {
  display: inline-block;
  position: absolute;
  left: 0;
  line-height: 40px;
  font-family: 'Pretendard', sans-serif;
  font-weight: bold;
  font-size: 20px;
  color: #aa7944;
}

.searchWrap .searchFormWrap .searchForm .recWrap a {
  display: inline-block;
  left: 0;
  line-height: 38px;
  font-family: 'Pretendard', sans-serif;
  font-weight: 500;
  font-size: 18px;
  padding: 0 23px;
  border-radius: 20px;
  border: 1px solid #bcbcbc;
  margin: 0 5px 5px 0;
  color: #000;
}


/***** Footer *****/
footer {
  position: relative;
  background-color: #333;
  width: 100%;
  /*min-width: 1700px;*/
}

.topBtn {
  position: fixed;
  right: 50px;
  bottom: -50px;
  opacity: 0;
  width: 70px;
  height: 70px;
  background-color: #aa7944;
  background-image: url(../new_resources/images/common/top_btn_bg.png);
  background-position: center;
  background-repeat: no-repeat;
  -webkit-box-shadow: 0px 1px 5px 1px #00000060;
  box-shadow: 0px 1px 5px 1px #00000060;
  border-radius: 100%;
  -webkit-transition: 1s;
  transition: 1s;
}

.topBtn.active {
  bottom: 50px;
  opacity: 1;
  -webkit-transition: 1s;
  transition: 1s;
  z-index: 10000;
}

#footerWrap {
  height: 100%;
  padding: 75px 0;
  font-size: 0;
  width: calc(100% - 520px);
  min-width: 1400px;
  margin: 0 auto;
}

#footerWrap>div {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.footerLeft .companyLink {
  width: 100%;
  margin-bottom: 30px;
}

.footerLeft .companyLink a {
  color: #fff;
  font-size: 22px;
  margin-right: 60px;
  font-family: 'NotoSansKR-Bold', sans-serif;
}

.footerLeft .companyLink a:last-child {
  margin-right: 0;
}

.footerLeft p {
  color: #fff;
  font-size: 18px;
  font-family: 'NotoSansKR', sans-serif;
}

.footerLeft p span{
  position: relative;
  padding-right:15px;
  margin-right:15px;
}

.footerLeft p span:not(:last-child):before{
  display: block;
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right:0;
  width:1px;
  height:18px;
  background: #fff;
}

.footerLeft p span a{
  color: #fff;
  font-family: 'NotoSansKR-Bold', sans-serif;
  font-size: 19px;
}

.footerRight {
  width: auto;
  float: right;
}

.footerRight>div {
  position: relative;
  display: inline-block;
  font-family: 'NotoSansKR', sans-serif;
  vertical-align: middle;
}

.footerRight .snsLink {
  margin-right: 20px;
}

.footerRight .snsLink a {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  margin-right: 15px;
}

.snsLink a.naver {
  background-image: url(../new_resources/images/common/sns_naver.png);
}

.snsLink a.facebook {
  background-image: url(../new_resources/images/common/sns_facebook.png);
}

.snsLink a.youtube {
  background-image: url(../new_resources/images/common/sns_youtube.png);
}

.snsLink a.linkedin {
  background-image: url(../new_resources/images/common/sns_in.png);
  margin-right: 0;
}


.footerRight .familySiteLink {
  position: relative;
  width: 215px;
  height: 56px;
}

.footerRight .familySiteLink .familySiteBtn {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  background-image: url(../new_resources/images/common/family_site_btn.png);
  cursor: pointer;
}

.footerRight .familySiteLink .familySiteBtn.open {
  background-image: url(../new_resources/images/common/family_site_btn_open.png);
}

.footerRight .familySiteLink ul {
  display: none;
  position: absolute;
  bottom: 53px;
  width: 163px;
  height: auto;
  overflow-y: hidden;
  padding: 25px;
  border: 1px solid #fff;
  border-bottom: none;
  background: #333;
  z-index: 9999;
}

.footerRight .familySiteLink ul li {
  line-height: 16px;
  margin-bottom: 16px;
}

.footerRight .familySiteLink ul li:last-child {
  margin-bottom: 0;
}

.footerRight .familySiteLink ul li a {
  font-family: 'NotoSansKR', sans-serif;
  font-size: 18px;
  color: #fff;
}

/***** 1400 이하 메인페이지 공통 *****/
/*@media screen and (max-width: 1450px) {
  header {
      padding: 0 50px;
  }
  section.box:nth-child(2) div.content {
      padding: 50px 0px 50px 150px;
  }

  section.box:nth-child(3) div.content {
      padding: 50px 0 0 50px;
  }
  
  footer{
  	 width:calc(100% - 100px);
     padding:0  50px;
  }
  #footerWrap{
  	width:100%;
  }
}*/

.sliderWrap *{
	box-sizing:border-box;
}

.sliderWrap {
    width: 1110px;
    margin: 0 auto;
    position: relative;
    left: -15px;
}

.sliderWrap .slick-prev,
.sliderWrap .slick-next {
  position: absolute;
  display: block;
  height: 22px;
  width: 11px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 90px;
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.sliderWrap .slick-prev:before,
.sliderWrap .slick-next:before {
  display: none;
}

.sliderWrap .slick-prev {
  left: -50px;
  background-image: url(../images/industry/slide_arrow_prev.png);
}

.sliderWrap .slick-next {
  right: -50px;
  background-image: url(../images/industry/slide_arrow_next.png);
}

.projectSliderWrap .slide {
  padding: 10px 15px 0;
}

.projectSliderWrap .slide .slideContent {
  position: relative;
  padding: 90px 0 50px 40px;
  background-color: #f4f4f4;
  border: 1px solid #f4f4f4;
  transition: 0.5s;
  background-image: url(../images/industry/arrow_blue.png);
  background-position: calc(100% - 40px) calc(100% - 25px);
  background-repeat: no-repeat;
}

.projectSliderWrap .slide .slideContent span {
  position: absolute;
  top: 20px;
  left: -5px;
  padding: 12px 23px;
  line-height: 1;
  background-color: #aa7944;
  color: #fff;
  font-size: 17.5px;
  font-family: "Pretendard", sans-serif;
  font-weight: 500;
}
.projectSliderWrap .slide .slideContent h1 {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.6px;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-weight: 600;
  height: 102px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.projectSliderWrap .slick-slide:hover .slideContent{
  position: relative;
  top: -10px;
  background-color: #fff;
  border: 1px solid #aa7944;
  transition: 0.5s;
}

.serviceSliderWrap .slide {
  padding: 10px 15px 0;
}
.serviceSliderWrap .slide .slideContent {
  position: relative;
  padding: 45px 10px 40px 40px;
  background-color: #ffffff;
  border: 1px solid #aa7944;
  transition: 0.5s;
}
.serviceSliderWrap .slide .slideContent p {
  font-size: 18px;
  font-family: "NotoSansKR", sans-serif;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  white-space: nowrap;
}
.serviceSliderWrap .slide .slideContent h1 {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.6px;
  font-family: "NotoSansKR-Bold", sans-serif;
  font-weight: 600;
  height: 34px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
}
.serviceSliderWrap .slick-slide:hover .slideContent{
  position: relative;
  top: -10px;
  background-color: #aa7944;
  border: 1px solid #aa7944;
  transition: 0.5s;
}
.serviceSliderWrap .slick-slide:hover .slideContent p {
  color: #fff;
}
.serviceSliderWrap .slick-slide:hover .slideContent h1 {
  color: #fff;
}
.serviceSliderWrap .slick-prev,
.serviceSliderWrap .slick-next {
  top: calc(50% - 1px);
}

.serviceSliderWrap .sliderWrap .slick-prev {
  left: -35px;
  background-image: url(../images/industry/slide_arrow_prev.png);
}

.serviceSliderWrap .sliderWrap .slick-next {
  right: -35px;
  background-image: url(../images/industry/slide_arrow_next.png);
}

.pB300{padding-bottom:300px;}
.bB0{border-bottom:0 !important;}

.container .slick-track {
    margin: 0 !important;
}


@media screen and (max-width:1550px){
	header{
	    min-width: 1400px;
	}
	
	#headerWrap {
	    margin: 0 auto;
	    width: calc(100% - 300px);
	    min-width: 1200px;
	}
	
	
	.searchBgWrap {
	  min-width: 1400px;
	}
	
	.searchWrap .searchFormWrap {
	  margin: 0 auto;
	  width: calc(100% - 300px);
	  min-width: 1200px;
	}
	
	.searchWrap .searchFormWrap .searchCloseBtn {
	    right: -55px;
	}
	
	.iconBtnWrap {
	    position: absolute;
	    display: flex;
	    align-items: center;
	    justify-content: space-between;
	    right: -100px;
	    height: 120px;
	    gap: 10px;
	    width: 75px;
	}
	
	footer {;
	    min-width: 1400px;
	}
	
	#footerWrap {
	    margin: 0 auto;
	    width: calc(100% - 300px);
	    min-width: 1200px;
	}
	
	.footerLeft p {
	  font-size: 16.5px;
	}
	
	.footerBanner{
		min-width:1400px !important;
	}
	
	#wrap {
	    position: relative;
	    width: 100%;
	    min-width: 1400px;
	    min-height: 100%;
	    line-height: normal;
	}
	
	.tab-type-company {
	    min-width: 1400px !important;
	}
}

p.noData{
 	font-size:20px !important;
 	font-weight:bold;
 	text-align:center;
 	margin:50px 0;
 }
 
.searchBox a img {
    width: 50px;
}