@charset "utf-8";

/********************************************* Reset ***************************************************/
 html,body,div,a,ul,li,span,h1,h2,p{margin:0;padding:0;font-family:'Noto Sans KR',sans-serif}
 a{text-decoration:none}
 li{list-style:none}
/*******************************************************************************************************/

/********************************************* Layout **************************************************/
.wrap{position:absolute;top:0;left:0;right:0;bottom:0}
.wrap .header{position:fixed;top:0;left:0;z-index:9;width:100%;height:150px}
.wrap .header h1{position:absolute;top:45px;left:45px;width:169px;height:48px;background:url(/assets/images/common/logo.svg) 0 0 no-repeat;background-size:169px auto;font-size:0}
.wrap .header .btn-menu{position:absolute;top:45px;right:45px;z-index:9999;width:48px;height:48px;background:#000;box-sizing:border-box}
.wrap .header .btn-menu:before{content:'';position:absolute;top:12px;left:12px;width:25px;height:3px;background:#fff}
.wrap .header .btn-menu:after{content:'';position:absolute;top:32px;left:12px;width:25px;height:3px;background:#fff}
.wrap .header .btn-menu>span{position:absolute;top:22px;left:12px;width:25px;height:3px;background:#fff;font-size:0}
/*******************************************************************************************************/

/********************************************* Main ****************************************************/
.fullpage-wrapper .section .fp-tableCell{display:flex;justify-content:center;align-items:center;flex:1 auto;padding:100px;box-sizing:border-box}
.fullpage-wrapper .section:nth-child(1) .fp-tableCell p{font-size:70px;font-weight:700}
.fullpage-wrapper .section .swiper-pointer-events.swiper-vertical{width:100%;height:340px}

.fullpage-wrapper .section[id*="section0"]{background:#fff}
.fullpage-wrapper .section[id*="section1"]{display:flex;background:#fff}
.fullpage-wrapper .section[id*="section2"]{background:#fff}
.fullpage-wrapper .section[id*="section3"]{background:#fff}
.fullpage-wrapper .section[id*="section3"] .box-group{margin-top:-75px}

.copyright{position:absolute;left:0;bottom:0;width:100%;height:100px;background:#eee}
.copyright .logo{position:absolute;top:calc(50% - 21px);left:45px;width:139px;height:48px;background:url(/assets/images/common/logo.svg) 0 0 no-repeat;background-size:139px auto;font-size:0;opacity:.5}
.copyright p{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}
.copyright span{font-size:14px;font-weight:300;line-height:1.6;white-space:nowrap}


/* Arrow */
span.arrow{position:fixed;left:calc(50% - 10px);bottom:15px;z-index:99;width:12px;height:12px;border-style:solid;border-width:0 2px 2px 0;border-color:#000;transform:rotateZ(45deg);font-size:0}
body.fp-viewing-Recruit span.arrow{display:none}
/*******************************************************************************************************/

/********************************************* Menu ****************************************************/
.wrap-menu{display:flex;justify-content:flex-end;overflow:hidden;position:absolute;top:0;right:0;z-index:100;width:0;height:100%;transition:.3s ease}
.wrap-menu.on{width:100%;background:rgba(0,0,0,.5)}
.wrap-menu .box-menu{display:inline-flex;width:50%;height:100%;padding:150px 100px;background:#fff;box-sizing:border-box}
.wrap-menu .box-menu li{height:150px}
.wrap-menu .box-menu a{font-size:65px;font-weight:100;color:#000}
.wrap-menu .box-menu a.btn-close{display:flex;justify-content:center;align-items:center;position:absolute;top:45px;right:45px;width:45px;height:45px;background:#000;font-size:0}
.wrap-menu .box-menu a.btn-close:before{content:'';position:absolute;width:30px;height:1px;background:#fff;transform:rotateZ(45deg)}
.wrap-menu .box-menu a.btn-close:after{content:'';position:absolute;width:30px;height:1px;background:#fff;transform:rotateZ(-45deg)}
/*******************************************************************************************************/

/********************************************* Box *****************************************************/
.box-group{display:flex;flex-flow:column nowrap;width:1200px}
.box-tit{display:flex;align-items:center;min-height:100px;height:100px}
.box-tit h2{font-size:50px;line-height:1}
.box-group.work{height:500px}
.box-group.work .box-content{flex:1 auto}
.box-group.work ul{display:grid;grid-template-columns:repeat(4,1fr);gap:35px;padding-right:35px;box-sizing:border-box}
.box-group.work ul li{display:flex;flex-direction:column;position:relative;height:340px;padding:20px;border-radius:5px;background:#eee;box-sizing:border-box}
.box-group.work ul li.shinhan{background:#00337f}
.box-group.work ul li.low{background:#004e97}
.box-group.work ul li.sea{background:#043763}
.box-group.work ul li.hanabank{background:linear-gradient(to bottom, rgba(0,151,147,.94) ,#009591)}
.box-group.work ul li.keti{background:linear-gradient(to bottom, #125095, #b7cb20, #008cc9)}
.box-group.work ul li.ok{background:#e94609}
.box-group.work ul li.hi{background:#ff8b00}
.box-group.work ul li.bnk{background:#d61820}
.box-group.work ul li.heungkuk{background:#e4007f}
.box-group.work ul li span{display:flex}
.box-group.work ul li span.date{align-items:center;position:absolute;top:25px;right:-2px;height:35px;padding:0 10px;border-radius:5px 0 0 5px;background:#fff;font-size:15px;font-weight:600;font-style:italic;color:#000}
.box-group.work ul li span.company{font-size:15px;color:#fff;line-height:2}
.box-group.work ul li span.name{margin-top:auto;font-size:30px;font-weight:600;color:#eee;line-height:1.1;word-break:keep-all}
.box-group.about p{margin-top:0;padding-left:60px;font-size:40px;font-weight:100;color:#555}
/*******************************************************************************************************/