@charset "utf-8";

/*
Title : content.css
Author : LKICT euniya.H
*/
@font-face{font-family:'Spoqa Han Sans Neo';font-weight:700;src:local('Spoqa Han Sans Neo Bold'),url('../font/SpoqaHanSansNeo-Bold.woff2') format('woff2'),url('../font/SpoqaHanSansNeo-Bold.woff') format('woff'),url('../font/SpoqaHanSansNeo-Bold.ttf') format('truetype')}@font-face{font-family:'Spoqa Han Sans Neo';font-weight:500;src:local('Spoqa Han Sans Neo Medium'),url('../font/SpoqaHanSansNeo-Medium.woff2') format('woff2'),url('../font/SpoqaHanSansNeo-Medium.woff') format('woff'),url('../font/SpoqaHanSansNeo-Medium.ttf') format('truetype')}@font-face{font-family:'Spoqa Han Sans Neo';font-weight:400;src:local('Spoqa Han Sans Neo Regular'),url('../font/SpoqaHanSansNeo-Regular.woff2') format('woff2'),url('../font/SpoqaHanSansNeo-Regular.woff') format('woff'),url('../font/SpoqaHanSansNeo-Regular.ttf') format('truetype')}@font-face{font-family:'Spoqa Han Sans Neo';font-weight:300;src:local('Spoqa Han Sans Neo Light'),url('../font/SpoqaHanSansNeo-Light.woff2') format('woff2'),url('../font/SpoqaHanSansNeo-Light.woff') format('woff'),url('../font/SpoqaHanSansNeo-Light.ttf') format('truetype')}@font-face{font-family:'Spoqa Han Sans Neo';font-weight:100;src:local('Spoqa Han Sans Neo Thin'),url('../font/SpoqaHanSansNeo-Thin.woff2') format('woff2'),url('../font/SpoqaHanSansNeo-Thin.woff') format('woff'),url('../font/SpoqaHanSansNeo-Thin.ttf') format('truetype')}

/* ========== R E S E T ========== */
/* default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-family:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

h1, h2, h3, h4, h5, h6{font-weight:normal}

body{background:#fff;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none}
ol, ul{list-style:none}
em{font-style:normal}

/* form */
form{-webkit-appearance:none;-moz-appearance:none;appearance:none}
fieldset{border:0 solid transparent}
img, input, button, select, textarea{padding:0;margin:0;vertical-align:middle}
button{border:0;outline:none;background:transparent;cursor:pointer;overflow:visible}
button::-moz-focus-inner,
input::-moz-focus-inner{border:0;padding:0;margin:0}

button,
input[type="button"],
input[type="reset"],
input[type="submit"]{-webkit-appearance:button;-moz-appearance:button;appearance:button;cursor:pointer}

input[type="date"],
input[type="month"],
input[type="datetime-local"]{display:-webkit-inline-flex;display:block}

input[type="radio"],
input[type="checkbox"]{border:0}

textarea, input, select{border-radius:0;background:#fff;box-shadow:none;text-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
a{color:inherit;text-decoration:none}

/* table */
table{border-collapse:collapse;border-spacing:0}
caption, th, td{font-weight:normal}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none}
blockquote, q{quotes:none}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, main, nav, section {
	display: block;
}

