@charset "utf-8";

/*복리후생리스트*/
.list_icotype li {height:auto;border-bottom:1px dashed #ddd;}
.list_icotype li:last-child {border-bottom:0;}
.list_icotype li li{border:0;text-indent:-9px;padding-left:9px;font-size: 1.333em;}
.list_icotype li .texts {/* display:table; table-layout:fixed; */ position:relative; width:100%; height:auto; padding:40px 50px 40px 0; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_icotype li .texts .text {display:table-cell;  width:100%; height:141px; padding-left:195px; text-align:left; vertical-align:middle; box-sizing:border-box; -webkit-box-sizing:border-box;}
.list_icotype li .texts .text:after {display:block; content:''; position:absolute; top:50%; left:0; width:170px; height:170px; margin-top:-85px;background:url("../../images/ko/recruitment/sp_recruitment_01.png") no-repeat 0 0; vertical-align:middle;}
.list_icotype li:nth-child(2) .texts .text:after {background-position: 0 -231px;}
.list_icotype li:nth-child(3) .texts .text:after {background-position: 0 -462px;}
.list_icotype li:nth-child(4) .texts .text:after {background-position: 0 -693px;}
.list_icotype li .texts .text .desc {color: #222;line-height:28px;}

/*채용절차 안내*/
.list_txttype .stepimg {max-width:993px;margin:0 auto;margin-top:60px;}
.list_txttype .stepimg img {max-width:100%;}
.list_txttype ol {margin:20px 0 0;}
.list_txttype li {position:relative;height:auto;padding:45px 0 45px 172px;border-bottom:1px solid #ddddde;box-sizing:border-box;-webkit-box-sizing:border-box;}
.list_txttype li:last-child {border-bottom:0;}
.list_txttype li .tit_5depth {position:absolute;left:0;width:196px;padding:3px 30px 0;font-size:2.0em;letter-spacing: 0;box-sizing:border-box;-webkit-box-sizing:border-box;}
.list_txttype li .text {padding-right:30px;font-size:1.333em;color:#555;line-height:24px;box-sizing:border-box;-webkit-box-sizing:border-box;}
.list_txttype + .tit_4depth {margin-top:56px;}

/*조직문화*/
.list_txttype2 ul{margin:50px 0 0;}
.list_txttype2 li {padding-top:75px;}
.list_txttype2 li:first-child {padding-top:0;}
.list_txttype2 li h5 {display:table;height:93px;padding-bottom:38px;background: url("../../images/ko/recruitment/sp_recruitment_06.png") no-repeat 0 0;font-size:1.666em;}
.list_txttype2 li h5 > span {display:inline-block;width:90px;height:87px;padding-right:15px;line-height:89px;font-size:1.300em;color:#fff;font-family:GothamRounded;text-align:center;}
.list_txttype2 li h5 > p {display:table-cell;width:100%;height:100%;vertical-align:middle;}
.list_txttype2 li h5 + p {font-size:1.333em;padding:0 0 38px 25px;margin-bottom:38px;border-bottom:1px dashed #ddd;}
.list_txttype2 li:nth-child(2) h5 {background-position: 0 -142px;}
.list_txttype2 li:nth-child(3) h5 {background-position: 0 -286px;}
.list_txttype2 li:nth-child(4) h5 {background-position: 0 -429px;}
.list_txttype2 li:nth-child(5) h5 {background-position: 0 -572px;}
.list_txttype2 li:nth-child(6) h5 {background-position: 0 -655px;}
.list_txttype2 li div {font-size:1.333em;}
.list_txttype2 div > dl, .list_txttype2 li div p+p{border-top:1px dashed #ddd;padding-top:38px;margin-top:38px;}
.list_txttype2 div > dl:first-child {border-top:0;padding-top:0;margin-top:0;}
.list_txttype2 div > dl, .list_txttype2 li div {padding-left:25px;}
.list_txttype2 li:first-child div {padding-left:0;}
.list_txttype2 dl dt {padding-bottom:13px;font-weight:bold;}
.list_txttype2 dl dd, .list_txttype2 div {line-height:24px;}

/*모바일*/
@media screen and (max-width:767px){
	/*복리후생리스트*/
	.list_icotype li .texts .text p.desc, .list_icotype li .texts .text ul.desc {line-height:17px;}
	.list_icotype li li {font-size:1em;}
	.list_icotype li .texts{height:auto;min-height:80px;padding:19px 10px 10px 80px;}
	.list_icotype li .texts .text{height:auto;display:block;padding-left:0;}
	.list_icotype li .texts .text:after {display:block; content:'';top:10px;left:10px;width:60px; height:60px;margin:0;background:url("../../images/ko/mobile/recruitment/sp_recruitment_m_01.png") no-repeat;background-size:400px 100px ;vertical-align:middle;}
	.list_icotype li:nth-child(2) .texts .text:after {background-position:-100px 0;}
	.list_icotype li:nth-child(3) .texts .text:after {background-position:-200px 0;}
	.list_icotype li:nth-child(4) .texts .text:after {background-position:-300px 0;}
	
	/*채용절차 안내*/
	.list_txttype + .tit_4depth{margin-top:33px;}
	.list_txttype li{padding:20px 10px 20px 10px;}
	.list_txttype li .tit_5depth{position:relative;padding:0;width:auto;font-size:1.167em;}
	.list_txttype li .tit_5depth > h5 {font-size:1em;}
	.list_txttype li .text{padding:0;margin-top:10px;font-size:1em;line-height:17px;}
	
	.list_txttype2 ul {margin:20px 0 0;}
	.list_txttype2 li {padding-top:30px;}
	.list_txttype2 li h5,.list_txttype2 li:nth-child(2) h5,
	.list_txttype2 li:nth-child(3) h5, .list_txttype2 li:nth-child(4) h5, .list_txttype2 li:nth-child(5) h5,
	.list_txttype2 li:nth-child(6) h5 {height:auto;background: url("../../images/ko/mobile/recruitment/bg_recr_m.png") no-repeat 0 0;background-size:100%;font-size:1em;}
	.list_txttype2 li h5 {width:299px;height:48px;line-height:17px;padding-bottom:16px;}
	.list_txttype2 li h5 + p {padding-bottom:16px;margin-bottom:16px;}
	.list_txttype2 li h5 > span {width:42px;height:47px;line-height:47px;}
	.list_txttype2 li h5 span + span {display:block;}
	.list_txttype2 li h5 > p span {display:block;}
	.list_txttype2 div > dl, .list_txttype2 li div, .list_txttype2 li h5 + p {font-size:1em;padding-left:10px;}
	.list_txttype2 div > dl, .list_txttype2 li div p+p {padding-top:16px;margin-top:16px;}
	.list_txttype2 dl dd, .list_txttype2 div {line-height:16px;}
}