@charset "utf-8";
/* font-family: 'Nanum Gothic', sans-serif; //Nanum+Gothic:400,700,800 */
@import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
/* font-family: 'Noto Sans KR', sans-serif; //Noto+Sans+KR:100,300,400,500,700,900 */
@import url('//fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&subset=korean');

/* font-family: 'Nanum Gothic', sans-serif; 익스플로러 대응 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
}
/* font-family: 'Noto Sans KR', sans-serif; 익스플로러 대응 */
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'Noto Sans KR'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 }

/* font-family: 'Lato', sans-serif; //Lato:100,100i,300,300i,400,400i,700,700i,900,900i */
@import url('//fonts.googleapis.com/css?family=Lato:300,400,700');
/* font-family: 'Open Sans', sans-serif; //Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i */
@import url('//fonts.googleapis.com/css?family=Open+Sans:400,600,700');




/*basic level*/
html, body {margin:0;padding:0}
p,h1,h2,h3,h4,h5,h6,blockquote {margin:0;padding:0;font-size:1.0em;}
em {font-style:normal}
a, a:link, a:active, a:hover {font-style:normal;text-decoration:none;color:#333}
ul, dl, ol {margin:0;padding:0}
li, dd {margin:0;padding:0;list-style:none;}
address {font-style:normal}
table {width:100%}
table, th, td {border:1px solid #333;border-collapse:collapse;border-spacing:0;padding:0;margin:0}
img {border:none;} 
fieldset {border:0;margin:0;padding:0}
input,button {vertical-align:middle}
button, input[type=button] {cursor:pointer}
caption {display:none}
input[type=checkbox], input[type=radio] {margin:3px}

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
dl,ul,ol,li {list-style:none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:12px;line-height:1.5;font-family:'Noto Sans KR','Nanum Gothic',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}
strong,b,em,th,dt,h1,h2,h3,h4,h5,h6 {font-weight:500;}
a {text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}

html,body {height:100%}
.allWrap {width:100%;height:100%;position:relative}
.leftSection {width:200px;height:100%;background:#fff;padding:25px 0 25px 25px;box-sizing:border-box;position:fixed;top:0;left:0;z-index:10;border-right:1px solid #ddd}
.main .leftSection {border-right:none}
.leftSection h1 {text-align:center;margin-top:27px;margin-bottom:0;margin-right:25px}
.bodyCont {width:100%;min-height:100%;padding-left:200px;position:absolute;top:0;left:0;box-sizing:border-box;overflow:hidden;z-index:5;padding-top:20px;padding-left:220px;padding-bottom:60px}
.bodyCont .mainBg {overflow:hidden;height:100%;position:relative}
.main .bodyCont {width:100%;height:100%;padding-left:200px;position:absolute;top:0;left:0;box-sizing:border-box;overflow:hidden;z-index:5;padding-top:0;padding-bottom:0}
.en {font-family:'Lato','Nanum Gothic',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}
strong.en,b.en,em.en,th.en,dt.en,h1.en,h2.en,h3.en,h4.en,h5.en,h6.en, strong .en,b .en,em .en,th .en,dt .en,h1 .en,h2 .en,h3 .en,h4 .en,h5 .en,h6 .en {font-weight:700;}

.bx-wrapper {position:absolute;top:0;left:0;height:100%}
.bx-controls {position:absolute;top:8%;left:30px}
.bx-controls-direction {width:96px}
.bx-prev {width:25px;height:25px;text-indent:-9999px;background:url("../images/btn_prev.png") no-repeat 0 0;display:inline-block;float:left}
.bx-next {width:25px;height:25px;text-indent:-9999px;background:url("../images/btn_next.png") no-repeat 0 0;display:inline-block;float:right;margin-left:10px}
.bx-start {width:25px;height:25px;text-indent:-9999px;background:url("../images/btn_play.png") no-repeat 0 0;display:inline-block;float:left;margin-left:10px}
.bx-stop {width:25px;height:25px;text-indent:-9999px;background:url("../images/btn_stop.png") no-repeat 0 0;display:inline-block;float:left;margin-left:10px}
.bx-start.active {display:none}
.bx-stop.active {display:none}
.mainslider li {height:100%;overflow:hidden;}
.mainText {position:absolute;top:15%;width:100%;padding-right:575px;padding-left:30px;box-sizing:border-box}
.mainText .mainTitle {font-size:44px;color:#fff;line-height:48px;margin-bottom:20px;font-weight:300;}
.mainText .mainTitle .m_br,
.mainText .mainTitle .m_br + br {display:none;}
.mainText .mainTitle strong {display:block;font-weight:700;padding-top:8px;}
.mainText .mainSubTitle {font-size:18px;color:#fff;margin-bottom:50px;font-weight:400;}
.mainText .detailview {width:131px;height:29px;color:#fff;background:url("../images/bg_detailView.png") no-repeat 100% bottom;display:inline-block;padding-bottom:5px;font-size:15px;font-family:'Open Sans';font-weight:400;}

.menuList {padding:23px 0 0 0;}
.menuList > li {position:relative}
.menuList > li.mobile {display:none}
.menuList > li + li {margin-top:38px}
.menuList > li > span,
.menuList > li > a {font-size:16px;color:#888;font-weight:500;display:block;width:100%}
.menuList > li:hover > a {color:#333}
.menuList > li > ul {display:none;position:absolute;top:-5px;left:166px;background:#232327;width:120px;padding:5px 0 30px 0;}
.menuList > li > ul::before {content:'';width:23px;height:11px;background:url("../images/bul_subMenuSection.png") no-repeat 0 0;position:absolute;top:12px;left:-41px}
.menuList > li > ul > li {padding:3px 15px;line-height:18px;box-sizing:border-box;}
.menuList > li > ul > li + li {margin-top:4px;}
.menuList > li > ul > li:hover {background:#3c3c43 url("../images/bul_subMenu.png") no-repeat 0 center;}
.menuList > li > ul > li > a {color:#ddd;font-size:13px;font-weight:400;font-family:'Noto Sans KR';}
.menuList > li > ul > li:hover > a {color:#fff;}
.menuList > li:hover > ul {display:block}
.leftFooter {position:absolute;bottom:0;left:0;width:200px;background:#232327;color:#fff}
.leftFooter dl {padding:40px 20px 60px 20px}
.leftFooter dt {font-size:13px;color:#fff;margin-bottom:10px;font-family:'Lato';font-weight:700;}
.leftFooter dd {line-height:17px;padding:3px 0}
.leftFooter dd a {color:#fff;font-size:12px;font-weight:400;font-family:'Nanum Gothic';opacity:0.7;}

.bodyCnt {position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;padding-left:200px;box-sizing:border-box}
.directMenu {position:fixed;right:0;width:574px;height:100%;border-left:1px solid #9d9a9d}
.directMenu li {height:25%;background:rgba(0,0,0,0.25);display:table;width:100%}
.directMenu li:hover {background:rgba(0,0,0,0.4);}
.directMenu li img {display:none}
.directMenu li + li {border-top:1px solid #9d9a9d}
.directMenu li a {display:table-cell;width:100%;vertical-align:middle;padding:0 30px}
.directMenu li a span:first-child {font-size:38px;color:#fff;display:block;padding-top:40px;font-weight:500;}
.directMenu li a span:last-child {font-size:18px;color:rgba(255,255,255,0.7);display:block;font-weight:400}
.directMenu li a span.company {background:url("../images/ico_directMenu01.png") no-repeat 0 0}
.directMenu li a span.business {background:url("../images/ico_directMenu02.png") no-repeat 0 0}
.directMenu li a span.notice {background:url("../images/ico_directMenu03.png") no-repeat 0 0}
.directMenu li a span.talent {background:url("../images/ico_directMenu04.png") no-repeat 0 0}

.directMenu li:hover:nth-child(1) {background:url("../images/bg_directMenu01.jpg") no-repeat 0 0}
.directMenu li:hover:nth-child(2) {background:url("../images/bg_directMenu02.jpg") no-repeat 0 0}
.directMenu li:hover:nth-child(3) {background:url("../images/bg_directMenu03.jpg") no-repeat 0 0}
.directMenu li:hover:nth-child(4) {background:url("../images/bg_directMenu04.jpg") no-repeat 0 0}

.footerWrap {position:absolute;bottom:0;left: 220px;width:100%;box-sizing:border-box;}
.footerWrap .footer {width:100%;box-sizing:border-box;height: 100%;box-sizing:border-box;padding:30px 0}
.footerWrap .footer .footerItem {line-height:14px;}
.footerWrap .footer .footerItem span {display:inline;color:#666;font-size:12px;font-weight:normal;position:relative;font-family:'Nanum Gothic';}
.footerWrap .footer .footerItem span + span {margin-left:10px}
.footerWrap .footer .footerItem span + span:before {content:'';width:1px;height:8px;position:absolute;top:4px;left:-6px;display:block;background:rgba(255,255,255,0.7)}
.footerWrap .footer .copyright {color:rgba(170,170,170,0.7);font-size:11px;font-family:'Nanum Gothic';padding:8px 0 0 0;}
.main .footerWrap .footer .footerItem span {display:inline;color:rgba(255,255,255,0.7);font-size:12px;font-weight:normal;position:relative}
.main .footerWrap .footer .footerItem span a {color:rgba(255,255,255,0.7);}

.main .footerWrap {position:fixed;bottom:0;left: 0;width:100%;padding-right:575px;box-sizing:border-box;padding-left: 200px;}
.main .footerWrap .footer {padding:30px}
.dim {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5); z-index:15}
.dim.on {display:inline-block;}
.menuListOpen {display:none}
.subCnt {width:1200px; margin: 0 auto;position:relative;padding-top:30px;padding-bottom:60px}
.localNavi {position:absolute;top:0;right:0}
.localNavi li {display:inline-block;font-size:12px;color:#333;position:relative;font-weight:500;}
.localNavi li + li {margin-left:15px;}
.localNavi li + li:before {content:"";display:block;margin-right:7px;width:4px;height:7px;background:url("../images/bg_localNavi.png") no-repeat 0 0;position:absolute;top:6px;left:-11px}
.localNavi li a {color:#999999;font-size:12px;font-weight:300;}
.localNavi li:first-child a {padding-left:14px;background:url("../images/ico_localNavi.png") no-repeat 0 4px;}
.pageTitle {text-align:center;font-size:38px;color:#333333;margin-bottom:20px;font-weight:500}
.pageSubTitle {text-align:center;font-size:20px;color:#666666;line-height:30px;margin-top:-14px;font-weight:400;}
.pageSubTitle .m_br,
.pageSubTitle .pc_br,
.pageSubTitle .m_br + br {display:none;}
.pageSubTitle .pc_br + br {display:inline-block;}
.pageHead {margin-bottom:80px}
.companyGraphicBox {padding: 30px 20px;position:relative;height:465px;margin-bottom:30px;}
.companyGraphic {position:relative}
.companyGraphic span {position:absolute;top:0;left:50%;margin-left:-179px;opacity:0;}
.companyGraphic span:nth-child(1).active {opacity:1;transition:all 0.25s;transition-delay:0.5s}
.companyGraphic span:nth-child(2).active {opacity:1;transition:all 0.25s;transition-delay:1.25s}
.companyGraphic span:nth-child(3).active {opacity:1;transition:all 0.25s;transition-delay:1.75s}
.companyGraphicItem li {position:absolute;top:0;left:0;opacity:0}
.companyGraphicItem li.active {opacity:1;transition:opacity 0.25s;transition-delay:2.25s}
.companyGraphicItem li:nth-child(1) {top:-10px;left: 190px;}
.companyGraphicItem li:nth-child(2) {top:-10px;right: 160px;left:inherit;}
.companyGraphicItem li:nth-child(3) {bottom: 70px;left: 150px;top:inherit;}
.companyGraphicItem li:nth-child(4) {bottom: 60px;right: 160px;left:inherit;top:inherit;}
.companyGraphicItem li:nth-child(odd) {text-align:right}
.companyGraphicItem li .itemTitle {font-size:26px;color:#f78b00;margin-bottom:15px;font-weight:500;}
.companyGraphicItem li .itemTitle span {display:block;font-size:18px;color:#999999;font-weight:300;font-family:'Lato';margin-top:-2px;}
.companyGraphicItem li .itemCnt {font-size:20px;color:#666666;line-height:24px;font-weight:400;}
.st_topborder {border:none;border-top:2px solid #f7a600;margin-bottom:30px}
.st_topborder th {border:none;border-bottom:1px solid #dddddd;background:#f5f5f5;text-align:left;padding:15px 20px;font-size:18px;color:#333;font-weight:400}
.st_topborder td {border:none;border-bottom:1px solid #ddd;padding:15px 20px;font-size:18px;color:#666;font-weight:300}
.st_topborder td strong {color:#333;font-weight:400;}
.st_topborder td + td {border-left:1px solid #ddd}
.historyWrap {padding-top:13.px}
.historyWrap .history {display:table;width:100%}
.historyWrap .history + .history {margin-top:21px}
.historyWrap .history dt {display:table-cell;width:150px;vertical-align:top;font-size:32px;color:#f7a600;font-weight:400;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;font-weight:700;line-height:32px;}
.historyWrap .history dd {display:table-cell;padding:3px 0 20px 0;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;background:url("../images/bg_historyLine.gif") repeat-x 0 bottom}
.historyWrap .history dd li {line-height:22px;}
.historyWrap .history dd li + li {margin-top:24px}
.historyWrap .history dd li span {display:table-cell;font-size:16px;color:#666666;font-weight:400;line-height:22px;vertical-align:top;font-family:'Noto Sans KR',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}
.historyWrap .history dd li span:first-child {padding-right:50px;font-size:20px;font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;vertical-align:top;font-weight:400;color:#333;}
.historyWrap .history.longday dd li span:first-child {width:80px}
.section {margin-bottom:90px}
.section.locate {margin-bottom:44px;}
.sectionTitle {font-size:26px;color:#333;position:relative;padding-left:20px;margin-bottom:20px;font-weight:500;}
.sectionTitle.en {font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;font-weight:700;}
.sectionTitle::before {content:"";width:14px;height:14px;background:url("../images/bul_title.png") no-repeat 0 0;position:absolute;top:13px;left:0}
.sectionSubTitle {font-size:20px;color:#333;padding-left:25px;position:relative;margin-bottom:10px;}
.sectionSubTitle.en {font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;}
.sectionSubTitle span {color:#666;font-weight:300}
.sectionSubTitle span.en {font-family:'Lato',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움",sans-serif;letter-spacing:-1px;}
.sectionSubTitle::before {content:"";width:15px;height:1px;background:#333;position:absolute;top:15px;left:0;}
.ciBox {overflow:hidden;margin-bottom:30px}
.ciBox li {float:left;width:49%}
.ciBox li + li {margin-left:2%}
.ciBox li img {display:block;width:100%}
.btnBox a {padding: 12px 20px 12px 50px;border:1px solid #333;background:url("../images/ico_download.png") no-repeat left 20px center;display:inline-block;font-size:16px;}
.btnBox a + a {margin-left:10px}
.map {border:1px solid #ddd;padding:10px}
.traffic {font-size:0;}
.traffic li {padding-left:80px;display:inline-block;min-height:70px;vertical-align:middle;width:50%;box-sizing:border-box}
.traffic li span {display:block;font-size:18px;color:#333}
.traffic li span:last-child {font-size:16px;color:#666;margin-top:2px;line-height:22px;}
.traffic li.subway {background:url("../images/bg_subway.png") no-repeat 0 0}
.traffic li.bus {background:url("../images/bg_bus.png") no-repeat 0 0}
.traffic li.car {background:url("../images/bg_car.png") no-repeat 0 0}

.business {padding:14px 0 0 0;}
.business li {display:table;width:100%;padding:0;border-top:1px solid #ddd;position:relative}
.business li::before {content:"";width:16.65%;height:2px;background:#666;position:absolute;top:-1px;left:0}
.business li > div {display:table-cell;width:16.65%;vertical-align:middle;position:relative;z-index:1;padding:35px 0;padding-left:30px;text-align:left;}
.business li > div:last-child {width:83.35%;text-align:left;padding-left:20px;}
.business li > div img {display:block;margin-bottom:10px}
.business li > div span {display:block;font-size:18px;color:#555;line-height:26px;font-weight:400;}
.business li > div span span.m_br {display:none;font-size:0;margin:0;line-height:0;}
.business li > div span span.m_br + br {display:none;}
.business li > div img + span {font-size:20px;}
.business li > div a {margin:0px;padding:44px 0 0 0;box-sizing:border-box;height:100%;display:none;font-size:20px;color:#fff;font-family:'Lato';font-weight:700;line-height:27px;text-align:center;position:absolute;left:0;top:0;width:100%;background: rgba(0, 0, 0, 0.7);}
.business li > div:hover a {display:block;}
.business li > div a:after {content:"VIEW";display:block;width:60%;height:40px;line-height:36px;border:2px #fff solid;border-radius:4px;color:#fff;font-size:14px;margin:13px auto 0 auto;}
.recuritStep {margin-top:20px;padding-bottom: 130px;background:url("../images/bg_setpLine.png") no-repeat center bottom;margin-bottom:20px;font-size:0;}
.recuritStep li {width:25%;display:inline-block;padding-top:330px;text-align:center}
.recuritStep li + li {margin-left: 12%;}
.recuritStep li .stepTitle {font-size:26px;color:#333;position:relative;padding-bottom:20px;margin-bottom:20px;font-weight:500;line-height:36px;}
.recuritStep li .stepTitle::after {content:"";width:40px;height:2px;background:#333;position:absolute;bottom:0;left:50%;margin-left:-20px}
.recuritStep li .stepTitle span {display:block;font-size:30px;font-weight:400;}
.recuritStep li .stepCnt {font-size: 18px;color:#666;line-height:26px;letter-spacing:-0.4px;}
.recuritStep li.passion {background:url("../images/img_recruitStep01.png") no-repeat center 0}
.recuritStep li.challenge {background:url("../images/img_recruitStep02.png") no-repeat center 0}
.recuritStep li.communication {background:url("../images/img_recruitStep03.png") no-repeat center 0}
.recruitResult {background:#f7a600;border-radius:60px;padding:20px 0;text-align:center;color:#fff;font-size:24px;font-weight:500;}
.recruitResult br {display:none}
.boardsrh {width:100%;padding:20px;background:#f5f5f5;border:1px solid #ddd;line-height:1;text-align:center;box-sizing:border-box;vertical-align:middle;margin-bottom:30px}
.srhWrap {margin:0 auto;width:50%;overflow:hidden}
.boardsrh select {border:1px solid #ddd;height:34px;box-sizing:border-box;width:26%;float:left}
.boardsrh input {border:1px solid #ddd;height:30px;width:57%;float:left;margin-left:2%}
.boardsrh button {background:#555;color:#fff;border:none;height:32px;box-sizing:border-box;float:left;margin-left:2%;width:12%}
.boardWrap {margin-bottom:30px}
.boardWrap .boardList {border-top:1px solid #333;width:100%}
.boardWrap .boardList li {border-bottom:1px solid #ddd;display:table;width:100%;padding:16px 0;table-layout:fixed;line-height:21px;}
.boardWrap .boardList li > span {display:table-cell;text-align:center;font-size:15px;color:#666}
.boardWrap .boardList li > span:nth-child(1) {width:7%}
.boardWrap .boardList li > span:nth-child(2) {width:68%;text-align:left}
.boardWrap .boardList li > span:nth-child(3) {width:10%}
.boardWrap .boardList li > span:nth-child(4) {width:15%}
.boardWrap .boardList li > span:nth-child(5) {width:10%}
.boardWrap .boardList li > span a {width:100%;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-left:10px}
.boardWrap .boardList li.head {background:#fbfbfb;font-size:16px;color:#333}
.boardWrap .boardList li.head > span {text-align:center}
.btnArea {text-align:right}
.btnArea.center {text-align:center}
.btnArea button {background:#555;color:#fff;padding:10px 40px;font-size:16px;border:none;min-width:150px;}
.btnArea button.ty_cancle {background:#999}
.btnArea button + button {margin-left:10px}
.boardWrap .boardView {border-top:1px solid #333}
.boardWrap .boardView dt {background:#fbfbfb;border-bottom:1px solid #ddd;display:table;width:100%;padding:10px 0}
.boardWrap .boardView dt > .boardTitle {display:table-cell;width:75%;font-size:16px;color:#333;padding-left:30px}
.boardWrap .boardView dt > .boardInfo {display:table-cell;width:25%;;font-size:14px;color:#999;text-align:right;padding-right:30px}
.boardWrap .boardView dd {padding:20px 30px;min-height:200px;border-bottom:1px solid #ddd;color:#666;line-height:25px;}
.boardWrap .boardWrite {border:none;border-top:1px solid #333;table-layout:fixed}
.boardWrap .boardWrite th {background:#f5f5f5;text-align:left;font-size:15px;color:#333;font-weight:400;border:none;border-bottom:1px solid #ddd;padding:10px 10px 10px 20px}
.boardWrap .boardWrite td {border:none;border-bottom:1px solid #ddd;padding:10px 10px 10px 20px}
.boardWrap .boardWrite td input {height:32px;border:1px solid #ddd;box-sizing:border-box}
.boardWrap .boardWrite td input.ty_long {width:80%}
.boardWrap .boardWrite td input.ty_normal {width:40%}
.boardWrap .boardWrite td textarea {width:100%;min-height:250px;border:1px solid #ddd}


@media screen and (max-width: 1540px) {

	.mainText .mainTitle {font-size:40px;line-height:42px;margin-bottom:16px;letter-spacing:-0.4px;}
	.mainText .mainSubTitle {font-size:16px;margin-bottom:40px}

}

@media screen and (max-width: 1460px) {

	.mainText .mainTitle {font-size:38px;line-height:40px;letter-spacing:-0.4px;}

}

@media screen and (max-width: 1425px) {
	.bodyCont {padding-bottom:0;}
	.allWrap {height:inherit}
	.leftSection {width:100%;height:inherit;padding:10px 20px;position:absolute;top:0;left:0;z-index:10;border-right:none;border-bottom:1px solid #ddd}
	.leftSection h1 {margin:0;display:inline-block;width:72px;height:35px;}
	.leftSection h1 img {width:100%}
	.menuListOpen {display:block;position:absolute;top:20px;right:10px;width:21px;height:16px;border:none;background:url("../images/btn_menuListOpen.png") no-repeat 0 0;background-size:100%;text-indent:-99999px}
	.menuList {display:none;width:80%;height:100%;position:fixed;top:0;right:0;background:#fff;padding:0 20px;box-sizing:border-box;padding-bottom:44px;z-index:20}
	.menuList.on {display:block}
	.menuList > li.mobile {border-bottom:none;display:block;}
	.menuList > li.mobile .menuLogo {width:72px;position:absolute;top:20px;left:50%;margin-left:-36px}
	.menuList > li.mobile .menuLogo img {width:100%}
	.menuList > li + li {margin-top:15px}
	.menuList > li .menuListClose {background:url("../images/btn_menuClose.png") no-repeat 0 0;width:18px;height:10px;position:absolute;top:30px;right:10px;background-size:100%;border:none;text-indent:-99999px;transform: rotate(180deg);}
	.menuList > li:nth-child(2) {margin-top:80px}
	.menuList > li {border-bottom:1px solid #ddd;text-align:center;padding-bottom:16px;font-size:15px}
	.menuList > li > span,
	.menuList > li > a {font-size:20px}
	.menuList > li > span + ul,
	.menuList > li > a + ul {margin-top:30px}
	.menuList > li > ul {position:relative;background:#d8d8d8;top:0;left:0;width:100%;padding:15px 0;display:none}
	.menuList > li:hover > ul {display:none}
	.menuList > li > ul.on {display:block;margin-top:16px;margin-bottom:-16px;}
	.menuList > li > ul:before {display:none;margin-top:16px}
	.menuList > li > ul > li > a {color:#333;font-size:18px}
	.menuList > li > ul > li {padding:5px 0}
	.menuList > li > ul > li:hover {background:#333}
	.leftFooter {display:none;width:80%;position:fixed;bottom:0;right:0;left:auto;padding:10px;box-sizing:border-box;z-index:25;font-size:0;text-align:center;}
	.leftFooter.on {display:block}
	.leftFooter dl {padding:0}
	.leftFooter dt {display:none}
	.leftFooter dd {display:inline-block;width:33.33%;padding:0;margin:0;text-align:center;position:relative}
	.leftFooter dd + dd:before {content:'';width:1px;height:10px;background:#fff;position:absolute;top:4px;left:0px;}
	.leftFooter dd:nth-of-type(4) {clear:both;}
	.leftFooter dd:nth-of-type(4):before {display:none;}
	.leftFooter dd:nth-of-type(5) {width:49%;}
	.bodyCont {padding-left:0;padding-top:60px;height:inherit;position:static;left:0;top:0;}
	.main .bodyCont {padding-left:0;padding-top:60px;height:inherit;position:static;left:0;top:0;}
	.bodyCont .mainBg {height:inherit}
	.bx-wrapper {position:relative;height:inherit}
	.bx-wrapper img {width:100%;display:block}
	.bx-controls {left:15px;top:25px}
	.mainText {padding:0 0 0 15px;top:62px;}
	.mainText .mainTitle {font-size:24px;line-height:26px;margin-bottom:10px;}
	.mainText .mainSubTitle {font-size:12px;margin-bottom:15px}
	.mainText .detailview {font-size:12px;width:75px;height:17px;background-size:100%}
	.directMenu {overflow:hidden;border:none;position:relative;width:100%}
	.directMenu li {width:50%;float:left;height:28%;position:relative}
	.directMenu li img {display:block;width:100%}
	.directMenu li + li {border:none}
	.directMenu li a {display:block;position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;padding-top:21.3%;}
	.directMenu li a span:first-child {font-size:27px;line-height:37px;padding:0px;background-position:0 50%;background-size:auto 28px;margin-top:-32px;padding-left:38px;}
	.directMenu li a span:last-child {font-size:17px;line-height:27px;}
	.directMenu li:nth-of-type(3) a span:first-child {padding-left:48px;}
	.footerWrap {position:static;width: calc(100% - 40px);padding:0;left:0px;margin:0 auto;}
	.main .footerWrap {position:relative;width:100%;padding:0}
	.footerWrap .footer {height:inherit}
	.footerWrap .footer .footerItem {margin-bottom:10px}
	.footerWrap .footer .footerItem span {color:#666;}
	.footerWrap .footer .footerItem span + span:before {background:#666;top:4px}
	.main .footerWrap .footer .footerItem span,
	.main .footerWrap .footer .footerItem span a{color:#666;}
	.subCnt {width:100%;box-sizing:border-box;padding:0 0px}
	.localNavi {display:none}
	.pageTitle {font-size:24px}
	.pageSubTitle {font-size:14px;margin-bottom:30px;line-height:20px;}
	.companyGraphicBox {height:inherit}
	.companyGraphic span:last-child {position:relative}
	.companyGraphicItem {position:relative}
	.companyGraphicItem li {text-align:center}
	.companyGraphicItem li:nth-child(odd) {text-align:center}
	.companyGraphicItem li + li {margin-top:30px}
	.companyGraphicItem li:nth-child(1) {position:relative;top:0;left:0}
	.companyGraphicItem li:nth-child(2) {position:relative;top:0;left:0}
	.companyGraphicItem li:nth-child(3) {position:relative;top:0;left:0}
	.companyGraphicItem li:nth-child(4) {position:relative;top:0;left:0}
	.st_topborder colgroup col:first-child {width:25%}
	.st_topborder th {font-size:13px;padding:15px}
	.st_topborder td {font-size:13px}
	.historyWrap {padding:0 20px}
	.historyWrap .history dt {font-size:22px;width:100px}
	.historyWrap .history dd li span:first-child {font-size:13px;padding-right:25px}
	.historyWrap .history dd li span {font-size:13px}
	.companyGraphicItem li .itemTitle {font-size:24px;}
	.companyGraphicItem li .itemTitle span {font-size:16px}
	.companyGraphicItem li .itemCnt {font-size:14px;line-height:18px}
	.pageHead {margin-top:20px;margin-bottom:40px;padding:0 20px}
	.section {padding:0 20px;margin-bottom:40px;}
	.sectionTitle {font-size:18px}
	.sectionTitle::before {top:5px}
	.sectionSubTitle {font-size:13px}
	.sectionSubTitle::before {top:10px}
	.btnBox {overflow:hidden}
	.btnBox a {font-size:11px;width:49%;float:left;box-sizing:border-box}
	.btnBox a + a {margin-left:2%}
	.traffic li {display:block;width:100%}
	.traffic li + li {margin-top:15px}
	.traffic li span:last-child br {display:none}
	.business li {padding:0 20px;box-sizing:border-box}
	.business li::before {width:70%;left:15%}
	.business li > div {padding:35px 0 0px 0px;display:block;width:100%;text-align:center;}
	.business li > div a:after {display:none !important;}
	.business li > div > img {display:inline-block;}
	.business li > div span {font-size:14px;line-height:20px;}
	.business li > div span span.m_br {display:none;}
	.business li > div span span.m_br + br {display:none;}
	.business li > div > img + span {font-size:18px;}
	.business li > div:last-child {width:100%;padding:14px 20px 35px;text-align:center;box-sizing:border-box;}
	.recuritStep li {display:block;width:100%;padding-top:160px}
	.recuritStep li + li {margin-left: 0%;margin-top:20px}
	.recuritStep li.passion {background:url("../images/img_recruitStep01.png") no-repeat center 0;background-size:150px}
	.recuritStep li.challenge {background:url("../images/img_recruitStep02.png") no-repeat center 0;background-size:150px}
	.recuritStep li.communication {background:url("../images/img_recruitStep03.png") no-repeat center 0;background-size:150px}
	.recuritStep {background:url("../images/bg_setpLine_mo.png") no-repeat center bottom}
	.recuritStep li .stepTitle {font-size:18px;}
	.recuritStep li .stepCnt {font-size: 13px; line-height:15px}
	.recruitResult {font-size:15px}
	.recruitResult br {display:block}
	.srhWrap {width:100%} 
	.btnArea {text-align:Center;}
	.boardWrap .boardList li > span:nth-child(1) {width:15%}
	.boardWrap .boardList li > span:nth-child(2) {width:85%;}
	.boardWrap .boardList li > span:nth-child(3) {display:none}
	.boardWrap .boardList li > span:nth-child(4) {display:none}
	.boardWrap .boardList li > span:nth-child(5) {display:None}
	.boardWrap .boardView dt > .boardTitle {font-size:14px;width:70%}
	.boardWrap .boardView dt > .boardInfo {font-size:12px;width:30%}
	.boardWrap .boardWrite colgroup col:first-child {width:30%}
	.boardWrap .boardWrite th {font-size:13px}
	.boardWrap .boardWrite td {font-size:13px}



	.bx-wrapper .bx-viewport {height:auto !important;}

	.mainslider li img {margin-left:-4%;margin-top:-2%;width:118%;height:auto;}
	.bx-wrapper {height:0;padding:0 0 56% 0;}

}

@media screen and (max-width: 1024px) {

	.mainslider li img {margin-left:-4%;margin-top:-2%;width:118%;height:auto;}
	.bx-wrapper {height:0;padding:0 0 56% 0;}

	.directMenu li a {}
	.directMenu li a span:first-child {font-size:24px;line-height:34px;padding:0px;background-position:0 50%;background-size:auto 24px;margin-top:-28px;padding-left:34px;}
	.directMenu li a span:last-child {font-size:12px;line-height:22px;}
	.directMenu li:nth-of-type(3) a span:first-child {padding-left:44px;}

	.business li > div:hover a {background:none;font-size:0;}

}
@media screen and (max-width: 720px) {
	
	.mainslider li img {margin-left:-4%;margin-top:-2%;width:128%;height:auto;}
	.bx-wrapper {height:0;padding:0 0 65% 0;}
	
	.directMenu li {float:none;width:100%}
	.ciBox li {float:none;width:100%}
	.ciBox li + li {margin-left:0%;margin-top:30px}
	.boardsrh {padding:10px}
	.boardsrh button {font-size:12px}
	.boardWrap .boardWrite th {padding:10px 10px 10px 10px}
	.boardWrap .boardWrite td {padding:10px 10px 10px 10px}
	.boardWrap .boardView dt > .boardTitle {font-size:14px;width:100%;display:block;float:none}
	.boardWrap .boardView dt > .boardInfo {font-size:12px;width:100%;display:block;float:none}

	.business li > div span span.m_br + br {display:inline-block;}

	.pageSubTitle .m_br,
	.pageSubTitle .pc_br,
	.pageSubTitle .pc_br + br {display:none;}
	.pageSubTitle .m_br + br {display:inline-block;}

	.mainText .mainTitle .m_br + br {display:inline-block}

}

@media screen and (max-width: 375px) {
	
	.mainslider li img {margin-left:-15%;margin-top:-5%;width:172%;height:auto;}
	.bx-wrapper {height:0;padding:0 0 85% 0;}
	.business li > div:last-child {padding-left:20px;padding-right:20px;}
	.business li + li > div:last-child {padding-left:20px;padding-right:20px;}
	.business li + li + li > div:last-child {padding-left:20px;padding-right:20px;}
	.business li + li + li + li > div:last-child {padding-left:20px;padding-right:20px;}

}