/* ========== C O M M O N ========== */
*{padding:0;margin:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
::before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
::after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

html, body{width:100%;height:100%;-webkit-overflow-scrolling:touch}
body{position:relative;font-family:'Spoqa Han Sans Neo', sans-serif;font-size:14px;line-height:1.4;font-weight:400;color:#3D3935;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);background:#fff}
button, textarea, input, select{font-family:'Spoqa Han Sans Neo', sans-serif;font-size:14px;font-weight:400;color:#3D3935}
.blind{position:absolute;top:-9999em;left:-9999em;display:block;width:1px;height:1px}

/* select */
select::-ms-expand{display:none}
select:focus{outline:none}
select{width:100%;height:40px;padding:0 24px 0 8px;border:1px solid #3D3935;background:#fff url(../images/ico-dropdown.png) no-repeat right 8px center;background-size:16px 16px}
select>option{color:#3D3935}

/* ========== C O N T E N T ========== */
/* layout */
.col-1{flex:0 0 auto;width:calc((100% / 12) * 1)}
.col-2{flex:0 0 auto;width:calc((100% / 12) * 2)}
.col-3{flex:0 0 auto;width:calc((100% / 12) * 3)}
.col-4{flex:0 0 auto;width:calc((100% / 12) * 4)}
.col-5{flex:0 0 auto;width:calc((100% / 12) * 5)}
.col-6{flex:0 0 auto;width:calc((100% / 12) * 6)}
.col-7{flex:0 0 auto;width:calc((100% / 12) * 7)}
.col-8{flex:0 0 auto;width:calc((100% / 12) * 8)}
.col-9{flex:0 0 auto;width:calc((100% / 12) * 9)}
.col-10{flex:0 0 auto;width:calc((100% / 12) * 10)}
.col-11{flex:0 0 auto;width:calc((100% / 12) * 11)}
.col-12{flex:0 0 auto;width:calc((100% / 12) * 12)}

@media (min-width:768px){
	.col-md-1{flex:0 0 auto;width:calc((100% / 12) * 1)}
	.col-md-2{flex:0 0 auto;width:calc((100% / 12) * 2)}
	.col-md-3{flex:0 0 auto;width:calc((100% / 12) * 3)}
	.col-md-4{flex:0 0 auto;width:calc((100% / 12) * 4)}
	.col-md-5{flex:0 0 auto;width:calc((100% / 12) * 5)}
	.col-md-6{flex:0 0 auto;width:calc((100% / 12) * 6)}
	.col-md-7{flex:0 0 auto;width:calc((100% / 12) * 7)}
	.col-md-8{flex:0 0 auto;width:calc((100% / 12) * 8)}
	.col-md-9{flex:0 0 auto;width:calc((100% / 12) * 9)}
	.col-md-10{flex:0 0 auto;width:calc((100% / 12) * 10)}
	.col-md-11{flex:0 0 auto;width:calc((100% / 12) * 11)}
	.col-md-12{flex:0 0 auto;width:calc((100% / 12) * 12)}
}

@media (min-width:1400px){
	.col-xxl-1{flex:0 0 auto;width:calc((100% / 12) * 1)}
	.col-xxl-2{flex:0 0 auto;width:calc((100% / 12) * 2)}
	.col-xxl-2-4{flex:0 0 auto;width:calc((100% / 12) * 2.4)}
	.col-xxl-3{flex:0 0 auto;width:calc((100% / 12) * 3)}
	.col-xxl-4{flex:0 0 auto;width:calc((100% / 12) * 4)}
	.col-xxl-5{flex:0 0 auto;width:calc((100% / 12) * 5)}
	.col-xxl-6{flex:0 0 auto;width:calc((100% / 12) * 6)}
	.col-xxl-7{flex:0 0 auto;width:calc((100% / 12) * 7)}
	.col-xxl-8{flex:0 0 auto;width:calc((100% / 12) * 8)}
	.col-xxl-9{flex:0 0 auto;width:calc((100% / 12) * 9)}
	.col-xxl-10{flex:0 0 auto;width:calc((100% / 12) * 10)}
	.col-xxl-11{flex:0 0 auto;width:calc((100% / 12) * 11)}
	.col-xxl-12{flex:0 0 auto;width:calc((100% / 12) * 12)}
}

/* body */
body.work{background-color:#3D3935}
	
/* main */
.back{width:100%;height:100%;position:fixed;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:-1}
.dim::after{content:'';position:absolute;left:0;right:0;bottom:0;top:0;background:#3D3935;opacity:0.8}
.back .main-img{width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(../images/bg-main-m.jpg);background-size:cover;background-attachment:fixed}

header.main{width:100%;height:100vh;position:relative;overflow:hidden;text-align:center}
header.main h1{width:100%;height:80px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}
header.main h1 span{width:100%;height:80px;position:absolute;top:0;opacity:0;left:0;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}
header.main h1 span.logotype{width:100%;height:80px;text-indent:-9999em;background:url(../images/logotype-main.svg) no-repeat center center;background-size:auto 29px}
header.main h1 span.symbol{width:100%;height:80px;text-indent:-9999em;background:url(../images/symbol-main.svg) no-repeat center center;background-size:auto 80px}

.intro-scroll{position:absolute;bottom:120px;width:200px;margin:auto;display:block;cursor:pointer;padding-bottom:0;left:0;right:0}
.intro-scroll .chevron-bottom{display:block;height:30px;background:url(../images/chevron-bottom.png) no-repeat center center;background-size:24px 15px;-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}

@-webkit-keyframes pulse {
	0% {-webkit-transform:translate(0, 0);transform:translate(0, 0)}
	50% {-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}
	100% {-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}

@keyframes pulse {
	0% {-webkit-transform:translate(0, 0);transform:translate(0, 0)}
	50% {-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}
	100% {-webkit-transform:translate(0, 0);transform:translate(0, 0)}
}

.more{position:relative;padding:0 0 5px 5px}
.more a{position:relative;display:block;height:40px;border-radius:4px;border:1px solid #3D3935;text-indent:-9999em;background:#FFF url(../images/ico-more.png) no-repeat center center;background-size:auto 24px;box-shadow:-5px 5px 0 #3D3935}
.more a:hover{top:-2px;box-shadow:-5px 7px 0 #3D3935}
.more a:active{left:-5px;top:0;box-shadow:0px 0px 0 #3D3935}

/* profile */
.pcfoot{display:none}
.section-profile{padding:60px 24px 116px 24px;background-color:#3D3935}
.section-profile .greeting{font-size:32px;color:#FEDD00;font-weight:700}
.section-profile h2.title{font-size:20px;color:#fff;letter-spacing:4px;margin-top:40px;padding-bottom:3px;border-bottom:3px solid #fff}
.section-profile .introduce{margin-top:15px}
.section-profile .introduce p{font-size:13px;color:#fff;font-weight:100}
.section-profile .introduce p:not(:first-child){margin-top:10px}
.section-profile .menu{margin-top:30px}
.section-profile .menu li{height:24px}
.section-profile .menu li:not(:first-child){margin-top:10px}
.section-profile .menu li a{display:inline-block;height:24px;line-height:24px;padding:0 16px;text-align:center;font-size:13px;color:#FEDD00;border-radius:12px;border:1px solid #FEDD00;box-shadow:4px 4px 4px #292724}

/* skills */
.section-skills{padding-left:20px;background-color:#3D3935}
.section-skills .inner{position:relative;padding:40px 20px 45px 20px;background-color:#fff}
.section-skills h2.title{position:absolute;left:-20px;top:0;font-size:20px;font-weight:700;letter-spacing:4px;padding:40px 40px 3px 40px;border-bottom:3px solid #000}
.section-skills .list{padding:60px 0 20px 0}
.section-skills h3{font-size:16px;font-weight:700;color:#004C87}
.section-skills h3:not(:first-child){margin-top:20px}
.section-skills h3::before{content:'';display:inline-block;width:40px;height:1px;margin-right:20px;vertical-align:middle;background-color:#E0E0E0}
.section-skills ul{margin-top:10px}
.section-skills li{font-size:13px}

/* experience */
.section-experience{background-color:#3D3935}
.section-experience .inner{position:relative;padding:70px 30px 40px 20px}
.section-experience .inner::after{position:absolute;top:40px;right:0;content:'';display:block;width:320px;height:320px;border:10px solid #FEDD00;z-index:1}
.section-experience .wrap{position:relative;padding:40px 20px 45px 20px;background-color:rgba(255, 255, 255, 0.9);z-index:2}
.section-experience h2.title{position:absolute;left:-20px;top:0;font-size:20px;font-weight:700;letter-spacing:4px;padding:40px 40px 3px 40px;border-bottom:3px solid #000}
.section-experience .list{padding:60px 0 20px 0}
.section-experience h3{font-size:14px;font-weight:700;color:#F77B3D}
.section-experience h3:not(:first-child){margin-top:20px}
.section-experience ul{margin-top:5px}
.section-experience li.period{font-size:12px;color:#797674}
.section-experience li.project{font-size:13px}
.section-experience li:not(:first-child){margin-top:3px}

/* withus */
.section-withus{background-color:#3D3935}
.section-withus .inner{position:relative;padding:40px 20px 45px 20px;background-color:#fff}
.section-withus h2.title{position:absolute;left:0;top:0;font-size:20px;font-weight:700;letter-spacing:4px;padding:40px 40px 3px 40px;border-bottom:3px solid #000}
.section-withus .list{padding:60px 0 20px 0}
.section-withus .list>div:not(:first-child){margin-top:20px}
.section-withus .list>div{display:flex;align-items:center}
.section-withus .list .role1::before{content:'';display:inline-block;width:50px;height:50px;border-radius:100%;margin-right:10px;background:#004C87 url(../images/ico-role1.png) no-repeat center center;background-size:auto 20px}
.section-withus .list .role2::before{content:'';display:inline-block;width:50px;height:50px;border-radius:100%;margin-right:10px;background:#004C87 url(../images/ico-role2.png) no-repeat center center;background-size:auto 20px}
.section-withus .list .role3::before{content:'';display:inline-block;width:50px;height:50px;border-radius:100%;margin-right:10px;background:#004C87 url(../images/ico-role3.png) no-repeat center center;background-size:auto 20px}
.section-withus .list .role4::before{content:'';display:inline-block;width:50px;height:50px;border-radius:100%;margin-right:10px;background:#004C87 url(../images/ico-role4.png) no-repeat center center;background-size:auto 20px}
.section-withus .list h3{font-size:14px;font-weight:700;color:#004C87}
.section-withus .list p{font-size:13px;margin-top:5px}

/* footer */
footer{padding:40px 50px;background-color:#3D3935}
footer address{font-style:normal}
footer li{font-size:12px;color:#fff;font-weight:100}
footer li:not(:first-child){margin-top:10px}
footer li.addr{padding-left:26px;background:url(../images/ico-addr.png) no-repeat center left;background-size:16px auto}
footer li.tel{padding-left:26px;background:url(../images/ico-tel.png) no-repeat center left;background-size:16px auto}
footer li.fax{padding-left:26px;background:url(../images/ico-fax.png) no-repeat center left;background-size:16px auto}
footer li.mail{padding-left:26px;background:url(../images/ico-mail.png) no-repeat center left;background-size:16px auto}
footer .copyright{font-size:12px;color:#797674;font-weight:100;margin-top:30px}
footer button{font-size:12px;color:#fff;font-weight:100;text-align:left}

/* content */
.subcontent2{background-color:#3D3935}
.subtop{position:fixed;width:100%;height:92px;background-color:#fff;z-index:10}
.subtop2{position:fixed;width:100%;height:95px;z-index:10}

.subtop header.sub{display:flex}
.subtop header.sub a.prev{flex:none;display:inline-block;width:40px;height:40px;text-indent:-9999em;margin-right:16px;background:#FEDD00 url(../images/ico-prev.png) no-repeat center center;background-size:21px 10px}
.subtop header.sub h1{width:100%;height:40px;text-indent:-9999em;background:url(../images/logotype-main2.svg) no-repeat left center;background-size:auto 18px}
.subtop header.sub h1 a{display:block;line-height:40px}

.subtop2 header.sub{display:flex;align-items:center;background-color:#fff}
.subtop2 header.sub a.prev{flex:none;display:inline-block;width:40px;height:40px;text-indent:-9999em;margin-right:16px;background:#FEDD00 url(../images/ico-prev.png) no-repeat center center;background-size:21px 10px}
.subtop2 header.sub h1{width:100%;height:40px}
.subtop2 header.sub h1 a{display:inline-block;height:40px;text-indent:100%;overflow:hidden;background:url(../images/logotype-main2.svg) no-repeat left center;background-size:auto 18px}

.filter-group{display:none}
.m-filter-group{height:55px;padding:10px 10px 5px 10px;background-color:#3D3935}
.m-filter-group select{border:none}

nav{margin-top:10px}
nav ul{display:flex;align-items:center}
nav ul li{width:calc(100% / 4);height:42px;text-align:center}
nav ul li h2{height:100%;font-size:16px;color:#000;font-weight:700}
nav ul li h2 a{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-bottom:3px solid #000}
nav ul li.on a{border-color:#FEDD00}
nav ul li span.tooltip{display:none}

/* history */
.history{padding:116px 24px 24px 24px}
.history h3{font-size:20px;color:#3D3935;font-weight:700;font-style:italic}
.history ul.ylist{position:relative;padding:10px 0 0 32px;z-index:0}
.history ul.ylist::before{content:'';display:block;position:absolute;top:0;left:45px;width:1px;height:100%;background-color:#E0E0E0;z-index:-2}
.history ul.ylist>li{display:flex;padding-bottom:10px;z-index:-1}
.history ul.mlist{flex:1;margin:4px 0 0 10px}
.history ul.mlist>li{letter-spacing:-1px;padding-left:14px;margin-bottom:4px;background:url(../images/bullet.png) no-repeat left top 7px;background-size:4px 4px}
.history ul.mlist>li:last-child{margin-bottom:0}
.history span.month{display:flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:100%;font-size:13px;font-weight:700;color:#fff;background:#3D3935}

/* benefits */
.benefits{display:flex;flex-wrap:wrap;padding:116px 0 24px 0;margin:0 20px}
.benefits .inner{margin:0 4px;padding:12px;border:1px solid #E0E0E0}
.benefits>div:nth-child(1)>.inner,
.benefits>div:nth-child(2)>.inner{height:174px}
.benefits>div:nth-child(3)>.inner,
.benefits>div:nth-child(4)>.inner,
.benefits>div:nth-child(7)>.inner,
.benefits>div:nth-child(8)>.inner{height:160px}
.benefits>div:nth-child(n+3)>.inner{margin-top:8px}
.benefits .inner h3{font-size:14px;font-weight:700;margin-top:50px}
.benefits .inner ul{margin-top:5px}
.benefits .inner li{font-size:13px;padding-left:7px;background:url(../images/bullet2.png) no-repeat left top 7px;background-size:3px 3px}
.benefits .bf1{background:url(../images/ico-bf1.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf1 li span{display:block}
.benefits .bf2{background:url(../images/ico-bf2.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf3{background:url(../images/ico-bf3.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf4{background:url(../images/ico-bf4.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf5{background:url(../images/ico-bf5.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf6{background:url(../images/ico-bf6.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf7{background:url(../images/ico-bf7.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf8{background:url(../images/ico-bf8.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf9{background:url(../images/ico-bf9.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf10{background:url(../images/ico-bf10.png) no-repeat 12px 16px;background-size:auto 40px}
.benefits .bf11{background:url(../images/ico-bf11.png) no-repeat 12px 16px;background-size:auto 40px}

/* recruit */
.recruit{padding:0 24px 24px 24px}
.recruit .blank{height:116px}
.recruit .employment{position:relative;padding:0 0 5px 5px}
.recruit .employment a{position:relative;display:flex;align-items:center;justify-content:center;height:40px;border-radius:4px;border:1px solid #3D3935;box-shadow:-5px 5px 0 #3D3935}
.recruit .employment a span{font-weight:700;padding-right:32px;background:#FFF url(../images/ico-more.png) no-repeat right center;background-size:auto 24px}
.recruit .employment a:hover{top:-2px;box-shadow:-5px 7px 0 #3D3935}
.recruit .employment a:active{left:-5px;top:0;box-shadow:0px 0px 0 #3D3935}
.recruit h3{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:100%;text-align:center;font-size:16px;font-weight:700}
.recruit h3.type1{font-size:14px;font-weight:700;color:#fff;line-height:120%;background-color:#004C87}
.recruit .occasional{margin-top:20px}
.recruit .occasional>div:first-child{display:flex;align-items:center;margin-bottom:24px}
.recruit .occasional>div:first-child h3{flex:none}
.recruit .occasional>div:first-child span{font-size:12px;font-weight:300;color:#797674;margin-left:10px}
.recruit .occasional>div:nth-child(n+3){margin-top:24px;padding-top:24px;border-top:1px solid #E0E0E0}
.recruit .role{display:flex;align-items:center;justify-content:space-between}
.recruit .role h4{font-size:16px;font-weight:700;color:#004C87}
.recruit .role span.apply a{position:relative;display:block;width:140px;height:30px;line-height:30px;font-weight:700;text-align:center;border:1px solid #3D3935;background-color:#fff;overflow:hidden}
.recruit .role span.apply a span{display:inline-block;width:100%;height:100%;-webkit-transition:all 0.3s;transition:all 0.3s}
.recruit .role span.apply a::before{content:'';position:absolute;left:0;top:-100%;width:100%;height:100%;background:#fff url(../images/ico-mail2.png) no-repeat center center;background-size:24px 18px;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.recruit .role span.apply a::after{content:'';position:absolute;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:-1}
.recruit .role span.apply a:hover::before{top:0}
.recruit .role span.apply a:hover span{-webkit-transform:translateY(200%);transform:translateY(200%)}
.recruit .condition{display:flex;flex-wrap:wrap;margin-top:24px}
.recruit .condition>div:not(:nth-child(1))>.inner{margin-top:16px}
.recruit .condition dt{clear:left;float:left;width:94px;display:block;font-weight:700;margin:0 0 1px 0}
.recruit .condition dd{font-size:13px;margin:0 0 1px 0;padding-left:94px}
.recruit .condition dd::after{content:'';display:table;clear:both}
.recruit .condition dd:not(:last-of-type){margin-bottom:10px}
.recruit .company{display:none}

/* experience */
.experience{position:relative;padding:95px 5px 5px 5px;background-color:#3D3935}
.experience::after{content:'';display:block;clear:both}
.experience .grid-sizer{width:100%}
.experience .grid-item{position:relative;width:calc(100% - 10px);float:left}
.experience .grid-item>div{overflow:hidden;border:5px solid #3D3935}
.experience .grid-item>div:hover::after,
.experience .grid-item>div.on::after{content:'';display:block;position:absolute;top:5px;left:5px;right:5px;bottom:5px;background-color:rgba(0, 0, 0, 0.8);z-index:2}
.experience .grid-item>div:hover img,
.experience .grid-item>div.on img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.experience .grid-item>div:hover .summary,
.experience .grid-item>div.on .summary{visibility:visible;opacity:1}
.experience .grid-item .itemtitle{position:absolute;left:0;right:0;bottom:0;padding:10px 21px 15px 21px;background-color:rgba(61, 57, 53, 0.6);z-index:2}
.experience .grid-item .itemtitle h2{font-size:13px;font-weight:700;color:#fff}
.experience .grid-item .itemtitle span{display:block;font-size:12px;font-weight:400;color:#fff}
.experience .grid-item img{width:100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:1}
.experience .grid-item .summary{visibility:hidden;position:absolute;top:0;left:0;right:0;bottom:0;padding:21px;color:#fff;opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:3}
.experience .grid-item .summary h3{font-size:12px;font-weight:700;color:#FEDD00;margin-top:5px}
.experience .grid-item .summary h3:first-child{margin-top:0}
.experience .grid-item .summary p{font-size:12px;font-weight:400}

/* popup */
.popup{display:none;position:fixed;width:100%;height:100%;left:0;top:0;align-items:center;justify-content:center;overflow:hidden;background-color:rgba(0, 0, 0, 0.5);z-index:30}
.popup .wrap{position:relative;width:100%;height:100%}
.popup .pop-head{height:40px;text-align:right;border-bottom:1px solid #E0E0E0;background-color:#fff}
.popup .pop-head button.close{width:40px;height:40px;text-indent:-9999em;background:#FEDD00 url(../images/ico-close.png) no-repeat center center;background-size:24px 24px;z-index:2}
.popup .pop-content{position:relative;width:100%;height:calc(100% - 40px);background-color:#fff;z-index:1}
.popup .pop-content.y-scroll{overflow-y:auto}
.popup .map{position:relative;width:100%;height:100%}
.popup .map img[title='marker']{width:44px;height:58px;-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite}
.popup .skills{position:relative;width:100%}

/* skills */
.skills{display:flex;flex-wrap:wrap}
.skills .inner{display:flex;align-items:center;padding:24px}
.skills>div:not(:first-child)>.inner{border-top:1px solid #E0E0E0}
.skills .inner>div{padding-left:106px}
.skills .inner h3{font-size:14px;font-weight:700}
.skills .inner p{margin-top:5px;font-size:13px;color:#797674}
.skills .sk1{background:url(../images/ico-sk1.png) no-repeat 24px center;background-size:auto 80px}
.skills .sk2{background:url(../images/ico-sk2.png) no-repeat 24px center;background-size:auto 80px}
.skills .sk3{background:url(../images/ico-sk3.png) no-repeat 24px center;background-size:auto 80px}
.skills .sk4{background:url(../images/ico-sk4.png) no-repeat 24px center;background-size:auto 80px}
.skills .sk5{background:url(../images/ico-sk5.png) no-repeat 24px center;background-size:auto 80px}

/* top버튼 */
.btn-gotop{display:none;position:fixed;bottom:30px;right:14px;z-index:20}
.btn-gotop span{display:block;width:60px;height:60px;text-indent:-9999em;background:url(../images/ico-top.png) no-repeat center center;background-size:60px 60px}

@media (min-width:600px){
	/* body */
	body.pcbg{background-color:#ECEBEB}
    
    /* main */
	.mo{display:none}
	.section{display:flex;justify-content:center}
	.section-group{display:flex;flex-direction:column;width:calc(100% - 320px);margin-left:320px}
	
	/* footer */
	footer{display:none}
	
	/* profile */
	.section-profile{flex:none;position:fixed;left:0;width:320px;height:100%;min-height:750px;padding:30px}
	.section-profile .inner{height:100%}
	.section-profile .greeting{line-height:normal;font-size:24px;padding-top:100px;background:url(../images/symbol-main.svg) no-repeat left top;background-size:auto 70px}
	.section-profile h2.title{font-size:16px;margin-top:30px}
	.section-profile .introduce{margin-top:10px}
	.section-profile .introduce p:not(:first-child){margin-top:8px}
	.section-profile .menu{margin-top:16px}
	.section-profile .pcfoot{display:block;position:absolute;bottom:0;padding:0;background-color:#3D3935}
	.section-profile .pcfoot address{font-style:normal}
	.section-profile .pcfoot li{font-size:12px;color:#fff;font-weight:100}
	.section-profile .pcfoot li:not(:first-child){margin-top:5px}
	.section-profile .pcfoot li.addr{padding-left:26px;background:url(../images/ico-addr.png) no-repeat center left;background-size:16px auto}
	.section-profile .pcfoot li.tel{padding-left:26px;background:url(../images/ico-tel.png) no-repeat center left;background-size:16px auto}
	.section-profile .pcfoot li.fax{padding-left:26px;background:url(../images/ico-fax.png) no-repeat center left;background-size:16px auto}
	.section-profile .pcfoot li.mail{padding-left:26px;background:url(../images/ico-mail.png) no-repeat center left;background-size:16px auto}
	.section-profile .pcfoot .copyright{font-size:12px;color:#797674;font-weight:100;margin-top:15px}
	.section-profile .pcfoot button{font-size:12px;color:#fff;font-weight:100;text-align:left}
	
	/* skills */
	.section-skills{flex:none;width:400px;margin:30px auto 0 auto;background-color:transparent}
	.section-skills .inner{padding:20px;background-color:rgba(255, 255, 255, 0.9)}
	.section-skills h2.title{font-size:16px;padding:20px 40px 3px 40px}
	.section-skills .list{padding:50px 0 20px 0}
	.section-skills h3{font-size:13px}
	.section-skills h3:not(:first-child){margin-top:10px}
	.section-skills h3::before{width:30px;margin-right:10px}
	.section-skills ul{margin-top:5px}
	.section-skills li{letter-spacing:-0.5px}
	
	/* experience */
	.section-experience{flex:none;width:400px;margin:30px auto 0 auto;background-color:transparent}
	.section-experience .inner{position:relative;padding:20px 20px 0 20px}
	.section-experience .inner::after{top:0;width:290px;height:300px}
	.section-experience .wrap{padding:20px}
	.section-experience h2.title{font-size:16px;padding:20px 40px 3px 40px}
	.section-experience .list{padding:50px 0 20px 0}
	.section-experience h3{font-size:13px}
	.section-experience h3:not(:first-child){margin-top:10px}
	
	/* withus */
	.section-withus{flex:none;width:360px;margin:30px auto;background-color:transparent}
	.section-withus .inner{padding:20px;background-color:rgba(255, 255, 255, 0.9)}
	.section-withus h2.title{left:-20px;font-size:16px;padding:20px 40px 3px 40px}
	.section-withus .list{padding:50px 0 20px 0}
	.section-withus .list>div:not(:first-child){margin-top:10px}
	.section-withus .list h3{font-size:13px}
	
	/* content */
	/* .subcontent{display:flex;justify-content:center} */
	.subtop{flex:none;left:0;width:200px;height:100%}
	
	.subtop header.sub a.prev{width:50px;height:50px;margin-right:0;background:url(../images/ico-prev2.png) no-repeat right center;background-size:auto 8px}
	.subtop header.sub h1{flex:none;width:150px;height:100%;background:url(../images/logotype-main2.svg) no-repeat center top 80px;background-size:auto 20px}
	.subtop header.sub h1::before{content:'';display:block;width:50px;height:50px;margin:0 auto 30px auto;background-color:#FEDD00}
	.subtop header.sub h1 a{line-height:20px}
	
	nav{position:relative;height:calc(100% - 100px);margin-top:30px;padding-left:50px}
	nav::after{content:'';display:block;position:absolute;top:0;left:50%;bottom:0;width:50px;margin:0 0 0 25px;background-color:#FEDD00;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
	nav ul{flex-direction:column;padding-bottom:30px;background-color:#fff}
	nav ul li{width:100%;height:30px}
	nav ul li:not(:first-child){margin-top:10px}
	nav ul li a{letter-spacing:2px}
	
	/* history */
	.history{width:calc(100% - 200px);padding:80px 60px;margin-left:200px}
	
	/* benefits */
	.benefits{width:calc(100% - 200px);padding:80px 60px;margin:0 0 0 200px}
	.benefits .inner{margin:0 4px;padding:12px;border:1px solid #E0E0E0}
	.benefits>div:nth-child(3)>.inner,
	.benefits>div:nth-child(4)>.inner{height:137px}
	.benefits>div:nth-child(5)>.inner,
	.benefits>div:nth-child(6)>.inner{height:137px}
	.benefits>div:nth-child(7)>.inner,
	.benefits>div:nth-child(8)>.inner{height:155px}
	.benefits>div:nth-child(9)>.inner,
	.benefits>div:nth-child(10)>.inner{height:137px}
	
	/* recruit */
	.recruit{width:calc(100% - 200px);padding:0 60px 80px 60px;margin-left:200px}
	.recruit .blank{height:80px}
	
	/* experience */
	.experience .grid-sizer{width:50%}
	.experience .grid-item{width:calc((100% - 10px) / 2)}
	
	/* popup */
	.popup .wrap{width:70%;height:60%}
	.popup#skills .wrap{height:auto}
	.popup .pop-head{height:45px;border-bottom:none;background-color:transparent}
	.popup .pop-head button.close{width:30px;height:30px;background:transparent url(../images/ico-close2.png) no-repeat center center;background-size:30px 30px}
	.popup .pop-content{height:calc(100% - 45px)}
	
	/* skills */
	.skills .inner{padding:24px 32px}
	.skills .inner>div{padding-left:94px}
	.skills .sk1{background:url(../images/ico-sk1.png) no-repeat 32px center;background-size:auto 70px}
	.skills .sk2{background:url(../images/ico-sk2.png) no-repeat 32px center;background-size:auto 70px}
	.skills .sk3{background:url(../images/ico-sk3.png) no-repeat 32px center;background-size:auto 70px}
	.skills .sk4{background:url(../images/ico-sk4.png) no-repeat 32px center;background-size:auto 70px}
	.skills .sk5{background:url(../images/ico-sk5.png) no-repeat 32px center;background-size:auto 70px}
}

@media (min-width:1440px){
	/* body */
	body.pcbg{width:100%;height:100%;overflow:hidden;background:#ECEBEB url(../images/bg-main-p.jpg) no-repeat center top;background-size:contain}
	
    /* main */
	.section{align-items:center;height:100%}
	.section-group{flex-direction:row;justify-content:center;width:auto;margin-left:0}	
	
	/* profile */
	.section-profile{position:relative;left:auto}
	.section-profile .menu li a{position:relative;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
	.section-profile .menu li a::after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:#FEDD00;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:-1}
	.section-profile .menu li a:hover{color:#3D3935}
	.section-profile .menu li a:hover::after{width:100%}
	
	/* skills */
	.section-skills{width:310px;margin:8% 0 0 30px}
	
	/* experience */
	.section-experience{width:330px;margin:12% 0 0 30px}
	
	/* withus */
	.section-withus{width:310px;margin:10% 0 0 30px;padding-left:20px}
	
	/* content */
	.subcontent{position:relative}
	.subcontent2{display:flex;width:1315px;margin:0 auto;background-color:#3D3935}
	.subtop{position:fixed;width:30%;padding-left:40px}
	.subtop2{flex:none;width:210px;height:100%;margin-right:5px;border-right:10px solid #FEDD00;background-color:#3D3935}

	.subtop header.sub a.prev{width:100px;height:100px;background-size:auto 18px}
	.subtop header.sub h1{width:calc(100% - 100px);background:url(../images/logotype-main2.svg) no-repeat center top 110px;background-size:auto 25px}
	.subtop header.sub h1::before{width:80px;height:80px}
	.subtop header.sub h1 a{line-height:30px}
	
	.subtop2 header.sub{flex-direction:row-reverse;background-color:#3D3935}
	.subtop2 header.sub a.prev{margin-right:0}
	.subtop2 header.sub h1 a{background:url(../images/logotype-main.svg) no-repeat left center;background-size:auto 18px}
	
	.m-filter-group{display:none}
	.filter-group{display:flex;flex-direction:column;align-items:flex-end;padding-right:70px;margin-top:24px}
	.filter-group button{position:relative;height:24px;line-height:24px;padding:0 16px;text-align:center;font-size:13px;color:#FEDD00;border-radius:12px;border:1px solid #FEDD00;box-shadow:4px 4px 4px #292724;overflow:hidden;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
	.filter-group button:not(:first-child){margin-top:10px}
	.filter-group button::after{content:'';position:absolute;top:0;left:0;width:0;height:100%;background-color:#FEDD00;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;z-index:-1}
	.filter-group button:hover{color:#3D3935}
	.filter-group button:hover::after{width:100%}
	.filter-group button.on{color:#3D3935;background-color:#FEDD00}
	
	nav{height:calc(100% - 140px);padding-left:24%;margin-top:50px}
	nav::after{width:80px;margin:0 0 0 50px}
	nav ul{align-items:flex-start}
	nav ul li{position:relative;width:auto;text-align:left}
	nav ul li:not(:first-child){margin-top:30px}
	nav ul li a{letter-spacing:4px;padding:0 30px}
	nav ul li a::after{content:'';position:absolute;bottom:-3px;left:0;width:0;height:3px;background-color:#FEDD00;-webkit-transition:all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28);transition:all 0.3s cubic-bezier(0.18, 0.89, 0.32, 1.28)}
	nav ul li a:hover::after{width:100%;background-color:#FEDD00}
	nav ul li span.tooltip{display:none;position:absolute;top:-20px;right:-65px;height:18px;line-height:18px;border-radius:9px;padding:0 10px;font-size:12px;font-weight:500;color:#fff;text-align:center;background-color:#004C87}
	nav ul li span.tooltip em{color:#8EEDB5}
	nav ul li span.tooltip::after{content:'';position:absolute;top:100%;left:50%;width:0;height:0;border:solid transparent;border-top-color:#004C87;border-width:6px;margin-left:-6px}
	nav ul li:nth-child(2) span.tooltip{right:-108px}
	nav ul li:nth-child(3) span.tooltip{right:-75px}
	nav ul li:nth-child(4) span.tooltip{right:-75px}
	nav ul li.on span.tooltip{display:block}
	
	/* history */
	.history{position:fixed;width:70%;height:100%;padding:170px 60px 0 0;margin-left:30%}
	.history .hlist{overflow-x:auto;overflow-y:hidden}
    .history .hlist .mCSB_container{display:flex}
    .history .hlist .mCSB_container>div{width:100%;min-width:300px;padding-top:20px}
    .history h3{line-height:20px}
	.history h3::after{content:'';display:block;position:absolute;top:40px;left:0;width:100%;height:1px;background:#E0E0E0;z-index:-1}
	.history ul.ylist{padding:20px 0 0 32px}
	.history ul.ylist>li{padding-bottom:20px}
	
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(254,221,0,0.9)}
	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(254,221,0,0.75)}
	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(254,221,0,0.85)}
	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:rgba(254,221,0,0.9)}
	
	/* benefits */
	.benefits{width:70%;padding:100px 80px;margin:0 0 0 30%}
	.benefits .inner{padding:16px}
	.benefits>div:nth-child(1)>.inner,
	.benefits>div:nth-child(2)>.inner,
	.benefits>div:nth-child(3)>.inner{height:181px}
	.benefits>div:nth-child(4)>.inner,
	.benefits>div:nth-child(5)>.inner,
	.benefits>div:nth-child(6)>.inner{height:145px}
	.benefits>div:nth-child(7)>.inner,
	.benefits>div:nth-child(8)>.inner,
	.benefits>div:nth-child(9)>.inner{height:163px}
	.benefits>div:nth-child(10)>.inner,
	.benefits>div:nth-child(11)>.inner{height:127px}
	.benefits>div:nth-child(3)>.inner{margin-top:0}
	.benefits>div:nth-child(n+4)>.inner{margin-top:8px}
	
	/* recruit */
	.recruit{width:70%;padding:0 80px 100px 80px;margin-left:30%}
	.recruit .blank{height:100px}
	.recruit .employment a{width:300px}
	.recruit .occasional>div:first-child span em{display:block}
	.recruit .condition>div:not(:nth-child(1))>.inner{margin-top:0}
	.recruit .condition>div:nth-child(n+3)>.inner{margin-top:16px}
	.recruit .company{display:block;position:relative;margin-top:70px}
	.recruit .company::after{content:'';display:block;clear:both}
	.recruit .company .grid-sizer{width:20%}
	.recruit .company .grid-item{position:relative;width:20%;float:left}
	.recruit .company .grid-item img{width:100%;filter:grayscale(100%)}
	.recruit .company .grid-item img:hover{filter:grayscale(30%)}
	
	/* experience */
	.experience{flex:none;width:1100px;padding-top:5px;margin-left:215px}
	.experience .grid-sizer{width:25%}
	.experience .grid-item{width:calc((100% - 10px) / 4)}
	
	/* skills */
	.skills .inner{display:block;height:100%;padding:32px}
	.skills>div:not(:first-child)>.inner{border-top:none;border-left:1px solid #E0E0E0}
	.skills .inner>div{padding-left:0;padding-top:110px}
	.skills .inner h3{text-align:center}
	.skills .inner p{text-align:center;margin-top:20px}
	.skills .sk1{background:url(../images/ico-sk1.png) no-repeat center 32px;background-size:auto 80px}
	.skills .sk2{background:url(../images/ico-sk2.png) no-repeat center 32px;background-size:auto 80px}
	.skills .sk3{background:url(../images/ico-sk3.png) no-repeat center 32px;background-size:auto 80px}
	.skills .sk4{background:url(../images/ico-sk4.png) no-repeat center 32px;background-size:auto 80px}
	.skills .sk5{background:url(../images/ico-sk5.png) no-repeat center 32px;background-size:auto 80px}
}

@media (min-width:1680px){
	/* profile */
	.section-profile{width:360px;min-height:930px;padding:50px 40px 40px 40px}
	.section-profile .greeting{font-size:38px;padding-top:140px;background-size:auto 100px}
	.section-profile .introduce p{font-size:14px}
	.section-profile .menu{margin-top:24px}
	.section-profile .pcfoot li:not(:first-child){margin-top:5px}
	.section-profile .pcfoot .copyright{margin-top:20px}
	
	/* skills */
	.section-skills{width:400px;margin:10% 0 0 30px}
	.section-skills .inner{padding:30px}
	.section-skills h2.title{font-size:24px;padding:30px 50px 3px 50px;border-bottom:5px solid #000}
	.section-skills .list{padding:60px 0 20px 0}
	.section-skills h3{font-size:16px}
	.section-skills h3:not(:first-child){margin-top:20px}
	.section-skills h3::before{width:40px;margin-right:20px}
	.section-skills ul{margin-top:10px}
	.section-skills li{font-size:14px}
	
	/* experience */
	.section-experience{width:430px;margin:16% 0 0 30px}
	.section-experience .inner{padding:30px 30px 0 20px}
	.section-experience .inner::after{width:380px;height:320px}
	.section-experience .wrap{padding:30px}
	.section-experience h2.title{font-size:24px;padding:30px 50px 3px 50px;border-bottom:5px solid #000}
	.section-experience .list{padding:60px 0 20px 0}
	.section-experience h3{font-size:16px}
	.section-experience h3:not(:first-child){margin-top:20px}
	.section-experience li.project{font-size:14px}
	
	/* withus */
	.section-withus{width:400px;margin:12% 0 0 30px}
	.section-withus .inner{padding:30px}
	.section-withus h2.title{font-size:24px;padding:30px 50px 3px 50px;border-bottom:5px solid #000}
	.section-withus .list{padding:60px 0 20px 0}
	.section-withus .list>div:not(:first-child){margin-top:20px}
	.section-withus .list .role1::before{width:60px;height:60px;background-size:auto 24px}
	.section-withus .list .role2::before{width:60px;height:60px;background-size:auto 24px}
	.section-withus .list .role3::before{width:60px;height:60px;background-size:auto 24px}
	.section-withus .list .role4::before{width:60px;height:60px;background-size:auto 24px}
	.section-withus .list h3{font-size:16px}
	.section-withus .list p{font-size:14px}
	
	/* content */
	.subcontent2{width:1635px}
	
	.subtop{padding-left:100px}
	.subtop2{width:230px}
	
	.subtop header.sub h1{background:url(../images/logotype-main2.svg) no-repeat center top 130px;background-size:auto 37px}
	.subtop header.sub h1::before{width:100px;height:100px}
	.subtop header.sub h1 a{line-height:37px}
	
	.subtop2 header.sub a.prev{width:60px;height:60px;background:#FEDD00 url(../images/ico-prev.png) no-repeat center center;background-size:30px 12px}
	.subtop2 header.sub h1{height:60px}
	.subtop2 header.sub h1 a{height:60px;background:url(../images/logotype-main.svg) no-repeat left center;background-size:auto 20px}
	
	.filter-group{padding-right:74px}
	
	nav{height:calc(100% - 167px);margin-top:80px;padding-left:20%}
	nav::after{width:100px}
	nav ul{padding-bottom:80px}
	nav ul li{position:relative;height:40px}	
	nav ul li:not(:first-child){margin-top:45px}
	nav ul li h2{font-size:24px}
	nav ul li h2 a{border-bottom:5px solid #000}
	nav ul li a::after{bottom:-5px;height:5px}
	nav ul li span.tooltip{top:-24px}
	
	/* history */
	.history{padding:230px 100px 0 50px}
	.history .hlist .mCSB_container>div{min-width:350px}
	.history h3{font-size:28px;line-height:28px}
	.history h3::after{top:48px}
	.history ul.ylist{padding:20px 0 0 44px}
	.history ul.ylist::before{left:60px}
	.history ul.ylist>li{padding-bottom:30px}
	.history span.month{width:32px;height:32px;font-size:14px}
	.history ul.mlist{margin:6px 0 0 10px}
	.history ul.mlist>li{margin-bottom:6px}
	
	/* benefits */
	.benefits{padding:125px 100px 50px 100px}
	.benefits .inner{margin:0 10px;padding:30px 28px}
	.benefits>div>.inner{height:232px !important}
	.benefits>div:nth-child(3)>.inner{margin-top:0}
	.benefits>div:nth-child(n+4)>.inner{margin-top:20px}
	.benefits .inner h3{font-size:16px;margin-top:78px}
	.benefits .inner ul{margin-top:10px}
	.benefits .inner li{font-size:14px}
	.benefits .bf1{background:url(../images/ico-bf1.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf1 li span{display:inline}
	.benefits .bf2{background:url(../images/ico-bf2.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf3{background:url(../images/ico-bf3.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf4{background:url(../images/ico-bf4.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf5{background:url(../images/ico-bf5.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf6{background:url(../images/ico-bf6.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf7{background:url(../images/ico-bf7.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf8{background:url(../images/ico-bf8.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf9{background:url(../images/ico-bf9.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf10{background:url(../images/ico-bf10.png) no-repeat 28px 30px;background-size:auto 58px}
	.benefits .bf11{background:url(../images/ico-bf11.png) no-repeat 28px 30px;background-size:auto 58px}
	
	/* recruit */
	.recruit{padding:0 100px 100px 100px}
	.recruit .blank{height:125px}
	.recruit .employment a{height:50px;font-size:16px}
	.recruit .occasional{margin-top:75px}
	.recruit h3{width:100px;height:100px}
	.recruit h3.type1{font-size:24px}
	.recruit .occasional>div:first-child{margin-bottom:40px}
	.recruit .occasional>div:first-child span{font-size:13px;margin-left:20px}
	.recruit .occasional>div:first-child span em{display:block}
	.recruit .occasional>div:nth-child(n+3){margin-top:30px;padding-top:30px}
	.recruit .role h4{font-size:20px}
	.recruit .role span.apply a{width:160px;height:50px;line-height:50px;font-size:16px}
	.recruit .condition{margin-top:30px}
	.recruit .condition>div:nth-child(n+3)>.inner{margin-top:30px}
	.recruit .condition dt{font-size:16px}
	.recruit .condition dd{font-size:14px}
	
	/* experience */
	.experience{width:1400px;margin-left:235px}
	
	/* skills */
	.skills .inner{padding:65px 30px}
	.skills .inner>div{padding-top:120px}
	.skills .inner h3{font-size:16px}
	.skills .inner p{font-size:14px;margin-top:30px}
	.skills .sk1{background:url(../images/ico-sk1.png) no-repeat center 65px;background-size:auto 90px}
	.skills .sk2{background:url(../images/ico-sk2.png) no-repeat center 65px;background-size:auto 90px}
	.skills .sk3{background:url(../images/ico-sk3.png) no-repeat center 65px;background-size:auto 90px}
	.skills .sk4{background:url(../images/ico-sk4.png) no-repeat center 65px;background-size:auto 90px}
	.skills .sk5{background:url(../images/ico-sk5.png) no-repeat center 65px;background-size:auto 90px}
}

@media (min-width:1920px){
	/* content */
	.subcontent2{width:1735px}
	
	.subtop{width:35%;padding-left:160px}
	
	/* history */
	.history{width:65%;padding:230px 160px 0 0;margin-left:35%}
	.history .hlist .mCSB_container>div{min-width:380px}
	
	/* benefits */
	.benefits{width:65%;padding:120px 200px 100px 0;margin:0 0 0 35%}
	
	/* recruit */
	.recruit{width:65%;padding:0 200px 100px 0;margin-left:35%}
	.recruit .blank{height:120px}
	
	/* experience */
	.experience{width:1500px;margin-left:235px}
	.experience .grid-sizer{width:20%}
	.experience .grid-item{width:calc((100% - 10px) / 5)}
}

@media (min-width:2560px){
	/* content */
	.subtop{width:30%}
	
	nav{padding-left:25%}
	
	/* history */
	.history{width:70%;margin-left:30%}
	
	/* skills */
	.skills .inner{padding:65px 60px}
}

.back_experience { position:fixed;width:100%;height:101%;background:#3D3935;z-index:10;margin-top:-10px }