@charset "utf-8";

/* ************************* 공통 ************************* */
/* 탭 */
.tabWrap {}

.tabWrap.type1 {}

.tabInner {}
.tabInner>ul {}
.tabInner>ul>li {display:none;}
.tabInner>ul>li.on {display:block;}

/* ***** 테이블 ***** */
/* 테이블::type1 */
.tableWrap.type1 {}


/* ***** 컬러 ***** */
.c01 {color:#4ab67d !important;}
.c02 {color:#4ab69d !important;}
.c03 {color:#4aa8b6 !important;}
.c04 {color:#4a94b6 !important;}
.c05 {color:#4a75b6 !important;}
.c05 {color:#4a75b6 !important;}

.bgc01 {background-color:#4ab67d !important;}
.bgc02 {background-color:#4ab69d !important;}
.bgc03 {background-color:#4aa8b6 !important;}
.bgc04 {background-color:#4a94b6 !important;}
.bgc05 {background-color:#4a75b6 !important;}
.bgc05 {background-color:#4a75b6 !important;}

.tmsori {font-family:'TmonMonsori';}



/* ************************ 데스크탑 (992~) ************************ */
	.contents-wrap {display:flex;}
	.contents-wrap>section {float:left; display:inline-block;}
	.contents-wrap .contents {width:calc(100% - 250px); border-left:1px solid #e7e9ec; padding-left:70px; padding-bottom:100px;}

	.contents .sub_title {padding:100px 0 42px 0; overflow:hidden;}
	.contents .sub_title .title_txt {float:left; width: calc(100% - 250px);}
	.contents .sub_title .title_txt h3{position:relative; color:#194078; font-family:'SpoqaHanSansNeo'; font-size:36px; padding-left:30px;}
	.contents .sub_title .title_txt h3:before{content:''; position:absolute; left:0; top:2px; display:inline-block; width:10px; height:33px; background:url(../images/common/i-tit.png)no-repeat;}

	.contents .sub_title .title_txt p {padding-top:10px; color:#999; font-size:14px; font-weight:300; line-height:1.4;}
	.contents .sub_title ul.sub_location{float:right; padding-top:40px;}
	.contents .sub_title ul.sub_location li{position:relative; color:#999; font-sizE:14px; font-weight:300; float:left;}
	.contents .sub_title ul.sub_location li:first-child{padding-left:40px;}
	.contents .sub_title ul.sub_location li:first-child:before{content:''; display:inline-block; position:absolute; left:0; top:-5px; width:31px; height:31px; background:url(../images/common/i-titHome.png)no-repeat;}
	.contents .sub_title ul.sub_location li+li {padding-left:20px;}
	.contents .sub_title ul.sub_location li+li:before {content:''; display:inline-block; position:absolute; left:8px; top:50%; width:4px; height:1px; background:#999;}
	
	/* 게시판 페이징 pc */
	.page_box {width:100%; margin-top:30px; line-height:1; font-size:14px; text-align:center;}
	.page_box .pc.pagination {display:inline-block;}
	.page_box .pc li {float:left; margin-left:-1px; margin-right:-1px;}
	.page_box .pc li a {display:block; padding:12px 15px; background:#fff;}
	.page_box .pc li a.active {padding:12px 8px;}
	.page_box .pc.pagination>li>a {text-align:center; border:1px solid #dedede; height:40px; line-height:1;}
	.page_box .pc.pagination>li>a.active {border:none; color:#aaa;}
	.page_box  .pc.pagination .prev {margin-right:10px;}
	.page_box  .pc.pagination .next {margin-left:10px;}
	
	
	/* 게시판 페이징 mobile */
	.page_box .mobile .btn-default {background:url(../images/common/select_icon.png)right 50% no-repeat;}
	.bootstrap-select.btn-group .dropdown-toggle .caret {display:none;}
	
	
	.page_box .mobile {display:inline-block; margin:0; padding:0;}
	.page_box .mobile>li {float:left; height:100%;}
	.page_box .mobile>li:last-child {padding-right:0;}
	.page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(../images/common/prev.png) no-repeat 50% #fff !important; border:1px solid #ededed; border-right:0;}
	.page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(../images/common/next.png) no-repeat 50% #fff !important; border:1px solid #ededed; border-right:0;}

	

	.page_box .mobile label {display:none;}
	.page_box .mobile select { cursor:pointer; padding:8px 45px 8px 20px !important; background:url(../images/common/select_icon.png) no-repeat right 10px center !important; background-position: calc(100% - 10px) center !important; appearance: none; clear: left !important;}
	.mobile select#page {border-radius: 0 !important; height: 40px !important; border: 1px solid #dedede !important; min-width: 50px;}
	.page_box .mobile select {background-size: 20px !important;}
	
	/* 검색창 */
	.searchWrap {margin-bottom:10px;}
	.searchWrap>* {height:40px; color:#000; font-size: 14px;}
	.searchWrap .search_box {position:relative; clear:both; margin-bottom:10px;}
	.searchWrap .search_box form {max-width:100%; position:relative;}
	.searchWrap .search_box select {background:url(../images/common/select_arrow.png) right 50% 54% no-repeat; border:1px solid #ddd; padding:0 35px 0 10px; width: 220px; height:40px; float:left; outline:none;}
	.searchWrap .search_box input {position:relative; border:1px solid #ddd; width:calc(100% - 220px); padding:0 8px; height:40px; border-left:0; outline:none; vertical-align:top;}
	.searchWrap .search_box input:-webkit-autofill,
	.searchWrap .search_box input:-webkit-autofill:hover, 
	.searchWrap .search_box input:-webkit-autofill:focus, 
	.searchWrap .search_box  input:-webkit-autofill:active  { -webkit-box-shadow: 0 0 0 30px white inset !important; appearance:none;}
	.searchWrap .search_box a {position:absolute; right:0; display:inline-block; width:40px; height:40px; border:1px solid #ddd; border-left:0; background:url(../images/common/search_fix.png) no-repeat center #fff; margin-left:-4px; } 
	
	.view_head  h4{font-family:'SpoqaHanSansNeo'; font-weight:300; color:#000; font-size:20px; padding-bottom:20px; line-height:1.4; text-align:left;}
	.board .view_head p {font-size:15px; padding:15px 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
	.board .view_head p.files {border-top:1px solid #fff; margin-top:-1px; padding-top:0;}
	.board .view_head p.files a {display:inline-block;}
	.board .view_head p.files a img {padding-right:3px;}
	.board .view_head p.files a+a {margin-left:20px;}
	.board .view_con {padding:50px;}
	.view_btn_box {position: relative; text-align: center; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee; padding-bottom:50px;}
	.view_btn_box .btn {padding:10px 25px; font-size:14px; border:1px solid #ddd; background:#eee; color:#000;}

/* ************************ 회사소개 ************************ */
	/* CEO인사말 */
	.greeting {}
	.greeting .ceo_img{float:right; width:353px;}
	.greeting .ceo_txt{float:left; width:calc(100% - 353px);}
	.greeting .ceo_txt p {color:#000; font-weight:300; line-height:2;}
	.greeting .ceo_txt p+p{padding-top:35px}
	.greeting .ceo_txt p.ceo_name {font-weight:400; display:flex; align-items: center;}
	.greeting .ceo_txt p.ceo_name span{padding-left:10px; font-family:'JejuMyeongjo'; font-size:30px;}

	/* 비전 및 목표 */
	.intro .vision {}
	.intro .vision article {display:flex; position:relative; border-radius:20px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,0.05); border:1px solid #ebecf0; transition:.5s;}
	.intro .vision article:hover {box-shadow:10px 10px 10px rgba(0,0,0,0.1); border-color:#c7ced9;}
	.intro .vision article+article {margin-top:50px;}
	.intro .vision article .img {position:relative; width:280px; background-repeat:no-repeat; background-size:cover; transition:1px}
	.intro .vision article .img:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.05);}
	.intro .vision article:nth-child(1) .img {background-image:url(../images/intro/vision_01.jpg);}
	.intro .vision article:nth-child(2) .img {background-image:url(../images/intro/vision_02.jpg);}
	.intro .vision article:nth-child(3) .img {background-image:url(../images/intro/vision_03.jpg);}
	.intro .vision article:nth-child(4) .img {background-image:url(../images/intro/vision_04.jpg);}
	.intro .vision article .info {width:calc(100% - 280px); padding:50px;}
	.intro .vision article .info span {position:absolute; right:50px; top:50px; color:#888; font-size:12px;}
	.intro .vision article .info span i {color:#000; font-size:30px; padding-left:10px;}
	.intro .vision article .info h4 {position:relative; font-size:30px; font-weight:500; letter-spacing:-1px; line-height:1.2; padding-bottom:30px; margin-bottom:30px;}
	.intro .vision article .info h4:after {content:""; width:30px; height:2px; position:absolute; bottom:0; left:0; background:#000;}


	/* 연혁 */
	.history {}
	.history .history_tit{position:relative; display:flex; justify-content:center; align-items:center; height:250px; border-radius:20px; background:url(../images/intro/history_bg.jpg) center 70% / cover no-repeat;}
	.history .history_tit .cover{position:absolute; left:0; right:0; top:0; bottom:0; background:rgb(0, 0, 0, 0.15); border-radius:20px;}
	.history .history_tit .history_txt{position:relative; color:#fff; text-align:center; padding:15px 20px 0 20px;}
	.history .history_tit .history_txt h3{font-size:45px; padding-bottom:15px;}
	.history .history_tit .history_txt p{font-size:20px;}
	.history .history_con {}
	.history .history_con>div {float:left;}
	.history .history_con .left {width:calc(100% - 65%); margin:-60px 7% 0; display:inline-block; position:relative; background:#72b24b; z-index:9; opacity:90%;  box-shadow: 2px 5px 8px rgb(0 0 0 / 20%);}
	.history .history_con .left p {color:#fff; font-size:17px; padding:40px 35px; font-weight:300;}
	.history .history_con .right {width:50%; padding-top:50px;}
	.history .history_con .right .year {position:relative; padding-bottom:100px;}
	.history .history_con .right .year:before{content:''; display:block; position:absolute; left:0; top:15px; width:1px; height:100%; background:#eaeaea;}
	.history .history_con .right dl{text-align:left;}
	.history .history_con .right dl dt{position:relative; font-size:25px; color:#000; font-weight:500; padding-left:25px;}
	.history .history_con .right dl dt:before{content:''; display:block; position:absolute; left:-7px; top:13px; width:15px; height:15px; background:url(../images/intro/history_be.png) no-repeat; border-radius:50%;}
	.history .history_con .right dl dd{position:relative; padding-left:40px; font-size:17px; font-weight:300;}
	.history .history_con .right dl dd:before{content:''; display:block; position:absolute; left:30px; top:13px; width:2px; height:2px; background:#666; border-radius:50%;}
		
	/* 조직도 */
	.organ {text-align:center;}
	.organ img {max-width:1000px; width:100%; }

	/* 오시는길 */
	.direc {}
	.direc .root_daum_roughmap {width:100% !important;}
	.direc .root_daum_roughmap .wrap_map {height:550px !important;}
	.direc .root_daum_roughmap .wrap_controllers {display:none;}
	.direc .root_daum_roughmap .wrap_btn_zoom,
	.direc .root_daum_roughmap .wrap_btn_zoom .img_zoom {display:none;}

	.direc .direc_txt{display:flex; align-items:center; border:1px solid #305385; width:100%; padding:40px 20px; margin-top:5px; overflow:hidden;}
	.direc .direc_txt>div{float:left;}
	.direc .direc_txt>div.direc_left{width:35%; text-align:center;}
	.direc .direc_txt>div.direc_right{width:65%;}
	.direc .direc_txt>div.direc_right dl{color:#000;}
	.direc .direc_txt>div.direc_right dl dt{float:left;  font-weight:500; padding-top:10px;}
	.direc .direc_txt>div.direc_right dl dd{font-weight:300; padding-top:10px;}
	.direc .direc_txt>div.direc_right dl dt:first-child{padding-top:0;}
	.direc .direc_txt>div.direc_right dl dd:nth-child(2){padding-top:0;}

/* ************************ 사업소개 ************************ */
	/* 사업영역 -*/
	.business {}
	.business .listType{padding-bottom:50px;}
	.business .listType>ul{overflow:hidden; text-align:center;}
	.business .listType>ul>li{float:left; background:#eee; width:calc((100%/3) - 1px);}
	.business .listType>ul>li+li{margin-lefT:1px;}
	.business .listType>ul>li.on{background:#72b24b;}
	.business .listType>ul>li.on a {color:#fff;}
	.business .listType>ul>li>a{width:100%; display:inline-block; height:45px; line-height:45px; color:#333;}
	
	.business .area>.tab {display:flex; justify-content:space-between;}
	.business .area>.tab li {width:calc(50% - 2px);}
	.business .area>.tab li a {display:block; width:calc(100% - 2px); padding:17px; line-height:1.2; border:1px solid #194078; border-radius:5px; background:#fff; text-align:center; color:#000;}
	.business .area>.tab li.on a {background:#194078; color:#fff;}
	
	.business .area>.head {margin-top:80px; text-align:center;}
	.business .area>.head h4 {color:#3980cf; font-weight:500; font-size:30px; letter-spacing:-2px; padding-bottom:30px;}
	.business .area>.head h4+p {position:relative; padding:0 180px;}
	.business .area>.head h4+p:before,
	.business .area>.head h4+p:after {content:""; position:absolute;  top:50%; transform:translateY(-50%); width:38px; height:38px; background:url(../images/business/head_comma.jpg) no-repeat center;}
	.business .area>.head h4+p:before {left:100px;}
	.business .area>.head h4+p:after {right:100px; transform:rotate(180deg); margin-top:-19px;}
	.business .area>.head .insertBg {margin-top:80px; height:290px;}
	.business .area>.head .insertBg .img {height:100%; border-radius:30px 30px 0 0; background-color:#eee;}
	
	.business .area>.info {position:relative; display:flex; justify-content:space-between; margin-top:50px;}
	.business .area>.info:after  {content:""; width:1px; height:100%; background:#e5e5e5; position:absolute; left:50%; top:0;}
	.business .area>.info h5 {position:relative; font-size:24px; line-height:1; font-weight:500; letter-spacing:-2px; color:#000; padding-bottom:12px; margin-bottom:30px;}
	.business .area .info h5:after {content:""; width:20px; height:2px; background:#3980cf; position:absolute; bottom:0; left:0;}
	.business .area>.info article {position:relative; width:calc(50% - 3vw);}
	.business .area>.info article:nth-child(1) {background:url(../images/business/area_info_icon1.jpg) no-repeat 100% 0;}
	.business .area>.info article:nth-child(2) {background:url(../images/business/area_info_icon2.jpg) no-repeat 100% 0;}
	      
		  
	.business .area .process {margin-top:80px; padding-top:80px; border-top:1px dashed #ddd;}
	.business .area .process h4 {font-size:36px; color:#000; line-height:1.2; text-align:center;}
	.business .area .process h4 p {font-size:18px; color:#ccc;}
	.business .area .process .items {display:flex; flex-wrap:wrap; justify-content:space-between;}
	.business .area .process .items article {position:relative; width:calc(50% - 25px); margin-top:50px; border-radius:20px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,0.05); border:1px solid #ebecf0; transition:.5s;}
	.business .area .process .items article:hover {box-shadow:15px 15px 15px rgba(0,0,0,0.1);}
	.business .area .process .items article .head {position:relative; line-height:1; color:#fff; }
	.business .area .process .items article .head i {display:block; font-size:60px; font-family:"TmonMonsori"; padding:25px 50px 0; transform:translateY(10px); transition:.3s ease;}
	.business .area .process .items article:hover .head i {transform:translateY(-5px);}
	.business .area .process .items article .head span {position:absolute; left:140px; top:45%; opacity:.5; }
	.business .area .process .items article .head:after {content:""; position:absolute; right:50px; top:50%; width:30px; height:10px; background:url(../images/business/area_process_arrow.png) no-repeat right top; transition:.3s ease;}
	.business .area .process .items article:hover .head:after {right:20px; width:50px;}
	.business .area .process .items article:last-child .head:after {display:none;}
	.business .area .process .items .con {position:relative; padding:50px;}
	.business .area .process .items .con h5 {font-size:24px; line-height:1; padding-bottom:15px; letter-spacing:-1px;}
	.business .area .process .items .con h5+p {padding-right:100px;}
	.business .area .process .items .con img {position:absolute; right:50px; top:50px;}
	.business .area .process .items .con dl {margin-top:30px; padding-left:10px; }
	.business .area .process .items .con dl dt {position:relative; display:block; line-height:1.3; color:#000; font-weight:400;}
	.business .area .process .items .con dl dd+dt {margin-top:20px;}
	.business .area .process .items .con dl dt:after {content:""; width:2px; height:10px; background:#000; position:absolute; left:-10px; top:6px;}
	.business .area .process .items .con dl dd {position:relative; display:inline-block; font-size:14px; color:#666; font-weight:300; padding-left:7px; margin:0 0 0 5px;}
	.business .area .process .items .con dl dd:after {content:""; width:2px; height:2px; background:#999; position:absolute; left:0px; top:10px;}	
	
	
		
	/* 사업실적 */
	.perfor {}
	.perfor .searchWrap .search_box input {border-left:1px solid #e5e5e5; width:100%;}	
	.perfor .searchWrap .sortWrap {display:flex; height:auto; line-height:auto; font-size:15px; margin-bottom:5px;}	
	.perfor .searchWrap .sortWrap select {border:1px solid #000; width:100%; height:40px; outline:none; padding:0 35px 0 10px; background:#fff url(../images/common/select_arrow.png) no-repeat right 10px center;}	
	.perfor .searchWrap .sortWrap .year {width:250px; padding-right:5px;}		
	.perfor .searchWrap .sortWrap .details {width:calc(100% - 250px);}	
	
	.perfor .tabInner>ul>li>table>thead{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; }
	.perfor .tabInner>ul>li>table>thead tr th{padding:13px 10px; color:#333; font-weight:500; text-align:center;}
	.perfor .tabInner>ul>li>table>tbody{}
	.perfor .tabInner>ul>li>table>tbody>tr{border-bottom:1px solid #f0f0f0;}
	.perfor .tabInner>ul>li>table>tbody>tr>td{padding:13px 10px; text-align:center; font-size:15px;}
	.perfor .tabInner>ul>li>table>tbody>tr>td.subject {text-align:left;}	
	.perfor .tabInner>ul>li>table>tbody>tr>td.subject a{}	
	
	
	
	
	/* 고객 */
	.business .client>.tab {display:flex; justify-content:space-between;}
	.business .client>.tab li {width:calc(33.33% - 2px);}
	.business .client>.tab li a {display:block; width:calc(100% - 2px); padding:17px; line-height:1.2; border:1px solid #194078; border-radius:5px; background:#fff; text-align:center; color:#000;}
	.business .client>.tab li.on a {background:#194078; color:#fff;}

	
	
	.client {}
	.client>ul.client_wrap{overflow:hidden; margin-right:-10px; margin-top:50px;}
	.client>ul.client_wrap>li{display:flex; align-items:center; justify-content:center; text-align:center; float:left; width:calc((100%/4) - 10px); border:1px solid #eaeaea; height:100px; margin-left:10px; margin-bottom:10px; border-radius:10px;}
	.client>ul.client_wrap>li:nth-child(4n+1) {margin-left:0;}
	.client>ul.client_wrap>li>img {max-width:150px; width:100%;}

/* ************************ 채용 ************************ */
	/* 채용정보 */
	.recruit {}
	.recruit h5{position:relative; color:#000; font-size:30px; font-weight:500; text-align:left; margin:50px 0 30px;}
	.recruit h5:before{content:''; display:inline-block; position:absolute; right:0; top:15px; width:calc(100% - 118px); height:1px; background:#eaeaea;}
	.recruit_inform h3{text-align:center; font-family:'SpoqaHanSansNeo'; font-weight:400; color:#72b24b; font-size:32px; padding-bottom:25px; line-height:1.4;}

		
	.recruit_inform .recruit_txt {text-align:center; padding-bottom:50px; font-family:'SpoqaHanSansNeo'; }
	.recruit_inform .recruit_txt p {color:#666; font-weight:200;}
	.recruit_inform .recruit_txt p+p {padding-top:20px;}
	
	
	.recruit_inform .company {}
	.recruit_inform .company h4{text-align:center; font-size:60px; color:#305385; padding-bottom:50px;}

	.recruit_inform .company .img{display:flex; flex-wrap:wrap; justify-content:center; position:relative; background:url(../images/recruit/recruit_top.jpg)center no-repeat; border-radius:10px; padding:50px 40px; align-content:center; }
	.recruit_inform .company .img .cover{position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0, 0.5); border-radius:10px;}
	.recruit_inform .company>ul{overflow:hidden; margin-right:-20px; display:flex; flex-wrap:wrap; margin-top:-20px;}
	.recruit_inform .company>ul>li{position:relative; width:calc((100%/2) - 20px); float:left; text-align:center; margin-top:20px; margin-right:20px; display:flex;}
	.recruit_inform .company>ul>li:nth-child(2n) {margin-right:0;}
	.recruit_inform .company>ul>li>.img>.tit {position:relative;}
	.recruit_inform .company>ul>li>.img>.tit>span{background:#80ba5d; border-radius:10px; color:#fff; font-size:22px; font-weight:700; display:block; width:40px; height:40px; margin:0 auto; padding-top: 2px;}
	.recruit_inform .company>ul>li>.img>.tit>p{color:#fff; padding-top:15px; font-size:17px; line-height:1.5;}
	.recruit_inform .company>ul>li>.img>.txt {position:relative; margin-top:25px; padding:30px 40px; background:rgb(255, 255, 255, 60%); border-radius:10px;}
	.recruit_inform .company>ul>li>.img>.txt p{color:#000; position:relative; font-size:15px;}
	.recruit_inform .company>ul>li>.img>.txt p+p {padding-top:30px;}
	
	.recruit_inform .company .img.bg1 {background:url(../images/recruit/compa1.jpg)center no-repeat;}
	.recruit_inform .company .img.bg2 {background:url(../images/recruit/compa2.jpg)center no-repeat;}
	.recruit_inform .company .img.bg3 {background:url(../images/recruit/compa3.jpg)center no-repeat;}
	.recruit_inform .company .img.bg4 {background:url(../images/recruit/compa4.jpg)center no-repeat;}
	
	.recruit_inform .announcement {}
	.recruit_inform .announcement>ul.sector {overflow:hidden; display:flex; margin-right:-10px;}
	.recruit_inform .announcement>ul.sector>li{float:left; border:1px solid #ddd; border-radius:10px; width: calc((100%/3) - 10px); margin-right:10px;}
	.recruit_inform .announcement>ul.sector>li:nth-child(3) {margin-right:0;}
	.recruit_inform .announcement>ul.sector>li>h6{font-size:20px; color:#000; font-weight:300; font-family:'SpoqaHanSansNeo'; border-bottom:1px solid #e8e8e8; padding:20px; border-radius:10px 10px 0 0; background:#f9f9f9;}
	.recruit_inform .announcement>ul.sector>li>dl{padding:20px;}
	.recruit_inform .announcement>ul.sector>li>dl>dt{font-size:14px; font-weight:500; border:1px solid #72b24b; border-radius:10px; padding:8px 20px; display:inline-block; color:#000; margin:20px 0 13px;}
	.recruit_inform .announcement>ul.sector>li>dl>dt:first-child{margin-top:0;}
	.recruit_inform .announcement>ul.sector>li>dl>dd{position:relative; padding:0 0 13px 15px; font-size:16px; line-height:1.4; color:#666; font-weight:300;}
	.recruit_inform .announcement>ul.sector>li>dl>dd:before {content:''; display:inline-block; position:absolute; left:5px; top:12px; width:5px; height:1px; background:#666;}
	.recruit_inform .announcement>ul.sector>li>dl>dd.last {padding-bottom:0;}

	.recruit_inform .announcement>ul.talent{padding-bottom:35px;}	
	.recruit_inform .announcement>ul.talent>li {overflow:hidden;}
	.recruit_inform .announcement>ul.talent>li>div{float:left; width:33%; text-align:center;}	
	.recruit_inform .announcement>ul.talent>li>div>i{}	
	.recruit_inform .announcement>ul.talent>li>div>i>img{height:100px;}	
	.recruit_inform .announcement>ul.talent>li>div>p{padding-top:20px; font-family:'SpoqaHanSansNeo'; font-size:25px; color:#72b24b;}	
	.recruit_inform .announcement>ul.talent>li{display:flex; align-items:center; justify-content:center;}	
	.recruit_inform .announcement>ul.talent>li>dl{float:left; width:calc(100% - 33%);}	
	.recruit_inform .announcement>ul.talent>li>dl>dt{}	
	.recruit_inform .announcement>ul.talent>li>dl>dd{position:relative; font-weight:300; padding-bottom:10px; }	
	/*.recruit .announcement>ul.talent>li>dl>dd:before {content:''; display:inline-block; position:absolute; left:5px; top:12px; width:5px; height:1px; background:#666;}*/
	.recruit_inform .announcement>ul.talent>li>dl>dd.last{padding-bottom:0;}	
	
	.recruit_inform .condition{}
	/* .recruit .condition>h5{font-size:24px; color:#000;} */
	.recruit_inform .condition>dl{}
	.recruit_inform .condition>dl>dt{float:left; padding: 7px 20px; border: 1px solid #72b24b; border-radius: 10px; color:#000;}
	.recruit_inform .condition>dl>dd{padding:10px 0 10px 120px; font-weight:300;}
	
	
	.recruit_inform .welfare{margin-top:50px;}
	.recruit_inform .welfare .welfare_box{font-family:'SpoqaHanSansNeo';}
	.recruit_inform .welfare .welfare_box>div{}
	.recruit_inform .welfare .welfare_box .welfare_tit{text-align:center; padding-bottom:20px;}
	.recruit_inform .welfare .welfare_box .welfare_tit h4{font-size:24px; color:#000; font-weight:300; padding-bottom:15px; line-height:1.4;}
	.recruit_inform .welfare .welfare_box .welfare_tit p{color:#333; font-weight:300;}
	.recruit_inform .welfare .welfare_box .welfare_tit p span{font-weight:300;}
	.recruit_inform .welfare .welfare_box .welfare_con {}
	.recruit_inform .welfare .welfare_box .welfare_con ul {display:flex; flex-wrap:wrap; margin-right:-10px;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li{display:flex; align-items:center; overflow:hidden; border:1px solid #ddd; border-radius:15px; padding:20px 40px; float:left; width:calc((100%/2) - 10px); margin: 0 10px 10px 0;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li:nth-child(2n) {margin-right:0;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li i{display:inline-block; width:80px; text-align:center;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li i img {max-width:100%;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li dl{display:inline-block; padding-left:35px; width:calc(100% - 80px);}
	.recruit_inform .welfare .welfare_box .welfare_con ul li dl dt{font-size:20px; font-weight:400; color:#194078;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li dl dd{font-weight:300; color:#000; font-family:'NotoSansKR';}
	
	/* 입사지원 */
	.applica {}
	.applica  h4{font-family:'SpoqaHanSansNeo'; font-weight:300; color:#000; font-size:24px; padding-bottom:15px; line-height:1.4; text-align:left;}
	.applica .view_head p{font-size:15px; padding:15px 20px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}

	.applica>table {}
	.applica>table thead{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; }
	.applica>table thead tr{}
	.applica>table thead tr th{padding:13px 10px; color:#333; font-weight:500;}
	.applica>table tbody{}
	.applica>table tbody tr{border-bottom:1px solid #f0f0f0;}
	.applica>table tbody tr th {padding:13px 10px;}
	.applica>table tbody tr td {padding:13px 10px; text-align:center; font-size:15px; font-weight:300; color:#000;}
	.applica>table tbody tr td.subject {text-align:left;}	
	.applica>table tbody tr td.subject.line_height {line-height:2.2;}
	.applica>table tbody tr td.subject dl {padding-bottom:50px;}	
	.applica>table tbody tr td.subject dl:last-child {padding-bottom:0;}
	.applica>table tbody tr td.subject dl dt{font-weight:500; color:#000; padding-bottom:8px;}	
	.applica>table tbody tr td.subject dl dd{}	
	
	.applica .support {border-radius:10px; border:1px solid #72b24b; padding:50px 40px;}
	.applica .support .formGroup {padding-bottom:10px;}
	.applica .support .formGroup.paddingB {padding-bottom:0;}
	.applica .support .formGroup>label{display:inline-block; width:180px; color:#000; font-size:18px; font-weight:400; vertical-align:top;}
	.applica .support .formGroup .inputWrap {display:inline-block; width: calc(100% - 184px);}
	.applica .support .formGroup .inputWrap input{border-radius:5px; border:1px solid #ddd; height:40px; line-height:39px; outline:none; color:#666; letter-spacing:1px; padding:0 5px;}
	
	.applica .support .formGroup .inputWrap .checkbox {}
	.applica .support .formGroup .inputWrap .checkbox>input[type='radio']+label {}
	.applica .support .formGroup .inputWrap .checkbox>input>label {font-size:16px; color:#666; font-weight:400; display:inline-block;}
	.applica .support .formGroup .inputWrap>input:first-child{margin-left:0;}
	.applica .support .formGroup .inputWrap .checkbox>input:first-child{margin-left:0;}
	.applica .support .formGroup .inputWrap .checkbox .other {display:inline-block; width: calc(100% - 187px);}
	.applica .support .formGroup .inputWrap .checkbox>input {margin-top:-2px;}
	input::placeholder {color:#ccc; font-weight:300;}
	.applica .support .formGroup .inputWrap select, .support .formGroup .inputWrap input:not([type=radio]) {width:100% !important;}
	
	.applica .support .formGroup.paddingB .inputWrap>div {float:left;}
	.applica .support .formGroup.paddingB .inputWrap>div.file {padding-left:10px; width:calc(100% - 182px);}
	
	.applica-recru{}
	.applica-recru .consent {}
	.applica-recru .consent .agree {} 
	.applica-recru .consent .agree>p {color:#000; font-size:16px;} 
	.applica-recru .consent .agree>p+p {padding-top:15px;} 
	.applica-recru .consent .agree>dl {padding-top:40px;} 
	.applica-recru .consent .agree>dl>dt {color:#000; padding-top:20px; font-size:15px;} 
	.applica-recru .consent .agree>dl>dt:first-child {padding-top:0;}
	.applica-recru .consent .agree>dl>dd {font-size:14px; font-weight:300; padding-top:5px;}
	
	.consent .checkbox {padding-top:10px;} 
	.consent h4 {position:relative; padding-left:15px; ont-family:'SpoqaHanSansNeo'; font-weight:400; color:#000; font-size:24px; padding-bottom:15px; line-height:1.4; text-align:left;}
	.consent h4:before{content:''; display:inline-block; position:absolute; left:0; top:15px; width:10px; height:2px; background:#000; }
	.applica-recru .con_bottom .tit h4 {display:inline-block;}
	.applica-recru .formGroup .inputWrap select, .applica.applica-recru .formGroup .inputWrap .checkbox input:not([type=radio]) {width:240px;}

	.applica-recru .con_bottom {margin-top:50px;}
	.applica-recru .con_bottom .btn{display:inline-block; margin-left:5px;}
	.applica-recru .con_bottom .btn>a{background: url(../images/common/i-down.png)no-repeat 85% 11px; display:inline-block; border-radius:30px; padding:7px 50px 7px 30px;; color:#000; font-size:14px; font-weight:400; border:1px solid #72b24b;}
	
	.checkbox input[type='radio'] {position: absolute; left: -999999999999px;}
	.checkbox input[type='radio']+label {padding:0 30px; background: url(../images/common/i-check.svg) left top 5px no-repeat; cursor: pointer;}
	.checkbox input[type='radio']:checked+label {padding:0 30px; background: url(../images/common/i-check-on.svg) left top 5px no-repeat; cursor: pointer;}
	
	.applica-recru h3 {padding-left:20px; text-align:left; font-size:25px; padding-bottom:20px; position:relative;}
	.applica-recru h3:before {content:''; display:inline-block; position:absolute; left:0; top:15px; width:13px; height:2px; background:#000; }
	
	.consent>h3 {text-align:left; font-size:25px; padding-bottom:20px;}
	.consent .agree {max-height: 150px !important; padding: 30px !important; margin: 0; border-radius: 10px; border: 1px solid #ddd; background-color: #f9f9f9; overflow: auto;}
	.consent .agree pre, .consent .agree pre {border: 0; padding: 0; margin: 0; width: 100%; word-break: keep-all; overflow: hidden; font-size: 15px; background: transparent; color: #666; letter-spacing: 0; line-height: 1.8; font-family: 'NotoSansKR' !important;}

	.checkbox>* {line-height:1; display:inline-block; vertical-align:middle;}
	.checkbox label {line-height:30px; font-size:16px; color:#000;}
	.checkbox input[type='checkbox'] {position: absolute; left: -999999999999px;}
	.checkbox input[type='checkbox']+label {padding: 0 30px; background: url(../images/common/i-check.svg) left top 6px no-repeat; cursor: pointer;}
	.checkbox input[type='checkbox']:checked+label {background: url(../images/common/i-check-on.svg) left top 6px no-repeat; }



	.applica .applica-btn {text-align:center; margin-top:40px;}
	.applica .applica-btn a {background:#8bce62; display:inline-block; border-radius:30px; padding:13px 60px; color:#fff; font-size:20px; font-weight:400;}

	

	/* 정보 */
	.new>table thead{border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fafafa; }
	.new>table thead tr th{padding:13px 10px; color:#333; font-weight:500;}
	.new>table tbody tr{border-bottom:1px solid #f0f0f0;}
	.new>table tbody tr th {padding:13px 10px;}
	.new>table tbody tr td {padding:13px 10px; text-align:center; font-size:15px;}
	.new>table tbody tr td.subject {text-align:left;}	
	.new>table tbody tr td.subject .new {border-radius:3px; background:red; color:#fff; font-size:11px; line-height:1; padding:2px 8px}	
	.new>table tbody tr td.subject.line_height {line-height:2.2;}
	.new>table tbody tr td.subject dl {padding-bottom:50px;}	
	.new>table tbody tr td.subject dl:last-child {padding-bottom:0;}
	.new>table tbody tr td.subject dl dt{font-weight:500; color:#000; padding-bottom:8px;}	

	
	
	.new .support {margin-top:50px; border-radius:10px; border:1px solid #72b24b; padding:50px 40px;}
	.new .support .formGroup {padding-bottom:10px;}
	.new .support .formGroup:last-child {padding-bottom:0;}
	.new .support .formGroup.paddingB {padding-bottom:0;}
	.new .support .formGroup>label{display:inline-block; width:180px; color:#000; font-size:18px; font-weight:400; vertical-align:top;}
	.new .support .formGroup .inputWrap {display:inline-block; width: calc(100% - 184px);}
	.new .support .formGroup .inputWrap input{border-radius:5px; border:1px solid #ddd; height:40px; line-height:39px; outline:none; color:#666; letter-spacing:1px; padding:0 5px;}
	.new .support .formGroup .inputWrap>select {border:1px solid #ddd; border-radius:5px; outline:none; height:40px; padding-left:10px;}
	.new .support .formGroup .inputWrap.h0.telWrap>input:not([type=radio]) {width:100px !important;} 
	.new .support .formGroup .inputWrap .checkbox {}
	.new .support .formGroup .inputWrap .checkbox>input[type='radio']+label {}
	.new .support .formGroup .inputWrap .checkbox>input>label {font-size:16px; color:#666; font-weight:400; display:inline-block;}
	.new .support .formGroup .inputWrap textarea {border:1px solid #ddd; border-radius:5px; width:100%; outline:none;}
	
	.new .support .formGroup .inputWrap>input:first-child{margin-left:0;}
	.new .support .formGroup .inputWrap .checkbox>input:first-child{margin-left:0;}
	.new .support .formGroup .inputWrap .checkbox .other {display:inline-block; width: calc(100% - 187px);}
	.new .support .formGroup .inputWrap .checkbox>input {margin-top:-2px;}
	input::placeholder {color:#ccc; font-weight:300;}
	.applica .support .formGroup .inputWrap select, .support .formGroup .inputWrap input:not([type=radio]) {width:100% !important;}
	.applica.applica-recru .formGroup .inputWrap select, .applica.applica-recru .formGroup .inputWrap .checkbox input:not([type=radio]) {width:240px;}
	
	.checkbox input[type='radio'] {position: absolute; left: -999999999999px;}
	.checkbox input[type='radio']+label {padding:0 30px; background: url(../images/common/i-check.svg) left top 5px no-repeat; cursor: pointer;}
	.checkbox input[type='radio']:checked+label {padding:0 30px; background: url(../images/common/i-check-on.svg) left top 5px no-repeat; cursor: pointer;}
		
	.new .applica-btn {text-align:center; margin-top:40px;}
	.new .applica-btn a {background:#8bce62; display:inline-block; border-radius:30px; padding:13px 60px; color:#fff; font-size:20px; font-weight:400;}
	
	/* 폼 자동입력방지 코드 - 추가 */
	.formGroup.codebox {display:flex;}
	.formGroup.codebox .codewrap {display:flex; width:calc(100% - 180px);}
	.formGroup.codebox .codewrap  .num {width:100px; height:40px; border:1px solid #ddd; border-right:0; border-radius:5px 0 0 5px; text-align:center; line-height:40px; background:#f7f7f7;}
	.formGroup.codebox .codewrap  .intxt {width:calc(100% - 100px);}
	.formGroup.codebox .codewrap  .intxt input {width:100%; border-radius:0 5px 5px 0;}
	


/* ************************ 태블릿 이하(~991) ************************ */
@media screen and (max-width: 991px) {
	.contents-wrap .contents {width:100%; padding:0 20px 40px 20px;}
	
	.contents .sub_title {padding:40px 0 25px 0;}
	.contents .sub_title ul.sub_location {display:none;}
	.contents .sub_title .title_txt {width:100%;}
	
	.contents .sub_title .title_txt h3 {font-size:32px; padding-left:25px;}
	.contents .sub_title .title_txt h3:before {top:0;}

/* ************************ 회사소개 ************************ */
	/* CEO인사말 */
	.greeting .ceo_img {width:100%;}
	.greeting .ceo_txt {width:100%;}
	.greeting .ceo_txt p {font-size:15px;}
	
	/* 비전 및 목표 */
	.intro .vision {}
	.intro .vision article {display:flex; flex-direction:column; position:relative; border-radius:20px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,0.05); border:1px solid #ebecf0; transition:.5s;}
	.intro .vision article:hover {box-shadow:10px 10px 10px rgba(0,0,0,0.1); border-color:#c7ced9;}
	.intro .vision article+article {margin-top:50px;}
	.intro .vision article .img {position:relative; width:100%; height:25vh; background-repeat:no-repeat; background-size:cover; background-position:50%; transition:1px}
	.intro .vision article .img:after {content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.05);}
	.intro .vision article:nth-child(1) .img {background-image:url(../images/intro/vision_01.jpg);}
	.intro .vision article:nth-child(2) .img {background-image:url(../images/intro/vision_02.jpg);}
	.intro .vision article:nth-child(3) .img {background-image:url(../images/intro/vision_03.jpg);}
	.intro .vision article:nth-child(4) .img {background-image:url(../images/intro/vision_04.jpg);}
	.intro .vision article .info {width:100%; padding:30px;}
	.intro .vision article .info span {position:absolute; right:30px; top:30px; color:#888; font-size:12px;}
	.intro .vision article .info span i {color:#000; font-size:30px; padding-left:10px;}
	.intro .vision article .info h4 {position:relative; font-size:24px; font-weight:500; letter-spacing:-1px; line-height:1.2; padding-bottom:20px; margin-bottom:20px;}
	.intro .vision article .info h4:after {content:""; width:20px; height:1px; position:absolute; bottom:0; left:0; background:#000;}
	
	/* 조직도 */
	.organ.mobile {display:none;}
	
	/* 연혁 */
	.history .history_con .left p {font-size:15px;}
	.history .history_con .left {width:calc(100% - 60%); margin:-60px 5% 0; }
	
/* ************************ 사업소개 ************************ */	
	/* 사업영역 */
	.business .area>.tab {display:flex; justify-content:space-between;}
	.business .area>.tab li {width:calc(50% - 2px);}
	.business .area>.tab li a {display:block; width:calc(100% - 2px); height:100%; padding:17px; line-height:1.2; border:1px solid #194078; border-radius:5px; background:#fff; text-align:center; color:#000;}
	.business .area>.tab li.on a {background:#194078; color:#fff;}
	
	.business .area>.head {margin-top:50px; text-align:center;}
	.business .area>.head h4 {color:#3980cf; font-weight:500; font-size:30px; letter-spacing:-2px; padding-bottom:30px;}
	.business .area>.head h4+p {position:relative; padding:0 50px;}
	.business .area>.head h4+p:before,
	.business .area>.head h4+p:after {content:""; position:absolute;  top:50%; transform:translateY(-50%); width:38px; height:38px; background:url(../images/business/head_comma.jpg) no-repeat center;}
	.business .area>.head h4+p:before {left:0;}
	.business .area>.head h4+p:after {right:0; transform:rotate(180deg); margin-top:-19px;}
	.business .area>.head .insertBg {margin-top:50px; height:25vh;}
	.business .area>.head .insertBg .img {height:100%; border-radius:30px 30px 0 0;}
	
	.business .area>.info {position:relative; display:block; width:100%;}
	.business .area>.info:after  {display:none;}
	.business .area>.info h5 {position:relative; font-size:24px; line-height:1; font-weight:500; letter-spacing:-2px; color:#000; padding-bottom:12px; margin-bottom:30px;}
	.business .area .info h5:after {content:""; width:20px; height:2px; background:#3980cf; position:absolute; bottom:0; left:0;}
	.business .area>.info article {position:relative; display:block; width:100%; margin-top:30px;}	
	.business .area>.info article:nth-child(1) {background:url(../images/business/area_info_icon1.jpg) no-repeat 100% 0/50px;}
	.business .area>.info article:nth-child(2) {background:url(../images/business/area_info_icon2.jpg) no-repeat 100% 0/50px;}
	      
		  
	.business .area .process {margin-top:50px; padding-top:50px; border-top:1px dashed #ddd;}
	.business .area .process h4 {font-size:36px; color:#000; line-height:1.2; text-align:center;}
	.business .area .process h4 p {font-size:18px; color:#ccc;}
	.business .area .process .items {display:block;}
	.business .area .process .items article {position:relative; width:100%; margin-top:20px; border-radius:20px; overflow:hidden; box-shadow:10px 10px 10px rgba(0,0,0,0.05); border:1px solid #ebecf0; transition:.5s;}
	.business .area .process .items article:hover {box-shadow:15px 15px 15px rgba(0,0,0,0.1);}
	.business .area .process .items article .head {position:relative; line-height:1; color:#fff; }
	.business .area .process .items article .head i {display:block; font-size:60px; font-family:"TmonMonsori"; padding:25px 50px 0; transform:translateY(10px); transition:.3s ease;}
	.business .area .process .items article:hover .head i {transform:translateY(-5px);}
	.business .area .process .items article .head span {position:absolute; left:140px; top:45%; opacity:.5; }
	.business .area .process .items article .head:after {content:""; position:absolute; right:50px; top:50%; width:30px; height:10px; background:url(../images/business/area_process_arrow.png) no-repeat right top; transition:.3s ease;}
	.business .area .process .items article:hover .head:after {right:20px; width:50px;}
	.business .area .process .items article:last-child .head:after {display:none;}
	.business .area .process .items .con {position:relative; padding:30px 20px;}
	.business .area .process .items .con h5 {font-size:24px; line-height:1; padding-bottom:15px; letter-spacing:-1px; padding-right:70px;}
	.business .area .process .items .con h5+p {padding-right:100px;}
	.business .area .process .items .con img {position:absolute; right:20px; top:30px; width:45px;}
	.business .area .process .items .con dl {margin-top:30px; padding-left:10px; }
	.business .area .process .items .con dl dt {position:relative; display:block; line-height:1.3; color:#000; font-weight:400;}
	.business .area .process .items .con dl dd+dt {margin-top:20px;}
	.business .area .process .items .con dl dt:after {content:""; width:2px; height:10px; background:#000; position:absolute; left:-10px; top:6px;}
	.business .area .process .items .con dl dd {position:relative; display:inline-block; font-size:14px; color:#666; font-weight:300; padding-left:7px; margin:0 0 0 5px;}
	.business .area .process .items .con dl dd:after {content:""; width:2px; height:2px; background:#999; position:absolute; left:0px; top:10px;}
	
	
	
	/* 사업실적 */
	.perfor .tabWrap.type1{padding-top:10px;}	

	.perfor .searchWrap .sortWrap {flex-wrap:wrap;}
	.perfor .searchWrap .sortWrap .year {width:100%; padding-right:0; margin-bottom:5px;}		
	.perfor .searchWrap .sortWrap .details {width:100%;}	
	
	.inner.perfor .tabWrap.type1 button{
		 width:100%; height:50px;border:1px solid #72b24b; color:#000;
		 background:url(../images/common/select_icon.png) no-repeat right center;}


	.inner.perfor .tabWrap.type1>ul>li {width:calc((100%/3) - 1px);}

	.inner.perfor .tabWrap.type1>ul>li:nth-child(4n+1) {margin-left:1px;}
	
	/* 고객 */
	.business .client>.tab {display:flex; justify-content:space-between;}
	.business .client>.tab li {width:calc(33.33% - 2px);}
	.business .client>.tab li a {display:block; width:calc(100% - 2px); padding:17px; line-height:1.2; border:1px solid #194078; border-radius:5px; background:#fff; text-align:center; color:#000;}
	.business .client>.tab li.on a {background:#194078; color:#fff;}
	
	.client>article {margin-top:30px;}

	
/* ************************ 채용 ************************ */	
	/* 채용정보 */  
	.recruit h5 {margin:30px 0 20px; font-size:27px;}
	
	.recruit_inform h3 {font-size:28px; padding-bottom:15px;}
	.recruit_inform .company h4 {font-size:55px; padding-bottom:35px;}
	
	.recruit_inform .company .img {padding:40px 50px;}	
	
	.recruit_inform .company>ul {margin-right:0;}
	
	.recruit_inform .company>ul>li {width:100%; margin-right:0px; display:block;}
	.recruit_inform .company>ul>li>.img>.txt {width:100%; padding:30px 20px;}
	.recruit_inform .company>ul>li>.img>.txt p+p {padding-top:20px;}
	
	.recruit_inform .announcement>ul.talent {padding-bottom:25px;}
	.recruit_inform .announcement>ul.talent>li>div {width:27%;}
	.recruit_inform .announcement>ul.talent>li>div>p {font-size:22px;}
	.recruit_inform .announcement>ul.talent>li>dl {width:calc(100% - 27%);}
	.recruit_inform .announcement>ul.talent>li>dl>dd {font-size:15px;}
	
	.recruit_inform .announcement>ul.sector {display:block; margin-right:0;}
	
	.recruit_inform .announcement>ul.sector>li {width:100%;}
	.recruit_inform .announcement>ul.sector>li>h6 {padding:15px;}
	.recruit_inform .announcement>ul.sector>li+li{margin-top:20px;}
	.recruit_inform .announcement>ul.sector>li>dl>dd {padding:0 0 7px 15px; font-size:15px;}
	.recruit_inform .announcement>ul.sector>li>dl>dt {margin:15px 0 10px; font-size:15px;}
	
	.recruit_inform .welfare .welfare_box .welfare_con ul li i {width:60px;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li dl {width:calc(100% - 60px);}
	.recruit_inform .welfare .welfare_box .welfare_con ul li dl dt {font-size:18px; font-weight:400;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li dl dd {font-size:15px;}
	
	.recruit_inform .recruit_txt {padding-bottom:35px;}
	
	.recruit_inform .condition>dl>dd {font-size:15px;}
	
	/* 입사지원 */
	.applica h3 {display:none;}
	.applica h4 {font-size:20px;}
	
	.apply>.view_con>ul{display:block; margin-right:0;}
	.apply>.view_con>ul>li{float:none; width:100%; margin-top:10px;}
	.apply>.view_con>ul>li:first-child{margin-top:0;}
	.apply>.view_con>ul>li>h5 {font-size:20px; padding: 15px 20px;}
	.apply>.view_con>ul>li>dl>dt {margin: 5px 0 8px;}
	.apply>.view_con>ul>li>dl>dd {font-size:14px; padding: 0 0 10px 15px}
	
	.applica .applica-btn {margin-top:30px;}
	.applica .applica-btn a {padding:10px 40px; font-size: 18px; width:100%;}
	
/* ************************ 정보 ************************ */	
	
	/* 문의 */
	.new .applica-btn {text-align:center; margin-top:40px;}
	.new .applica-btn a {background:#8bce62; display:inline-block; border-radius:30px; padding:10px 40px; color:#fff; font-weight:400; font-size: 18px; width:100%;}

	}


/* ************************ 모바일 이하(~768) ************************ */
@media screen and (max-width: 768px) {	
	
	.searchWrap .search_box select {width:100%;}
	.searchWrap .search_box input {border-left:1px solid #ddd; width:calc(100% - 39px); margin-top:-1px; border-radius:0;}
	.searchWrap .search_box a {margin-top:-1px;}
	.searchWrap>* {height:100%;}
	
	
/* ************************ 회사소개 ************************ */

	/* CEO인사말 */
	.greeting .ceo_txt p+p {padding-top:25px;}	

	/* 비전 및 목표 */
	
	
	/* 조직도 */
	.organ {display:none;}
	.organ.mobile {display:block; width:100%;}	
	.organ img {max-width:425px;}

	/* 오시는길 */
	.direc .root_daum_roughmap .wrap_map {height:500px !important;}

	.direc .direc_txt {display:block; padding:30px 20px;}
	.direc .direc_txt>div {float:none;}
	.direc .direc_txt>div.direc_left {width:100%; padding-bottom:20px;}
	.direc .direc_txt>div.direc_right dl {font-size:14px;}
	.direc .direc_txt>div.direc_right {width:100%;}

	/* 연혁 */
	
	.history .history_tit {height:230px;}
	.history .history_tit .history_txt{padding:0 20px 15px 20px;}
	.history .history_tit .history_txt p {font-size:16px;}
	.history .history_tit .history_txt h3 {font-size:36px; padding-bottom:10px;}
	.history .history_con>div {float:none;}
	.history .history_con .left {width:auto; margin:-60px 6% 0;}
	.history .history_con .left p {padding:30px; font-size:14px; }
	.history .history_con .right {padding-left:20px; width:100%; padding-top:40px;}
	.history .history_con .right dl dt {font-size:22px;}
	.history .history_con .right dl dd {font-size:16px;}
	
/* ************************ 사업소개 ************************ */
	/* 공통카테고리 */
	/* section.contents div.inner .listType.selectStyle:before {
		display:block; content:"카테고리를 선택하세요."; width:100%; height:50px; 
		color:#000; border:1px solid #72b24b; padding:13px 0 0 20px; 
		background:url(../images/common/select_icon.png) right 10px center/24px no-repeat;
	}
	
	section.contents div.inner .listType.selectStyle {height:50px; overflow:hidden; background:#fff; cursor:pointer;}
	section.contents div.inner .listType.selectStyle>ul {position:fixed; left:-9999px; border-top:0;}
	section.contents div.inner .listType.selectStyle.on {z-index:400; height:auto; background:#fff;}
	section.contents div.inner .listType.selectStyle.on>ul {position:relative; left:0;}
	section.contents div.inner .listType+* {padding-top:30px;} */
	

	/* 사업영역 */
	.business .listType {padding-bottom:30px;}
	.business .area .listType>ul>li {width:100%;}
	.business .area .listType>ul>li+li {margin-left:0;}
	.business .area .listType>ul>li>a {font-size:15px;}
	
	/* 사업실적 */	
	.perfor .tabWrap.type1>ul>li { width: calc((100%/3) - 1px);}
	.perfor .tabWrap.type1>ul>li a {padding:8px; font-size:15px;}
	
	
	/* 고객 */
	.client article {margin-top:20px; }
	
	.business .client .listType>ul>li>a {font-size:15px;}
	
	.client>ul.client_wrap>li { width: calc((100%/2) - 10px);}
	.client>ul.client_wrap>li:nth-child(2n+1) {margin-left:0;}
	
	
/* ************************ 채용 ************************ */
	/* 채용정보 */
	
	.recruit_inform h3 {font-size:22px;}
	.recruit_inform .company h4 {font-size:45px;}

	.recruit_inform .announcement>ul.talent>li {display:block;}
	.recruit_inform .announcement>ul.talent>li>div {width:100%; padding-bottom:20px;}
	.recruit_inform .announcement>ul.talent>li>dl {width:100%; text-align:center;}

	.recruit .welfare {margin-top:30px;}
	.recruit .welfare .welfare_box .welfare_tit {text-align:center; width:100%; float:none; padding-bottom:20px;}
	.recruit .welfare .welfare_box .welfare_tit h4 {padding-bottom:10px; font-size:22px;}
	.recruit .welfare .welfare_box .welfare_tit p {font-size:15px;}
	.recruit .welfare .welfare_box .welfare_con {width:100%; float:none; padding-left:0;}

	.recruit .welfare .welfare_box .welfare_con ul li {padding: 35px 45px 35px 50px; width:100%;}
	.recruit .welfare .welfare_box .welfare_con ul li dl {padding-left:30px; font-size:18px;}
	.recruit .welfare .welfare_box .welfare_con ul li dl dd {font-size:15px;}
	
	.recruit_inform .welfare .welfare_box .welfare_con ul {display:block; margin-right:0;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li {margin-right:0;}
	.recruit_inform .welfare .welfare_box .welfare_con ul li:last-child{margin-bottom:0;}
	
	.recruit_inform .company>ul>li>.img>.txt {padding:20px;}
	
	/* 입사지원 */
	
	.applica h4 {padding-bottom:10px;}
	
	.applica>table thead {display:none;}
	.applica>table tbody tr { border-top:1px solid #333;}
	.applica>table tbody tr td {display:none;}
	.applica>table tbody tr td.subject {display:block;}
	
	.applica .consent .agree {padding:20px !important;}
	
	.applica-recru .con_bottom {margin-top:30px;}
	.applica-recru .consent .checkbox {padding-top:5px;}
	
	.applica.applica-recru>table.recru tbody tr {border-top:1px solid #72b24b;}
	.applica.applica-recru>table.recru tr td {padding:40px 30px; border-top:1px solid #f0f0f0;}
	.applica.applica-recru>table.recru tbody tr th {padding:40px 10px;}
	
	.applica.applica-recru {overflow-x:auto;}
	.applica.applica-recru>table.recru { min-width:768px; overflow-x:scroll;}
	
	.applica .support {padding:20px;}
	.applica .support .formGroup>label {width:100%;}
	.applica .support .formGroup .inputWrap {width:100%;}
	.applica .support .formGroup .inputWrap .checkbox .other {width:100%; padding-top:5px;}
	
	.applica .applica-btn {margin-top:20px;}
	.applica .applica-btn a {width:100%;}
	
	.applica .checkbox label {font-size:13px;}
	
	.applica-recru .con_bottom .btn {margin: 7px 0; width:100%;}	
	.applica-recru .con_bottom .btn>a {font-size:13px; background:url(../images/common/i-down.png)no-repeat 87% 8px; padding:5px 40px 5px 20px;}
	.applica-recru .con_bottom .formGroup.paddingB .inputWrap>div.file {width:100%; padding-left:0;}
	
	
	
/* ************************ 정보 ************************ */	
	/* 문의 */
	.new .support .formGroup .inputWrap {width:100%;}
	.new .applica-btn {margin-top:30px;}	
	.new .applica-btn a {width:100%; padding: 10px 40px; font-size:18px;}
	
	/* 폼 자동입력방지 코드 - 추가 */
	.formGroup.codebox {display:block;}
	.formGroup.codebox .codewrap {display:flex; width:100%;}
	.formGroup.codebox .codewrap  .num {width:100px; height:40px; border:1px solid #ddd; border-right:0; border-radius:5px 0 0 5px; text-align:center; line-height:40px; background:#f7f7f7;}
	.formGroup.codebox .codewrap  .intxt {width:calc(100% - 100px);}
	.formGroup.codebox .codewrap  .intxt input {border-radius:0 5px 5px 0;}
	
}	



/* ************************ 모바일 이하(~500) ************************ */
@media screen and (max-width: 500px) {
	
/* ************************ 회사소개 ************************ */	
	.contents .sub_title .title_txt h3 {font-size:28px; padding-left:20px;}
	.contents .sub_title .title_txt h3:before{top:-3px;}
	
	/* CEO인사말 */
	.greeting .ceo_img img {width:100%;}
	.greeting .ceo_txt p+p {padding-top:20px;}	

	/* 연혁 */
	.history .history_con .left p {padding:25px;}

/* ************************ 사업소개 ************************ */	
	/* 사업영역 */
	.business .con .txt>p {font-size:14px;}
	.business .con .txt.process>ul>li {padding-top:20px;}
	.business .con .txt.process>ul>li+li {padding-top:30px;}
	.business .con .txt.process>ul>li>.major>ul>li>p {font-size:14px;}
	
	
	/* 사업실적 */
	
	
	.inner.perfor .tabWrap.type1>ul>li {width:calc((100%/3) - 1px);}
	.inner.perfor .tabWrap.type1>ul>li+li {margin-bottom:1px;}
	.inner.perfor .tabWrap.type1>ul>li:nth-child(3n+1) {margin-left:0;}
	
	.inner.perfor .tabWrap.type1>ul>li a {font-size:14px; padding:5px;}

	/* 고객 */
	.client>ul.client_wrap {margin-right:0;}
	.client>ul.client_wrap>li {width:100%;}
	.client>ul.client_wrap>li:nth-child(1n+1){margin-left:0;}
	
	
/* ************************ 채용 ************************ */	
	/* 채용정보 */
	
	.recruit_inform .company .img {padding:30px;}
	.recruit .welfare .welfare_box .welfare_con ul li {display:block; text-align:center; padding:30px 35px;}
	.recruit .welfare .welfare_box .welfare_con ul li i {display:block; width:100%;}
	.recruit .welfare .welfare_box .welfare_con ul li dl {display:block; padding-left:0; width:100%;}
	
	.recruit_inform .condition>dl>dt {float:none; display:inline-block;}
	.recruit_inform .condition>dl>dd {padding: 10px 0;}
	
	.recruit_inform .company>ul>li>.img>.txt p {font-size:14px;}
	.recruit_inform .company>ul>li>.img>.txt p+p {padding-top:13px;}
	
	/* 입사지원 */

	
	.applica .applica-btn a {padding:5px 40px;}

	
	
/* ************************ 정보 ************************ */	
	/* 문의 */	
	.new .support {padding:20px;}
	.new .support .formGroup .inputWrap>select {font-size:14px;}
	.new .support .formGroup .inputWrap.h0.telWrap>input:not([type=radio]) {width:70px !important;}
	.new .support .formGroup .inputWrap>select {padding-right:35px;}
	
	.new .applica-btn {margin-top:20px;}
	.new .applica-btn a {padding:5px 40px;}
	}