﻿@charset "utf-8";

.header_wrap .gnb_nav .nav3 .depth1_link, #header.header_on .gnb_nav .nav3 .depth1_link{color:#ff7424;}
.inside {background:url(/resources/images/inside/inside_bg.jpg) center 0 no-repeat;}

/* 직무소개 */
.job_list #contents {background:#f5f5f5;}
.job_list .sec1 {padding-top:80px; background:url(/resources/images/inside/joblist_bg01.jpg) #f5f5f5 center 0 no-repeat;}
.job_list .sec1 .sub_top {padding-bottom:50px; text-align:center;}
.job_list .sec1 .sub_top h4 {font-size:24px; color:#242424; line-height:32px; font-weight:normal;}
.job_list .sec1 .job_tab {overflow:hidden;}
.job_list .sec1 .job_tab li {float:left; width:220px; height:220px; margin-left:20px;}
.job_list .sec1 .job_tab li:first-child {margin-left:0;}
.job_list .sec1 .job_tab li.last {margin-left:17px;}
.job_list .sec1 .job_tab li a {position:relative; display:inline-block; width:218px; height:218px; border:1px solid #ccc; color:#646464;}
.job_list .sec1 .job_tab li a span {position:absolute; left:24px; bottom:26px; font-size:20px; font-weight:bold;}
.job_list .sec1 .job_tab li .tab01 {background:url(/resources/images/inside/joblist_tab01.jpg) 0 0 no-repeat;}
.job_list .sec1 .job_tab li.on .tab01, .job_list .sec1 .job_tab li .tab01:hover {padding:1px; background:url(/resources/images/inside/joblist_tab01_on.jpg) 0 0 no-repeat; border:none; color:#fff;}
.job_list .sec1 .job_tab li.on .tab01 span, .job_list .sec1 .job_tab li .tab01:hover span {left:25px; bottom:27px;}
.job_list .sec1 .job_tab li .tab02 {background:url(/resources/images/inside/joblist_tab02.jpg) 0 0 no-repeat;}
.job_list .sec1 .job_tab li.on .tab02, .job_list .sec1 .job_tab li .tab02:hover {padding:1px; background:url(/resources/images/inside/joblist_tab02_on.jpg) 0 0 no-repeat; border:none; color:#fff;}
.job_list .sec1 .job_tab li.on .tab02 span, .job_list .sec1 .job_tab li .tab02:hover span {left:25px; bottom:27px;}
.job_list .sec1 .job_tab li .tab03 {background:url(/resources/images/inside/joblist_tab03.jpg) 0 0 no-repeat;}
.job_list .sec1 .job_tab li.on .tab03, .job_list .sec1 .job_tab li .tab03:hover {padding:1px; background:url(/resources/images/inside/joblist_tab03_on.jpg) 0 0 no-repeat; border:none; color:#fff;}
.job_list .sec1 .job_tab li.on .tab03 span, .job_list .sec1 .job_tab li .tab03:hover span {left:25px; bottom:27px;}
.job_list .sec1 .job_tab li .tab04 {background:url(/resources/images/inside/joblist_tab04.jpg) 0 0 no-repeat;}
.job_list .sec1 .job_tab li.on .tab04, .job_list .sec1 .job_tab li .tab04:hover {padding:1px; background:url(/resources/images/inside/joblist_tab04_on.jpg) 0 0 no-repeat; border:none; color:#fff;}
.job_list .sec1 .job_tab li.on .tab04 span, .job_list .sec1 .job_tab li .tab04:hover span {left:25px; bottom:27px;}
.job_list .sec1 .job_box {display:none; margin-top:-46px;}
.job_list .sec1 .job_box.on {display:block;}
.job_list .sec1 .job_box.tab_cont01 {background:url(/resources/images/inside/joblist_tab_bg01.jpg) center 0 no-repeat;}
.job_list .sec1 .job_box.tab_cont02 {background:url(/resources/images/inside/joblist_tab_bg02.jpg) center 0 no-repeat;}
.job_list .sec1 .job_box.tab_cont03 {background:url(/resources/images/inside/joblist_tab_bg03.jpg) center 0 no-repeat;}
.job_list .sec1 .job_box.tab_cont04 {background:url(/resources/images/inside/joblist_tab_bg04.jpg) center 0 no-repeat;}
.job_list .sec1 .job_box .top_text {padding:185px 0 245px; font-size:20px;  color:#fff; text-align:center;}
.job_list .sec1 .job_box ul {position:relative; left:-20px; width:960px; overflow:hidden;}
.job_list .sec1 .job_box ul li {float:left; margin-left:20px;}
.job_list .sec1 .job_box ul li a {display:block; width:220px; height:204px; padding-top:35px; border-top:1px solid #c4c4c4; background:url(/resources/images/inside/joblist_more.png) 188px 188px no-repeat;}
.job_list .sec1 .job_box ul li a:hover {height:204px; padding-top:32px; border-top:4px solid #ff7424; background:url(/resources/images/inside/joblist_more_on.png) 188px 185px no-repeat;}
.job_list .sec1 .job_box ul li a:hover dt {color:#ff7424;}
.job_list .sec1 .job_box ul li a:hover dd {color:#ff7424;}
.job_list .sec1 .job_box ul li a dt {padding-bottom:15px; font-size:20px; color:#242424; font-weight:bold;}
.job_list .sec1 .job_box ul li a dd {font-size:15px; color:#646464;}

/* 직무소개 detail */
.job_detail .job_detail_zone {height:34px; margin-bottom:20px; text-align:center;}
.job_detail .job_detail_tit {display:inline-block; padding:0 5px; margin:0 -3px; font-size:16px; font-weight:bold; color:#ff7424; border-top:2px solid #ff7424; border-bottom:2px solid #ff7424; line-height:30px; vertical-align:top;}
.job_detail_tit_left {display:inline-block; width:15px; height:34px; background:url(/resources/images/inside/job_detail_tit_left.png) 0 0 no-repeat;}
.job_detail_tit_right {display:inline-block; width:15px; height:34px; background:url(/resources/images/inside/job_detail_tit_right.png) 0 0 no-repeat;}
.job_detail .sec1 {padding-top:60px;}
.job_detail .sec1 h4 {padding-bottom:35px; margin-bottom:35px; font-size:24px; text-align:center;  border-bottom:1px solid #c4c4c4;}
.job_detail .sec1 p {font-size:16px; color:#646464;}
.job_detail .sec1 p.tit {padding:60px 0 30px; font-size:20px; color:#ff7424; font-weight:bold;}
.job_detail .sec1 p.tit.require_bot {padding:25px 0;}
.job_detail .sec1 .require {overflow:hidden;}
.job_detail .sec1 .require dl {float:left; width:460px; margin-left:20px; font-size:16px;}
.job_detail .sec1 .require dl:first-child {margin-left:0;}
.job_detail .sec1 .require dl dt {padding:15px 0; font-weight:bold; font-size:20px; border-top:2px solid #ccc;}
.job_detail .sec1 .require dl dd {padding-bottom:35px; color:#646464;}
.job_detail .sec1 .timetable_box {display:none;}
.job_detail .sec1 .timetable_box.on {display:block;}
.job_detail .sec1 .timetable_box dl {min-height:120px; overflow:hidden;}
.job_detail .sec1 .timetable_box dt {float:left; width:110px; font-size:16px; color:#909090; font-weight:bold;}
.job_detail .sec1 .timetable_box dd {float:left; width:830px; font-size:16px;}

.job_detail .sec1 .inner_section2 {width:100%;}
.job_detail .sec1 .inner_section2.time01 {background:url(/resources/images/inside/jobdetail_timebg01.png) center 0 no-repeat;}
.job_detail .sec1 .inner_section2.time02 {background:url(/resources/images/inside/jobdetail_timebg02.png) center 0 no-repeat;}
.job_detail .sec1 .inner_section2.time03 {background:url(/resources/images/inside/jobdetail_timebg03.png) center 0 no-repeat;}
.job_detail .sec1 .inner_section2.time04 {background:url(/resources/images/inside/jobdetail_timebg04.png) center 0 no-repeat;}
.job_detail .sec1 .inner_section2.time05 {background:url(/resources/images/inside/jobdetail_timebg05.png) center 0 no-repeat;}
.job_detail .sec1 .inner_section2 ul {height:104px; overflow:hidden;}
.job_detail .sec1 .inner_section2 ul li {float:left; margin-left:160px;}
.job_detail .sec1 .inner_section2 ul li:first-child {margin-left:43px;}
.job_detail .sec1 .inner_section2 ul li a {display:inline-block; width:40px; height:60px; margin-top:30px; text-indent:-9999px;}
.job_detail .sec2 {padding-top:0; background:#fff; text-align:center;}
.job_detail .sec3 {padding-top:70px; border-top:1px solid #ccc; overflow:hidden;}
.job_detail .btn_go{float:left; width:435px; margin-left:20px; padding-left:25px; ; text-align:left; line-height:80px; cursor:pointer; background:url(/resources/images/inside/job_detail_btnbg_off.png) #eaeaea 414px 30px no-repeat;}
.job_detail a:first-child .btn_go{margin-left:0;}
.job_detail a .btn_go:hover {background:url(/resources/images/inside/job_detail_btnbg_on.png) #ff7424 414px 30px no-repeat;}
.job_detail a .btn_go:hover {color:#fff;}
.job_detail a .btn_go {color:#242424;}

/* 경동  Best of Best */
.best {position:relative;}
.best .title_zone {height:608px; z-index:100;}
.best #contents {padding-bottom:0;}
.best .bg_best {position:absolute; top:0; left:0; width:100%; height:900px; z-index:1; background:url(/resources/images/inside/bestofbest_img01.png) center center no-repeat; text-align:center;}
.best .bg_best img {position:relative; top:235px;}
.best .section.full {position:relative; z-index:1;}
.best .sec1 {padding-top:0; background:url(/resources/images/inside/bestofbest_img02_bg.png) center center no-repeat;}
.best .sec2 {padding-top:0; background:#5f728b;}
.best .sec2 .inner_section {position:relative; height:679px; background:url(/resources/images/inside/bestofbest_img03.jpg) 0 0 no-repeat;}
.best .sec2 .inner_section span {position:absolute;}
.best .sec2 .inner_section .pin01 {top:242px; left:306px;}
.best .sec2 .inner_section .pin02 {top:228px; right:84px;}
.best .sec3 {position:relative; padding-top:0; background:#f5f5f5; z-index:1;}
.best .sec3 .inner_section {position:relative; top:-120px; margin-bottom:-120px;}

/* 경동인 */
.worldwide {background:url(/resources/images/inside/worldwide_bg.jpg) center 0 no-repeat;}
.worldwide #imgContainer{display:block; position:absolute; top:245px; left:260px; width:420px; height:350px; text-align:center; overflow:hidden;}
.worldwide .worldwide_text {position:absolute; top:415px; left:390px;}
.worldwide .title_zone .img.feat01 {top:280px; left:72px; width:225px;}
.worldwide .title_zone .img.feat02 {top:460px; right:90px; width:285px;}
.worldwide .title_zone .img.feat03 {top:240px; right:10px;}
.worldwide .title_zone .img {display:block; position:absolute; width:215px; text-align:center;}
.worldwide .sec1 {background:url(/resources/images/inside/people_sec1_bg.jpg) center 0 no-repeat;}
.future {background:url(/resources/images/inside/future_bg.jpg) center 0 no-repeat;}
.future #imgContainer{display:block; position:absolute; top:246px; left:259px; width:420px; height:350px; text-align:center; overflow:hidden;}
.future .worldwide_text {position:absolute; top:392px; left:406px;}
.future .title_zone .feat01 {top:307px; left:108px;}
.future .title_zone .feat02 {top:267px; right:114px;}
.future .title_zone .feat03 {top:519px; right:88px;}
.future .title_zone .img {display:block; position:absolute; width:300px; text-align:center;}
.future .title_zone .text {position:relative; padding-top:15px;}
.future .title_zone .text01 {left:-78px;}
.future .title_zone .text02 {left:65px;}
.future .title_zone .text03 {left:84px;}
.future .sec1 {background:url(/resources/images/inside/people_sec1_bg.jpg) center 0 no-repeat;}
.unite {background:url(/resources/images/inside/unite_bg.jpg) center 0 no-repeat;}
.unite #imgContainer{display:block; position:absolute; top:245px; left:260px; width:420px; height:350px; text-align:center; overflow:hidden;}
.unite .worldwide_text {position:absolute; top:415px; left:390px;}
.unite .title_zone .feat01 {top:437px; left:20px;}
.unite .title_zone .feat02 {top:350px; right:18px;}
.unite .title_zone .feat03 {top:510px; right:18px;}
.unite .title_zone .img {display:block; position:absolute; width:300px; text-align:center;}
.unite .title_zone .text {padding-left:30px; padding-top:15px; text-align:left;}
.unite .sec1 {background:url(/resources/images/inside/people_sec1_bg.jpg) center 0 no-repeat;}

.people .title_zone {position:relative; height:707px;}
.people .title_zone .text {display:block; font-size:16px; color:#fff; line-height:24px;}
@media (max-width:1300px) {
	.people .title_zone .btn_zone {display:none;}
}
.people .title_zone .btn_zone{position:absolute; top:310px; width:100%;}
.people .title_zone .btn_zone a{display:block; position:absolute; width:100px; font-size:16px; color:#fff; font-weight:bold; line-height:22px;}
.people .title_zone .btn_zone a:hover{color:#ff7424;}
.people .title_zone .btn_zone .btn_prev{left:-170px; width:45px; padding-left:55px; background:url(/resources/images/inside/btn_prev.png) left center no-repeat;}
.people .title_zone .btn_zone .btn_prev:hover{background-image:url(/resources/images/inside/btn_prev_on.png)}
.people .title_zone .btn_zone .btn_next{right:-170px; float:right; background:url(/resources/images/inside/btn_next.png) right center  no-repeat;}
.people .title_zone .btn_zone .btn_next:hover{background-image:url(/resources/images/inside/btn_next_on.png)}
.people #contents {padding-bottom:0;}
.people .sec1 {padding:80px 0 80px;}
.people .sec1 .sub_top {margin-bottom:45px; text-align:center;}
.people .sec1 .sub_top .sub_tit {padding-bottom:8px; font-size:20px; color:#ff7424; font-weight:bold; background:url(/resources/images/common/sub_tit_bar.gif) center bottom no-repeat; }
.people .sec1 .sub_top p {margin-top:15px; font-size:32px; color:#242424;}
.slide_wrap{overflow:hidden; width:100%;}
.slide_wrap .slide_view{position:relative; width:780px; height:494px; margin:0 auto;}
.slide_view ul{}
.slide_view ul li{overflow:hidden; position:absolute; left:100%; top:0; width:280px; height:494px; font-size:30px; font-weight:bold; color:#fff; cursor:pointer}
.slide_view ul li:first-child{left:0; width:780px;}
.slide_view ul li .left{position:absolute; left:0; top:0; width:280px; height:100%; background:#ff3366;}
.slide_view ul li .full{width:780px; height:100%;}
.slide_direction{position:relative; width:940px; padding-top:40px; margin:0 auto;}
.slide_control{display:none; position:absolute; left:50%; top:50%; width:300px; margin-top:-5px; margin-left:-150px;}
.slide_control a{display:block; position:absolute; top:0; width:30px; height:30px; background:#fff; font-size:20px; font-weight:bold; color:#000; text-decoration:none; text-align:center; line-height:30px; }
.slide_control a.prev_btn{left:0;}
.slide_control a.next_btn{right:0;}
.slide_pager{width:100%; text-align:center;}
.slide_pager ul{overflow:hidden;}
.slide_pager li{float:left; width:40px; padding-left:0px;}
.slide_pager li:first-child{padding-left:330px; background:none;}
.slide_pager li a{display:block; font-size:16px; color:#646464; text-decoration:none; text-align:center; font-weight:bold; }
.slide_pager li a span{display:block; height:40px; margin-bottom:9px; background:url(/resources/images/inside/pager_default.jpg) center 50% no-repeat;}
.slide_pager li.on a{color:#ff7526;}
.slide_pager li.on a span{background:url(/resources/images/inside/pager_on.jpg) center 50% no-repeat;}
.slide_pager .li1.on a span{background-image:url(/resources/images/inside/pager_on1.jpg);}
.slide_pager .li2.on a span{background-image:url(/resources/images/inside/pager_on2.jpg);}
.slide_pager .world.on a span{background-image:url(/resources/images/inside/pager_on_world.jpg);}
.slide_pager .future2.on a span{background-image:url(/resources/images/inside/pager_on_future.jpg);}
.slide_pager .unite2.on a span{background-image:url(/resources/images/inside/pager_on_unite.jpg);}
.slide_pager .li4.on a span{background-image:url(/resources/images/inside/pager_on4.jpg);}
.slide_pager .li5.on a span{background-image:url(/resources/images/inside/pager_on5.jpg);}
.slide_pager .li6.on a span{background-image:url(/resources/images/inside/pager_on6.jpg);}
.slide_pager .li7.on a span{background-image:url(/resources/images/inside/pager_on7.jpg);}

.slide_counter{position:absolute; right:15px; bottom:15px; font-size:15px; font-weight:bold; text-align:right; color:#fff;}

.people .txt_zone {margin-bottom:50px; padding:55px 0; text-align:center; background:url(/resources/images/inside/people_txtbg.jpg) center center no-repeat;}
.people .txt_zone p {color:#242424; font-size:30px; line-height:40px;}
.people .txt_zone p span {font-weight:bold;}

.people .tab_lst{position:absolute; right:0; top:25px; width:202px; overflow:hidden;}
.people .tab_lst li{float:left;}
.people .tab_lst li.on a{color:#ff7424; font-weight:bold;}
.people .tab_lst li:hover a{color:#ff7424; font-weight:bold;}
.people .tab_lst li:before{content:''; display:inline-block; width:3px; height:23px; vertical-align:top; background:url(/resources/images/inside/people_bu.gif) 0 center no-repeat;}
.people .tab_lst li:first-child:before{content:''; background:none;}
.people .tab_lst li a{display:inline-block; padding:0 10px; font-size:16px; color:#fff;}

/*
.people .section2 {position:relative; z-index:5}
.people .section2 {padding:20px 0 0px; position:relative; height:528px;}
.people .section2 > div{position:absolute; left:20px; top:20px; width:100%; height:528px; background:url(/resources/images/inside/video_bg.png) center center no-repeat;}
.people .section2 > div > span{position:absolute; left:-20px; top:-20px; width:100%; height:528px; background:#000;}
.people .bg {position:absolute; bottom:0; width:100%}
*/
.people .sec3 {padding:60px 0 80px;}
.people .sec3 .inner_section {position:relative;}
.people .sec3 .btn_zone {margin-bottom:40px; padding-bottom:10px; text-align:center; font-weight:bold; color:#ff7424;font-size:20px; background:url(/resources/images/common/bu_bot.gif) center bottom no-repeat;}
.people .people_lst{overflow:hidden;}
.people .people_lst li{float:left; width:220px; margin-left:20px;}
.people .people_lst li:first-child{margin-left:0;}
.people .people_lst li a{display:block; width:168px; height:153px; padding:35px 25px 30px; border:1px solid #c4c4c4;}
.people .people_lst dl{height:150px; background:url(/resources/images/inside/bu_plus.png) right bottom no-repeat;}
.people .people_lst dt{padding-bottom:20px; font-size:20px; font-weight:bold; color:#242424;}
.people .people_lst dd{font-size:16px; color:#646464;}
.people .people_lst li:hover {background:#ff7424;}
.people .people_lst li a:hover{}
.people .people_lst li a:hover dl{background-image:url(/resources/images/inside/bu_plus_on.png);}
.people .people_lst li a:hover dt,.people_lst li a:hover dd{color:#fff;}

