@charset "utf-8";
/* CSS Document */
/*!
	* Written by: 2014.09.15
	* 최현원 damboys@nate.com
	* 전하현 froggggy@naver.com
*/

#wrap_box {min-width:700px;}

/*!
 * CLASS : page_talent
 * 인재채용
 * 채용공고
**/
.page_talent .section_title {background-color: #a23068;}


/*!
 * CLASS : talentWrap
 * 인재채용
 * 채용정보
**/
.talentWrap {text-align:center;}
.talentWrap p.visualTxt {font-size:45px; line-height:60px;}
.talentWrap .fs38 {font-size:38px !important; line-height:40px !important;}
.talentWrap p.visualTxt strong {font-weight:700;}
.talentWrap p.tit { font-size:28px;line-height:40px; margin-bottom:64px; font-weight:bold;}
.talentWrap h4.tit { font-size:28px;line-height:40px; margin-bottom:64px; font-weight:bold;text-align:center;}

.talentWrap .slideArea,
.talentWrap .jobsArea,
.talentWrap .philosophyArea,
.talentWrap .talentStepArea { padding:62px 0 200px;}

/* 채용공고 있을 시 display:none;처리 */
.talentWrap .jobsArea {display:none; padding-bottom:139px; margin-top:60px; background:#F4F4F2;}
.talentWrap .jobsArea h4.tit { margin-bottom:24px}
.talentWrap .jobsArea .btn_area {margin:0;}
.talentWrap .jobsArea p.tit {margin-top:30px;margin-bottom:54px;}
.talentWrap .jobsArea .jobsBox { position:relative; width:850px; margin:0 auto; }
.talentWrap .jobsArea .jobsBox span.imgCube {position:absolute; right:-205px; top:-251px; }
.talentWrap .jobsArea .jobsBox span.imgMan {position:absolute; right:-205px; bottom:-180px; }
.talentWrap .jobsArea .jobsBox .jobs01{float:left;width:400px;margin-right:15px;}
.talentWrap .jobsArea .jobsBox .jobs02{float:left;width:400px;margin-left:15px;}
.talentWrap .jobsArea .jobsBox p.bigTxt {font-size:26px; line-height:30px; margin-bottom:18px;padding-top:23px;padding-bottom:23px; background:url('../../images/talent/bul_line3.gif') no-repeat center bottom;}
.talentWrap .jobsArea .jobsBox p.smallTxt {display:block; font-size:15px; line-height:38px; font-weight:bold; color:#a23068; margin-bottom:30px;}

@media screen and (max-width:1180px){
	.talentWrap .jobsArea .jobsBox {width:100%;}
	.talentWrap .jobsArea .jobsBox .jobs01,
	.talentWrap .jobsArea .jobsBox .jobs02 {float:none;margin:0 auto;}
	.talentWrap .jobsArea .jobsBox .jobs02{margin-top:15px;}
	.talentWrap .jobsArea .jobsBox span.imgCube,
	.talentWrap .jobsArea .jobsBox span.imgMan {right:0;}
}

/* 인재상 */
.talentWrap .slideArea {position:relative; margin-top:60px; background:#f1f2f7;} /* 채용공고 있을 시 주석 */
.talentWrap .slideArea {position:relative; margin-top:60px; padding:62px 0;}
.talentWrap .slideArea span.imgCube {position:absolute; right:15%; top:-95px; }

.talentWrap .slideArea .bx-wrapper {height:441px;}
.talentWrap .slideArea .bx-wrapper img {max-width: 100%; display:inline-block;}
.talentWrap .slideArea .bx-wrapper .bx-prev {left:30px; background:url('../../images/talent/btn_bxslide.png') no-repeat 0 0 ;}
.talentWrap .slideArea .bx-wrapper .bx-next {right:30px; background:url('../../images/talent/btn_bxslide.png') no-repeat -36px 0 ;}
.talentWrap .slideArea .bx-wrapper .bx-controls-direction a { width:26px; height:49px;}
.talentWrap .slideArea .bx-wrapper .bx-pager {padding-top:0; top:419px;}
.talentWrap .slideArea .bx-wrapper .bx-pager.bx-default-pager a {width:22px; height:22px; margin:0 25px; background:url('../../images/talent/bg_pager.png') no-repeat 0 bottom ;}
.talentWrap .slideArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.talentWrap .slideArea .bx-wrapper .bx-pager.bx-default-pager a.active {background:url('../../images/talent/bg_pager.png') no-repeat 0 0 ;}

/* 인사철학 */
.talentWrap .philosophyArea {border-top:1px solid #f2f0f1}
.talentWrap .philosophyArea .imgTxt {overflow:hidden;  text-align:center; margin:56px auto;}
.talentWrap .philosophyArea .imgTxt p.img {display:inline-block; zoom:1; *display:inline; vertical-align:top; }
.talentWrap .philosophyArea .imgTxt ul {width:50%; display:inline-block; zoom:1; *display:inline; margin-left:30px;}
.talentWrap .philosophyArea .imgTxt ul li {position:relative; font-size:15px; text-align:left; margin-bottom:15px; padding-left:65px; color:#666;}
.talentWrap .philosophyArea .imgTxt ul li span {position:absolute; left:0; top:0; display:inline-block; zoom:1; *display:inline;  width:60px;}

/* 인사철학 그레프 */
.philosophy {position:relative; width:522px; height:490px;  margin:0 auto; font-size:18px; line-height:25px; font-weight:700; color:#373737;
/*background:url('../../images/talent/img_philosophy02.gif') no-repeat 0 0;*/}
.philosophy li .img_on{ display:none}
.philosophy li.on .img_on,
.philosophy li:hover .img_on{ display:block}
.philosophy li.on .img_off,
.philosophy li:hover .img_off{ display:none}
.philosophy li p { display:none}
.philosophy li.on p,
.philosophy li:hover p {display:block;}
.philosophy  a {display:block;}
.philosophy .welcome {position:absolute; left:191px; top:-4px; }
.philosophy .welcome p {display:none; margin:79px 0 0 -30px; text-align:center; }
.philosophy .dream {position:absolute; left:355px; top:63px;}
.philosophy .dream p {display:none; margin:0 0 0 -338px; text-align:center; }
.philosophy .grow {position:absolute; left:377px; top:223px;  }
.philosophy .grow p {display:none; margin:-153px 0 0 -375px; text-align:center; }
.philosophy .win {position:absolute; left:264px; top:338px; z-index:4;}
.philosophy .win p {display:none; margin:-279px 0 0 -156px; text-align:center; }
.philosophy .celebrate {position:absolute; left:93px; top:338px; z-index:3;}
.philosophy .celebrate p {display:none; margin:-277px 0 0 123px; text-align:center; }
.philosophy .livewell {position:absolute; left:-9px; top:200px; }
.philosophy .livewell p {display:none; margin:-132px 0 0 177px; text-align:center; }
.philosophy .giveback {position:absolute; left:35px; top:32px; }
.philosophy .giveback p {display:none; margin:18px 0 0 145px; text-align:center; }


/* 채용절차 */
#local_contents.talent_jobs {margin:70px auto 0;}
.talentWrap .talentStepArea {background:#f0f4f7;}
.talentWrap .talentStepArea .stepList { max-width: 1259px; margin: 0 auto; overflow: hidden; }
.talentWrap .talentStepArea .stepList li {float:left; width:20%; height:273px;  text-align:center;  font-size:20px; line-height:30px; color:#a2b6c0;}
.talentWrap .talentStepArea .stepList li div {border-left:1px solid #dee2ea;}
.talentWrap .talentStepArea .stepList li:first-child em { border-left:0 none;}
.talentWrap .talentStepArea .stepList li em { border-left: 1px solid #dee2ea; display:block; height: 232px; color:#a2b6c0; font-size:24px; line-height:26px; font-weight:700; padding-top:10px;}
.talentWrap .talentStepArea .stepList li span {margin-top:163px; color:#373737; font-weight:700; display:block;font-size:20px; line-height:26px;}
.talentWrap .talentStepArea .stepList .bgA {background:url('../../images/talent/icon_talent_01.png') no-repeat center 78px; }
.talentWrap .talentStepArea .stepList .bgB {background:url('../../images/talent/icon_talent_02.png') no-repeat center 78px;}
.talentWrap .talentStepArea .stepList .bgC {background:url('../../images/talent/icon_talent_03.png') no-repeat center 78px;}
.talentWrap .talentStepArea .stepList .bgD {background:url('../../images/talent/icon_talent_04.png') no-repeat center 78px;}
.talentWrap .talentStepArea .stepList .bgE {background:url('../../images/talent/icon_talent_05.png') no-repeat center 78px;}

.talentWrap .talentStepArea .talentInfo {margin:90px auto 0 ; position:relative; max-width:1260px; /* height: 270px; */ }
.talentWrap .talentStepArea .talentInfo:after { display:block; clear:both; content:""}
.talentWrap .talentStepArea .talentInfo p.img { position:absolute; top:0px; left:215px; }
.talentWrap .talentStepArea .talentInfo dl {margin-left:575px; text-align:left;}
.talentWrap .talentStepArea .talentInfo dl dt {margin-bottom:25px; font-size:20px; line-height:35px; color:#373737; }
.talentWrap .talentStepArea .talentInfo dl dt span {color:#a23068;}
.talentWrap .talentStepArea .talentInfo dl dd {font-size:15px; line-height:20px; color:#666; padding-left:12px; margin-bottom:15px;  background:url('../../images/talent/bul.png') no-repeat left 5px; word-break:break-all}

.talentWrap .btn_jobs a{margin:82px 5px 0; display:inline-block; *display:inline; *zoom:1; height:100%;}



/*!
 * CLASS : programWrap
 * 인재채용
 * 신입사원 육성프로그램
**/
.programWrap .stepArea,
.programWrap .otArea,
.programWrap .ojtArea { padding:62px 0 70px 0;}

.programWrap {text-align:center;}
.programWrap p.visualTxt {font-size:38px; line-height:43px;}
.programWrap p.visualTxt strong {font-weight:700;}
.programWrap p.tit { font-size:28px; line-height:40px; margin-bottom:70px; font-weight:bold;}
.programWrap p.tit span.min {font-size:18px; line-height:25px; font-weight:400;}
.programWrap h4.visualTxt {font-size:38px; line-height:43px;text-align:center;}
.programWrap .mt64 {margin-top:64px !important;}
.programWrap .mb64 {margin-bottom:64px !important;}

.programWrap .tab {overflow:hidden; max-width:1450px; margin:0 auto;}
.programWrap .tab li {float:left; width:50%; text-align:center;}
.programWrap .tab li a {display:block; width:100%; height:264px; line-height:264px; font-size:28px; color:#fff; opacity:0.5; filter:alpha(opacity=50)\0IE8; *filter:alpha(opacity=50)}
.programWrap .tab li:hover a, .tab li.on a {opacity:1;}
.programWrap .tab li.tab1 a  {background:url('../../images/talent/tab_program01.jpg') no-repeat 0 0 ;}
.programWrap .tab li.tab2 a  {background:url('../../images/talent/tab_program02.jpg') no-repeat 0 0 ;}


.programWrap .stepArea {}
.programWrap .stepArea .graph {  overflow:hidden; display:inline-block; zoom:1; *display:inline; margin:80px auto 0 auto; }
.programWrap .stepArea .graph li {float:left; }
.programWrap .stepArea .graph li.arrow {float:left; width:52px; height:228px; margin:0 30px; background:url('../../images/talent/arrow_step.png') no-repeat 0 85px;}

.programWrap .otArea {background:#f0f4f7;}
.programWrap .ojtArea .ojtCont { overflow:hidden; width:1297px; margin:0 auto; }
.programWrap .ojtArea .ojtCont dl {text-align:left;  margin-left:755px;font-size:15px; line-height:30px; color:#666;}

.otArea  p.tit {margin-bottom:42px;}
.otArea .bx-wrapper .bx-next {background:url('../../images/talent/btn_bxslide.png') no-repeat -36px 0; width:26px; height:49px; right:75px; top:142px; margin-top:0;}
.otArea .bx-wrapper .bx-prev {background:url('../../images/talent/btn_bxslide.png') no-repeat 0 0;width:26px; height:49px; left:75px;top:142px; margin-top:0;}
.otArea .bx-wrapper {padding-bottom:96px;}
.otArea .bx-wrapper .bx-viewport li {text-align:center;}
.otArea .bx-wrapper .bx-viewport li img { display:inline}
.otArea .bx-wrapper .bx-pager {top:auto; bottom:-38px}
.otArea .bx-wrapper .bx-pager.bx-default-pager a {width: 22px;height: 22px;	margin:0 53px 40px 0; background: url(../../images/common/bg_pager_talent.png) no-repeat -50px 0;}
.otArea .bx-wrapper .bx-pager.bx-default-pager a:hover,
.otArea .bx-wrapper .bx-pager.bx-default-pager a.active,
.otArea .bx-wrapper .bx-pager.bx-default-pager a.focus {background: url(../../images/common/bg_pager_talent.png) no-repeat 0 0;}

/* 직무소개 */
#local_contents.talent_profile {background-color:#eeeeee; margin:0 auto; padding:70px 0 103px;}





/*!
 * CLASS : programWrap
 * 인재채용
 * 경력개발 프로그램
**/
.programWrap .careerArea,
.programWrap .islandsArea {padding:62px 0 70px 0;}

.programWrap .careerArea .graph {overflow:hidden; display:inline-block; zoom:1; *display:inline;  margin:80px auto 0 auto; }
.programWrap .careerArea .graph li {float:left; }
.programWrap .careerArea .graph li.arrow {float:left; width:52px; height:228px; margin:0 30px; background:url('../../images/talent/arrow_step.png') no-repeat 0 85px;}

.programWrap .careerArea .day {overflow:hidden; width:1032px; height:50px; margin:10px auto 0 auto; background:url('../../images/talent/bg_day.jpg') no-repeat 0 0; }
.programWrap .careerArea .day li {float:left; width:50%; margin-top:30px; color:#a23068; font-size:18px; font-weight:700; text-align:center;}

.programWrap .islandsArea {background:#f1f2f7;}
.programWrap .islandsArea .graph {position:relative; width:1032px; height:605px; margin:0 auto; background:url('../../images/talent/bg_graph.jpg') no-repeat center center;}
.programWrap .islandsArea .graph .graphTxt {display:inline-block; zoom:1; *display:inline;  font-size:25px; line-height:30px; font-weight:700; padding-top:336px; }
.programWrap .islandsArea .graph .txtBox {position:absolute; text-align:left;}
.programWrap .islandsArea .graph .txtBox dt {font-size:18px; line-height:25px; margin-bottom:20px; color:#373737;}
.programWrap .islandsArea .graph .txtBox dd {font-size:15px; line-height:30px; color:#666;}
.programWrap .islandsArea .graph .lineA {padding-top:23px; background:url('../../images/talent/bul_line1.gif') no-repeat 0 0;}
.programWrap .islandsArea .graph .lineB {padding-top:23px; background:url('../../images/talent/bul_line2.gif') no-repeat 0 0;}





/*!
 * CLASS : profileWrap
 * 인재채용
 * 직무소개
*/
.profileWrap {overflow:hidden; width:auto; text-align:center; padding:0 20px; background:#eee; line-height:0;}
.profileWrap .first {margin:0 8px 8px 0;}
.profileWrap .profileItem {overflow:hidden; display:inline-block;text-align:center; margin:8px 4px 0 0}
.profileWrap .profileItem:nth-child(1),
.profileWrap .profileItem:nth-child(2),
.profileWrap .profileItem:nth-child(3) {margin:0 4px 0 0}
@media screen and (max-width:1510px){
	.profileWrap .profileItem:nth-child(1),
	.profileWrap .profileItem:nth-child(2){margin:0 4px 0 0}
	.profileWrap .profileItem:nth-child(3) {margin:8px 4px 0 0}
}
@media screen and (max-width:1023px){
	.profileWrap .profileItem:nth-child(1){margin:0 4px 0 0}
	.profileWrap .profileItem:nth-child(2),
	.profileWrap .profileItem:nth-child(3) {margin:8px 4px 0 0}
}

.profileWrap .profileItem ul:after { clear:both; display:block; content:""}
.profileWrap .profileItem li {float:left; }
.profileWrap .profileItem li.txtBox a {position:relative; display:block;  width:207px; height:196px; padding:43px 0 0 32px; color:#000; background:#fff;}
.profileWrap .profileItem li.txtBox .job {font-size:28px; line-height:36px; font-weight:700; }
.profileWrap .profileItem li.txtBox .name {font-size:18px; line-height:36px; }
.profileWrap .profileItem li.txtBox .name strong { font-weight:700; font-size:18px; line-height:36px; }
.profileWrap .profileItem li.txtBox .view {display:inline-block; font-size:13px; line-height:20px; margin-top:60px; border-bottom:1px solid #000;}
.profileWrap .profileItem li.txtBox .arrow {position:absolute; right:-13px; top:50%;}
.profileWrap .profileItem li.txtBox .aleft {left:-13px;}
.profileWrap .profileItem li.img { width:239px; height:239px;}


/*!
 * CLASS : profilePopup
 * 인재채용
 * 직무소개 view
*/
#profilePopup {position:absolute; left:0; right:0; top:0; width:100%; padding-bottom:0;z-index:500;
background: rgba(0, 0, 0, 0.6); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000); display:none}
#profilePopup  .popupWrap {position:relative; max-width:1453px;  margin:160px auto 0 auto;padding:0 75px; display:none}
#profilePopup  .popupWrap.on { display:block}

#profilePopup .profileItem {position:absolute; left:75px; top:0; overflow:hidden; display:inline-block; width:486px; text-align:center; margin:0 auto 8px auto; }
#profilePopup .profileItem ul {padding:0 8px 0 0;}
#profilePopup .profileItem li {float:left; }
#profilePopup .profileItem li.txtBox a {position:relative; display:block;  width:207px; height:196px; padding:43px 0 0 32px; color:#000; background:#fff;}
#profilePopup .profileItem li.txtBox .job {font-size:32px; line-height:36px; font-weight:700; }
#profilePopup .profileItem li.txtBox .name {font-size:18px; line-height:36px; }
#profilePopup .profileItem li.txtBox .name strong { font-weight:700;}
#profilePopup .profileItem li.txtBox .view {display:inline-block; font-size:13px; line-height:20px; margin-top:60px; border-bottom:1px solid #000;}
#profilePopup .profileItem li.txtBox .info_number {margin-top:30px;}
#profilePopup .profileItem li.txtBox .info_number li {float:none}
#profilePopup .profileItem li.txtBox .info_number span {font-size:15px;line-height:23px; color:#666;}
#profilePopup .profileItem li.txtBox .info_number .tit {width:101px;padding-right:1px; background: url(../../images/talent/bg_pop_bar_profile.gif) no-repeat right center;margin-right:8px; display:inline-block; *display:inline; *zoom:1}
#profilePopup .profileItem li.txtBox .arrow {position:absolute; right:-13px; top:50%;}
#profilePopup .profileItem li.txtBox .aleft {left:-13px;}
#profilePopup .profileItem li.img { width:239px; height:239px;}


/* 직무소개팝업_프로필*/
#profilePopup .infoItem {position:relative; max-width:895px; padding:0 28px; margin-left:486px; background:#fff;}
#profilePopup .infoItem .btns .next {right:30px; background:url('../../images/talent/btn_bxslide.png') no-repeat -36px 0 ;}
#profilePopup .infoItem .btns .prev {left:30px; background:url('../../images/talent/btn_bxslide.png') no-repeat 0 0 ;}
#profilePopup .infoItem .btns {width:100%;}
#profilePopup .infoItem .btns p {position:absolute; top:100px; display:block; width:26px; height:49px;}
#profilePopup .infoItem .btns p a {display:block; width:26px; height:49px;}
#profilePopup .infoItem .btns p a span {text-indent:-9999px; font-size:0;}

#profilePopup .infoItem .accentTxt {display:block; height:168px; padding:70px 50px 0; margin-bottom:47px; font-style: italic; text-align:center; font-size:36px; line-height:50px;  border-bottom:1px solid #d3d3d3; }
#profilePopup .infoItem .accentTxt.over4row {padding:66px 50px 67px; height:106px; font-size:28px; line-height:40px;}
#profilePopup .infoItem .accentTxt.only1row {padding:90px 50px 0; height:149px;}
#profilePopup .infoItem .careerInfo {position:relative; padding-bottom:70px;}
#profilePopup .infoItem .careerInfo p.num {position:absolute; left:20px; top:0; margin-top:-20px; font-size:125px; line-height:130px; color:#f0f0f0; font-weight:bold;}
#profilePopup .infoItem .careerInfo dl {margin-left:180px;}
#profilePopup .infoItem .careerInfo dl dt.tit {font-size:18px; line-height:23px; color:#373737; font-weight:bold; margin-bottom:20px;}
#profilePopup .infoItem .careerInfo dl dd {font-size:15px; line-height:30px; color:#666;}
#profilePopup p.bntClose {position:absolute; left:483px; top:249px;}
#profilePopup p.bntClose a {display:block;}

#team1 .accentTxt span {color:#5f92b3;}
#team3 .accentTxt span {color:#bc9053;}


@media screen and (max-width:1280px){
	.talentWrap .talentStepArea .talentInfo p.img { left:50px; }
	.talentWrap .talentStepArea .talentInfo dl {margin-left:330px;}

	#profilePopup .popupWrap {margin:302px 12px 0; padding:0 }
	#profilePopup .profileItem {left:0; top:-247px;}
	#profilePopup .popupWrap .infoItem {margin:477px 0 0; max-width: 100%}
	#profilePopup p.bntClose {left:478px; top:-78px;}

	.programWrap .tab {padding:0 12px;}

	.programWrap .stepArea, .programWrap .ojtArea   { padding:62px 12px 70px ;}
	.programWrap .careerArea, .programWrap .islandsArea   { padding:62px 12px 70px ;}

	/* OJT */
	.programWrap .ojtArea {max-width:740px; margin:0 auto;}
	.programWrap .ojtArea .ojtCont {max-width:735px; width:auto;}
	.programWrap .ojtArea .ojtCont dl {text-align:center;  margin-left:0;}
	.programWrap .ojtArea .ojtCont dt {margin-bottom:40px;}
	.programWrap .pika-stage {position:relative; left:0; top:0;}
	.programWrap .pika-textnav,
	.programWrap .pika-imgnav { display:none !important}
	.programWrap .pika-thumbs {margin-top:40px;}


	.otArea .bx-wrapper .bx-next {right:12px;}
	.otArea .bx-wrapper .bx-prev {left:12px;}
}


@media screen and (max-width:1024px){
	#profilePopup .popupWrap .infoItem {margin:548px 0 0; max-width: 100%}
	#profilePopup {padding-bottom:240%;}
}


/* 210514 : 채용절차추가 */
.box_core{overflow:hidden;margin:0 auto;width:1180px;box-sizing:border-box;text-align:left;color:#373737;}
.box_core .contit{float:left;width:200px;font-size:20px;line-height:1.4;}
.box_core .contit .bold{font-weight:600;font-size:26px;}
.box_core ul{float:left;}
.box_core li{position:relative;display:inline-block;margin-right:48px;vertical-align:top;line-height:1.6;}
.box_core li:last-child{margin-right:0;}
.box_core li .circle{width:205px;height:205px;border-radius:50%;background-color:#fff;border:1px solid #d0d0d0;text-align:center;padding-top:67px;}
.box_core li:after{content:'';position:absolute;width:51px;height:1px;top:103px;left:205px;background:#d0d0d0}
.box_core li:last-child:after{content:'';position:absolute;width:0;height:1px;top:103px;right:-1px;background:#d0d0d0}
.box_core li .circle span{display:block;color:#00a0e7;font-size:20px;line-height:1.4}
.box_core li .circle .bold{color:#00a0e7;font-weight:600;font-size:26px;}
.box_core li p{margin-top:40px;padding-top:40px;padding-left:30px;height:210px;font-size:18px;border-left:1px solid #c0c3c6;}

.vieoWrap{padding:62px 0 100px;background:#f0f4f7;} 
.vieoWrap h4.tit { font-size:28px;line-height:40px; margin-bottom:64px; font-weight:bold;text-align:center;}
.vieoWrap ul {width:1180px;max-width:1259px;margin: 0 auto;overflow:hidden;}
.vieoWrap ul li{width:560px;float:left;}
.vieoWrap ul li:last-child{float:right;}
.vieoWrap ul li p{margin-top:20px;text-align:center;color:#373737;font-size:20px;}
.talentWrap .talentStepArea {background: #fff;}
.talentWrap .talentStepArea .talentInfo p.img{border:1px solid #c0c3c6;border-radius:50%;}
.talentWrap .talentStepArea .talentInfo dl dt span {color: #1f8cdd;}