@charset "UTF-8";html,body,header,main,a,img,input,ul,li,span,i,label,nav,ol,h1,h2,h3,div,em,p,form,fieldset,button,select,textarea,dl,dt,dd,address,footer{font-size:12px;font-family:'Nanum Gothic',sans-serif;margin:0;padding:0;box-sizing:border-box}ul{list-style:none}a{text-decoration:none;outline:none}a:hover{text-decoration:underline}img,fieldset,input,textarea,button,select{border:none;outline:none}.inner{margin:0 auto}header{display:flex;display:-webkit-flex}header div.header.inner ul{display:flex;display:-webkit-flex}header div.header.inner ul li{padding:0 12px}header div.header.inner ul li a{color:#777;font-size:13px;font-weight:700;letter-spacing:.1em}header div.header.inner ul li:last-child{margin-left:auto;padding-right:0}header div.header.inner ul li:last-child a{letter-spacing:0}section.header-under{overflow:hidden;position:relative}section.header-under div.message{top:45%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width:100%;line-height:1.5;color:#fff;text-align:center;letter-spacing:.3em;position:absolute;z-index:3}section.header-under div.message p{font-weight:700}section.header-under div.message p:last-child{left:50%;bottom:-100%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,0%);width:100%;font-size:13px;letter-spacing:.15em;position:absolute}section.header-under div.item{width:100%;background-repeat:no-repeat;background-size:cover;position:absolute;z-index:1;opacity:0;transform:scale(1);-webkit-transform:scale(1);transition:all 10000ms;-webkit-transition:all 10000ms}section.header-under div.header-under-01{background:url(/assets/images/corporate/2017/header_under_01.jpg)}section.header-under div.header-under-02{background:url(/assets/images/corporate/2017/header_under_02.jpg)}section.header-under div.header-under-03{background:url(/assets/images/corporate/2017/header_under_03.png)}section.header-under div.item.scales{opacity:1;transform:scale(1.5);-webkit-transform:scale(1.5)}section.header-under div.mask{background:rgba(0,0,0,0.85);z-index:2;opacity:1}main section.contents{border-bottom:#fafafa 1px solid;margin-top:64px;padding-bottom:64px}main section.contents .contents-last{line-height:2;color:#777;text-align:center}main section.contents.about{margin-top:0;padding-top:64px}main div.title{color:#dadada;font-size:20px;font-weight:700;text-align:center;margin-bottom:32px}main dl{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:baseline;-webkit-align-items:baseline}main dl dt,main dl dd{line-height:2;color:#777;padding:12px 0}main dl dd.connect{padding-top:0}main section.products ul{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}main section.products ul li{text-align:center}main section.products ul li a{color:#777}main section.products ul li div.product-01{background:url(/assets/images/corporate/2017/products_01.png)}main section.products ul li div.product-02{background:url(/assets/images/corporate/2017/products_02.png)}main section.products ul li div.product-03{background:url(/assets/images/corporate/2017/products_03.png)}main section.products ul li div.product-thumb{width:128px;height:128px;background-repeat:no-repeat}main section.skill dl dd span{margin-right:32px}main section.skill dl dt{text-align:center}main section.skill dl dd span:last-child{margin-right:0}footer{color:#777;background:#f3f3f3}footer div.inner,footer div.inner ul{display:flex;display:-webkit-flex}footer ul,footer div.copyright{width:50%}footer div.inner ul li{text-align:center}footer div.inner ul li a{color:#777}footer div.copyright{text-align:right}@media (min-width:1221px){.inner{width:1080px}section.header-under div.message p{font-size:34px}main dl{padding:0 256px}main section.products ul li div.product-thumb{margin-bottom:8px}footer{padding:64px 0}}@media (min-width:721px){header{height:85px}header div.header.inner{display:flex;display:-webkit-flex;align-items:center;-webkit-align-items:center}header div.header.inner h1{margin-right:32px}header div.header.inner ul{width:100%;margin-left:16px}header div.header.inner ul li:first-child{padding-left:0}section.header-under,section.header-under div.item{height:400px}main dl dt,main dl dd{font-size:14px}main dl dt{width:30%}main dl dd{width:70%}main section.products ul li{width:134px;margin:16px}footer div.inner ul li{width:15%}}@media (max-width:1220px){main section.products ul li div.product-thumb{margin:0 auto 8px}footer{padding:32px 0}}@media (min-width:721px) and (max-width:1220px){.inner{width:720px}section.header-under div.message p{font-size:25px}main dl{padding:0 96px}main section.products ul li{width:calc(25% - 32px);margin:16px}}@media (max-width:720px){.inner{width:100%;padding:0 16px}header{height:100px}header div.header.inner{position:relative}header div.header.inner h1{top:20px;left:0;width:100%;text-align:center;position:absolute}header div.header.inner ul{left:50%;bottom:16px;transform:translateX(-50%);width:100%;position:absolute;justify-content:center;-webkit-justify-content:center}header div.header.inner ul li:nth-child(4){padding-right:0}header div.header.inner ul li:last-child{display:none}section.header-under,section.header-under div.item{height:250px}section.header-under div.message{width:100%}section.header-under div.message p{font-size:18px}main dl{padding:0 32px}main dl dt,main dl dd{font-size:12px}main dl dt{width:35%}main dl dd{width:65%}main dl dd span.br{display:block}main section.products ul{justify-content:space-between;-webkit-justify-content:space-between}main section.products ul li{width:calc(50% - 16px);margin:8px}footer div.inner,footer div.inner ul{flex-wrap:wrap;-webkit-flex-wrap:wrap;align-items:center;-webkit-align-items:center}footer div.inner ul li{width:100%;padding:8px 0}}