@charset "utf-8";

/* 이랜드 경영이념 */
.subCompany1 {padding:0 55px;}
.subCompany1>ul:after {display:block; content:" "; clear:both; *zoom:1;}
.subCompany1>ul>li {float:left; width:287px;}
.subCompany1>ul>li p {margin-bottom:20px;}
.subCompany1>ul>li dl dt {text-align:center; font-size:20px; color:#000; line-height:27px;}
.subCompany1>ul>li dl dd {font-size:15px; color:#999; line-height:24px; word-break:keep-all; letter-spacing:-0.5px; margin-top:15px;}
.subCompany1>ul>li.li1 {padding-top:37px;}
.subCompany1>ul>li.li1 dl {padding:0 20px;}
.subCompany1>ul>li.li2 {margin-left:-20px;}
.subCompany1>ul>li.li2 dl {padding:0 30px;}
.subCompany1>ul>li.li3 {padding-top:60px; margin-left:-18px;}
.subCompany1>ul>li.li3 dl {padding:0 20px;}
.subCompany1>ul>li.li4 {padding-top:16px; margin-left:-20px;}
.subCompany1>ul>li.li4 dl {padding:0 5px 0 35px;}

/* 패션사업부 소개 */
.subCompany2 {text-align:center;}
.subCompany2 h4 {margin-bottom:50px;}
.subCompany2 p.p1 {padding:0 100px; margin-bottom:55px;}

/* 인재상 */
.subCompany3>ul {margin:60px auto 0; width:1120px;}
.subCompany3>ul:after {display:block; content:" "; clear:both; *zoom:1;}
.subCompany3>ul>li {float:left; width:340px;}
.subCompany3>ul>li+li {margin-left:50px;}
.subCompany3>ul>li p {width:100%;}
.subCompany3>ul>li p img {width:100%; height:auto; vertical-align:top;}
.subCompany3>ul>li dl {padding:20px 20px 0 20px; height:210px;}
.subCompany3>ul>li dl dt {height:28px; text-indent:-1000em; margin-bottom:15px;}
.subCompany3>ul>li dl dd.sub {text-align:center; font-size:18px; color:#fff; line-height:22px; padding-bottom:20px; word-break:keep-all;}
.subCompany3>ul>li dl dd+dd {margin-top:20px;}

.subCompany3>ul>li.li1 {background:#777;}
.subCompany3>ul>li.li1 dl dt {background:url(/Images/tt_comp3_1.gif) center no-repeat;}
.subCompany3>ul>li.li1 dl dd.sub {border-bottom:1px solid #929292;}

.subCompany3>ul>li.li2 {background:#877151;}
.subCompany3>ul>li.li2 dl dt {background:url(/Images/tt_comp3_2.gif) center no-repeat;}
.subCompany3>ul>li.li2 dl dd.sub {border-bottom:1px solid #9f8d74;}

.subCompany3>ul>li.li3 {background:#90051e;}
.subCompany3>ul>li.li3 dl dt {background:url(/Images/tt_comp3_3.gif) center no-repeat;}
.subCompany3>ul>li.li3 dl dd.sub {border-bottom:1px solid #a6374b;}

/* 복지제도 */
.subCompany4 {border-top:4px solid #90051e; background:#f3f3f3; padding:40px 0;}
.subCompany4>ul:after {display:block; content:" "; clear:both; *zoom:1;}
.subCompany4>ul>li {float:left; width:33%; padding:15px 0;}
.subCompany4>ul>li+li {border-left:1px solid #d7d7d7;}
.subCompany4>ul>li dl dt {height:133px; text-indent:-1000em; margin-bottom:20px;}
.subCompany4>ul>li dl dt.dt1 {background:url(/Images/bg_comp4_1.gif) center bottom no-repeat;}
.subCompany4>ul>li dl dt.dt2 {background:url(/Images/bg_comp4_2.gif) center bottom no-repeat;}
.subCompany4>ul>li dl dt.dt3 {background:url(/Images/bg_comp4_3.gif) center bottom no-repeat;}
.subCompany4>ul>li dl dt.dt4 {background:url(/Images/bg_comp4_4.gif) center bottom no-repeat;}
.subCompany4>ul>li dl dt.dt5 {background:url(/Images/bg_comp4_5.gif) center bottom no-repeat;}
.subCompany4>ul>li dl dt.dt6 {background:url(/Images/bg_comp4_6.gif) center bottom no-repeat;}
.subCompany4>ul>li dl dd {font-size:18px; color:#999; line-height:26px; word-break:keep-all; text-align:center; min-height:78px;}
.subCompany4>ul>li dl dd span {font-size:16px;}

.subCompany4>ul+ul>li {padding-top:40px;}

/* 모집구분 */
.subRecruit1 .cont {position:relative; padding-top:25px;}
.subRecruit1 .cont .bg img {width:100%; height:auto; vertical-align:top;}
.subRecruit1 .cont .ctt {position:absolute; top:0; left:0; width:100%;}

.subRecruit1 .cont h4 {text-align:center; margin-bottom:50px;}
.subRecruit1 .cont h4 span {padding:0 25px; background:#fff; display:inline-block; vertical-align:top;}
.subRecruit1 .cont p.p1 b {font-weight:bold; color:#90051e;}
.subRecruit1 .cont2 {background:#90051e; text-align:center; padding:20px 0 25px;}
.subRecruit1 .cont2 h6 {font-size:30px; font-weight:bold; color:#fff; line-height:45px; margin-bottom:5px;}
.subRecruit1 .cont2 p {font-size:20px; color:#fff; line-height:30px;}

/* faq */
.subApply h4 {padding-left:12px; background:url(/Images/bg_arr2.gif) 0 8px no-repeat; font-size:18px; color:#333; line-height:23px; font-weight:normal; margin-bottom:15px;}
.subApply h4 b {color:#90051e; font-weight:normal;}
.subApply h4.type1 {margin-bottom:5px; position:relative;}
.subApply h4.type1 span.essen {position:absolute; bottom:0; right:0; font-size:13px;}

ul.faq {border-top:3px solid #90051e;}
ul.faq  dl dt {background:url(/Images/bg_close.gif) right no-repeat; cursor:pointer;}
ul.faq  dl dt.open {background:url(/Images/bg_open.gif) right no-repeat;}
ul.faq  dl dt p {background:url(/Images/bg_q.gif) 25px 22px no-repeat; border-bottom:1px solid #e5e5e5; font-size:16px; color:#333; line-height:20px; padding:23px 0 23px 75px;}
ul.faq  dl dd {padding:20px 20px 20px 75px; background:#f4f4f4 url(/Images/bg_a.gif) 25px 27px no-repeat; font-size:16px; color:#666; line-height:30px; display:none;}
ul.faq li.faqNone {padding:110px 0; border-bottom:1px solid #e5e5e5;}
ul.faq li.faqNone p {text-align:center; font-size:16px; color:#333;}

/* 채용공고 보기 */
.recTitle {border-top:3px solid #90051e; border-bottom:1px solid #e5e5e5; position:relative;}
.recTitle h5 {font-size:20px; color:#333; line-height:66px; padding:0 20px; font-weight:normal;}
.recTitle span {position:absolute; right:20px; top:50%; margin-top:-11px; font-size:16px; color:#333; font-weight:bold; line-height:22px;}

.recCont {padding:50px 0; border-bottom:1px solid #e5e5e5;}
.recCont p {text-align:center; font-size:18px; color:#666; line-height:35px;}
.recCont p em {font-weight:bold; color:#90051e;}
.recCont p+.grayBox {margin-top:60px;}
.recCont .grayBox {margin:0 auto; width:800px;}
.recCont .grayBox ul {width:550px; margin:0 auto;}
.recCont .grayBox ul li+li {margin-top:20px;}
.recCont .grayBox ul li dl dt {float:left; width:120px; line-height:30px; font-size:18px; font-weight:bold; color:#333;}
.recCont .grayBox ul li dl dd {margin-left:120px; line-height:30px; font-size:18px; color:#666;}
.recCont .grayBox ul li dl.type2 dt {float:none; width:100%; margin-bottom:20px;}
.recCont .grayBox ul li dl.type2 dd {margin-left:0;}
.recCont .grayBox ul li dl.type2 dd img {width:100%; height:auto; vertical-align:top;}

.recBtn {text-align:center; margin-top:40px;}
.recBtn a {line-height:47px; height:47px; width:170px;}
.recBtn a+a {margin-left:10px;}

/* 지원하기 */
.grayBox.type2.searchDiv {position:relative; padding-right:452px; height:330px;}
/* .searchDiv:after {display:block; content:" "; clear:both; *zoom:1;} */
.searchDiv .leftDiv {width:auto; padding:30px 0;}
.searchDiv .leftDiv ul.inputList {width:520px; margin:0 auto;}
.searchDiv .leftDiv ul.inputList>li+li {margin-top:15px;}
.searchDiv .leftDiv ul.inputList>li>dl>dt {float:left; font-size:15px; color:#333; line-height:35px; padding-left:16px; width:110px; background:url(/Images/bg_arr3.gif) 0 no-repeat; font-weight:bold;}
.searchDiv .leftDiv ul.inputList>li>dl>dd {margin-left:126px; line-height:35px;}

.searchDiv .leftDiv ul.selectList:after {display:block; content:" "; clear:both; *zoom:1;}
.searchDiv .leftDiv ul.selectList>li {float:left;}
.searchDiv .leftDiv ul.selectList>li+li {margin-left:5px;}

.searchDiv .leftDiv ul.calList:after {display:block; content:" "; clear:both; *zoom:1;}
.searchDiv .leftDiv ul.calList>li {float:left}
.searchDiv .leftDiv ul.calList>li.date {width:160px; position:relative; height:35px;}
.searchDiv .leftDiv ul.calList>li.date input.txtDate {border:1px solid #ddd; line-height:33px; height:33px; padding:0 10px; width:110px; font-size:15px; color:#666;}
.searchDiv .leftDiv ul.calList>li.date a.btnCal {display:inline-block; padding:7px 3px 8px 3px; line-height:20px; height:20px;}
.searchDiv .leftDiv ul.calList>li.hyp {width:20px; text-align:center; font-size:15px; color:#666;}

.searchDiv .leftDiv ul.daySelect:after {display:block; content:" "; clear:both; *zoom:1;}
.searchDiv .leftDiv ul.daySelect>li {float:left; line-height:35px; height:35px;}
.searchDiv .leftDiv ul.daySelect>li+li {margin-left:20px;}
.searchDiv .leftDiv ul.daySelect>li label {font-size:15px; color:#666; vertical-align:middle;}
.searchDiv .leftDiv ul.daySelect>li input[type=checkbox] {vertical-align:middle;}

.searchDiv .leftDiv .btnArea {text-align:center; margin-top:30px;}
.searchDiv .leftDiv .btnArea .btnBk {width:120px; line-height:38px; height:38px;}

.searchDiv .rightDiv {position:absolute; top:0; right:15px; width:432px;}
.searchDiv .rightDiv .southkoreaMap {width:259px; margin:0 auto;}
.searchDiv .rightDiv .seoulMap {width:357px; padding-top:10px; background:url(../../Images/map/seoulBg.gif) 0 0 no-repeat; position:relative;}
.searchDiv .rightDiv .seoulMap a.btnBack {position:absolute; top:15px; right:-75px; display:block; font-size:13px; color:#fff; line-height:30px; height:30px; padding:0 10px 0 25px; background:#a1a1a1 url(../../Images/bg_arr4.gif) 6px no-repeat;}

.searchDiv .selectW {width:152px;}

.resultDiv {margin-top:40px;}
.resultDiv p {font-size:15px; color:#333; font-weight:bold; margin-bottom:10px;}
.resultDiv p em {color:#90051e;}

/* 지원서 작성 */
.subApply .whiteBox {padding:70px;}

ul.applyStep {margin-bottom:35px;}
ul.applyStep:after {display:block; content:" "; clear:both;}
ul.applyStep>li {float:left; width:33%; height:22px; padding:14px 0; text-align:center; background:#bababa;}
ul.applyStep>li+li {margin-left:0.5%;}
ul.applyStep>li.now {background:#90051e;}

.step01 .grayBox {width:auto; padding:30px; height:270px; overflow-y:scroll;}
.step01 .grayBox dl+dl {margin-top:20px;}
.step01 .grayBox dl dt {font-size:14px; font-weight:bold; color:#333; line-height:18px; margin-bottom:10px;}
.step01 .grayBox dl dd {font-size:13px; color:#666; line-height:20px;}
.step01 .grayBox dl dd+dd {margin-top:5px;}
.step01 .grayBox dl dd ul {padding-left:30px; list-style-type:decimal;}
.step01 .grayBox dl dd ul li {font-size:12px; color:#777; line-height:18px;}
.step01 .grayBox dl dd ul.type2 {list-style-type:none; padding-left:15px;}
.step01 .grayBox dl dd ul.type2+ul.type2 {margin-top:10px;}
.step01 p {margin-top:10px; text-align:right;}
.step01 p label {font-size:13px; color:#666;}

.step02 .grayBox {width:auto; padding:30px;}
.step02 .section + .section {border-top:1px solid #dbdbdb; margin-top:22px; padding-top:22px;}
.step02 .section h5 {font-size:15px; color:#333; line-height:18px; margin-bottom:5px; font-weight:normal;}

.step02 .sec1 {position:relative; padding-right:180px;}
.step02 .sec1 .ppPhoto {position:absolute; top:0; right:0; width:160px;}
.step02 .sec1 .ppPhoto dt {width:150px;}
.step02 .sec1 .ppPhoto dt img {width:100%; height:auto; vertical-align:top;}
.step02 .sec1 .ppPhoto dd {margin-top:10px;}
.step02 .sec1 .ppPhoto dd+dd {margin-top:18px;}
.step02 .sec1 .ppPhoto dd.info {font-size:12px; color:#333; line-height:15px;}
.step02 .sec1 .ppPhoto dd.fileUp {width:150px; text-align:center; position:relative;}
.step02 .sec1 .ppPhoto dd.fileUp label {display:inline-block; width:95px; height:27px; line-height:27px; font-size:12px; background:#000; color:#fff; text-align:center; cursor:pointer;}
.step02 .sec1 .ppPhoto dd.fileUp input[type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0,); border:0;}

.completeMsg {padding-top:230px; background:url(/Images/bg_complete.gif) center 40px no-repeat;}
.completeMsg h6 {font-size:28px; font-weight:bold; color:#333; line-height:35px; text-align:center; margin-bottom:20px;}
.completeMsg h6 em {color:#90051e;}
.completeMsg p {font-size:16px; color:#333; line-height:25px; text-align:center;}

/* 개인정보처리방침 */
.grayBox.private {padding:50px; width:auto;}
.grayBox.private dl+dl {margin-top:20px;}
.grayBox.private dl dt {font-size:14px; font-weight:bold; color:#333; line-height:18px; margin-bottom:10px;}
.grayBox.private dl dd {font-size:13px; color:#666; line-height:20px;}
.grayBox.private dl dd+dd {margin-top:5px;}
.grayBox.private dl dd ul {padding-left:30px; list-style-type:decimal;}
.grayBox.private dl dd ul li {font-size:12px; color:#777; line-height:18px;}
.grayBox.private dl dd ul.type2 {list-style-type:none; padding-left:15px;}
.grayBox.private dl dd ul.type2+ul.type2 {margin-top:10px;}

/* 팝업 */
.popupCommon .popHead h5 {background:#90051e; font-size:16px; color:#fff; text-align:center; line-height:45px; height:45px;}
.popupCommon .popBody {padding:20px; background:#fff;}
.popupCommon .popBody dl.pnInput dt {float:left; width:80px; padding-left:15px; line-height:35px; font-size:13px; font-weight:bold; color:#333; background:url(/Images/bg_arr2.gif) 0 no-repeat;}
.popupCommon .popBody dl.pnInput dd {margin-left:95px;}
.popupCommon .popBody dl.pnInput dd.input {position:relative; padding-right:67px;}
.popupCommon .popBody dl.pnInput dd input[type=text] {border:1px solid #ddd; line-height:33px; height:33px; padding:0; text-indent:10px; width:100%; font-size:13px;}
.popupCommon .popBody dl.pnInput dd .btnNumSm {position:absolute; top:0; right:0; display:inline-block; border:none; background:#333; color:#fff; text-align:center; width:60px; line-height:35px; height:35px;}
.popupCommon .popBody dl.pnInput dd+dd {margin-top:5px;}

/* 레이어팝업 */
#layerPopup {position:fixed; top:0; left:0; z-index:1000;}
#layerPopup .bkBg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:0.6;}
#layerPopup .popWrap {position:fixed; top:50%; left:50%; width:760px; margin-left:-380px; background:#fff;}
#layerPopup .popHead {background:#90051e; height:60px; line-height:60px; position:relative;}
#layerPopup .popHead h6 {text-align:center ;font-size:24px; font-weight:bold; color:#fff; line-height:60px;}
#layerPopup .popHead a {position:absolute; top:20px; right:20px; display:block; line-height:1; height:auto;}
#layerPopup .popHead a img {vertical-align:top;}
#layerPopup .popBody {padding:22px 30px 30px;}

#layerPopup.popInquiry .popWrap {margin-top:-356px;}
.popInquiry .agreeDiv {font-size:13px; color:#666; line-height:20px; margin-top:10px;}
.popInquiry .agreeDiv p {font-size:12px; color:#666; margin-left:17px;}



@media screen and (max-width:1200px) {
	/* 이랜드 경영이념 */
	.subCompany1 {padding:0;}
	.subCompany1>ul {width:1090px; margin:0 auto;}
	
	/* 인재상 */
	.subCompany3>ul {width:auto; margin:60px 10px 0;}
	.subCompany3>ul>li {width:32%;}
	.subCompany3>ul>li+li {margin-left:2%;}
	
	/* 복지제도 */
	.subCompany4 {margin:0 10px;}
	
	/* 모집구분 */
	.subRecruit1 {margin:0 10px;}
	
	/* 채용절차 */
	.subRecruit2 {margin:0 10px;}
	
	/* faq */
	.subApply {margin:0 10px;}
	
	/* 지원서 작성 */
	.subApply .whiteBox {padding:60px 30px;}
	.step01 .grayBox {padding:20px;}
	.step02 .grayBox {padding:20px;}
	
	/* 개인정보처리방침 */
	.grayBox.private {margin:0 20px; padding:30px;}
}

@media screen and (max-width:1100px) {
	/* 패션사업부 소개 */
	.subCompany2 {padding:0 10px;}
	
	/* 이랜드 경영이념 */
	.subCompany1 {padding:0 10px;}
	.subCompany1>ul {width:100%;}
	.subCompany1>ul>li {width:26.5%;}
	.subCompany1>ul>li p {width:100%;}
	.subCompany1>ul>li p img {width:100%; height:auto; vertical-align:top;}
	
	.subCompany1>ul>li dl dt {font-size:18px; line-height:25px;}
	
	.subCompany1>ul>li.li1 dl {padding:0 6% 0 2%;}
	.subCompany1>ul>li.li2 {margin-left:-2%;}
	.subCompany1>ul>li.li2 dl {padding:0 9%;}
	.subCompany1>ul>li.li3 {margin-left:-2%;}
	.subCompany1>ul>li.li3 dl {padding:0 8%;}
	.subCompany1>ul>li.li4 {margin-left:-2.1%;}
	.subCompany1>ul>li.li4 dl {padding:0 2% 0 10%;}
	
	/* 인재상 */
	.subCompany3>ul>li dl {padding:20px 15px 0 15px;}
	.subCompany3>ul>li dl dd.sub {font-size:16px; line-height:18px;}
	.subCompany3>ul>li dl dd ul.ulList1>li {font-size:14px; line-height:20px;}
	
	/* 복지제도 */
	.subCompany4>ul>li dl dd {font-size:16px;}
	.subCompany4>ul>li dl dd span {font-size:14px;}
	
	/* 모집구분 */
	.subRecruit1 .cont h4 {margin-bottom:30px;}
	.subRecruit1 .cont p.p1 {font-size:18px; line-height:30px;}
	
	.subRecruit1 .cont2 p {font-size:18px; line-height:28px;}
	
	/* 지원서 작성 */
	.subApply .whiteBox {padding:40px 15px;}
	.step01 .grayBox {padding:20px 10px;}
	.step02 .grayBox {padding:20px 10px;}
	
	/* 지원하기 리스트 */
	.searchDiv .leftDiv {padding-left:20px;}
	.searchDiv .rightDiv {width:397px;}
	.searchDiv .rightDiv .seoulMap a.btnBack {right:-40px;}
}