@charset "utf-8";

@font-face{font-family:'NotoSansL';font-style:normal;font-weight:300;
src:local('Noto Sans Light'),local('NotoSans-Light'),
url(/resources/assets/font/NotoSansKR-Light-Hestia.eot),
url(/resources/assets/font/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
url(/resources/assets/font/NotoSansKR-Light-Hestia.woff?v=2) format('woff'),
url(/resources/assets/font/NotoSansKR-Light-Hestia.otf) format('opentype')}

@font-face{font-family:'NotoSansD';font-style:normal;font-weight:350;
src:local('Noto Sans DemiLight'),local('NotoSans-DemiLight'),
url(/resources/assets/font/NotoSansKR-DemiLight-Hestia.eot),
url(/resources/assets/font/NotoSansKR-DemiLight-Hestia.eot?#iefix) format('embedded-opentype'),
url(/resources/assets/font/NotoSansKR-DemiLight-Hestia.woff) format('woff'),
url(/resources/assets/font/NotoSansKR-DemiLight-Hestia.otf) format('opentype')}

@font-face{font-family:'NotoSansR';font-style:normal;font-weight:400;
src:local('Noto Sans Regular'),local('NotoSans-Regular'),
url(/resources/assets/font/NotoSansKR-Regular-Hestia.eot),
url(/resources/assets/font/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
url(/resources/assets/font/NotoSansKR-Regular-Hestia.woff) format('woff'),
url(/resources/assets/font/NotoSansKR-Regular-Hestia.otf) format('opentype')}

@font-face{font-family:'NotoSansM';font-style:normal;font-weight:500;
src:local('Noto Sans Medium'),local('NotoSans-Medium'),
url(/resources/assets/font/NotoSansKR-Medium-Hestia.eot),
url(/resources/assets/font/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
url(/resources/assets/font/NotoSansKR-Medium-Hestia.woff) format('woff'),
url(/resources/assets/font/NotoSansKR-Medium-Hestia.otf) format('opentype')}

@font-face{font-family:'NotoSansB';font-style:normal;font-weight:700;
src:local('Noto Sans Bold'),local('NotoSans-Bold'),
url(/resources/assets/font/NotoSansKR-Bold-Hestia.eot),
url(/resources/assets/font/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
url(/resources/assets/font/NotoSansKR-Bold-Hestia.woff) format('woff'),
url(/resources/assets/font/NotoSansKR-Bold-Hestia.otf) format('opentype')}

body{-webkit-text-size-adjust:none;word-break:break-word}
body{overflow-x:hidden;position:relative}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button{padding:0;margin:0;font-family:'NotoSansR',sans-serif;font-size:16px;color:#666;font-weight:normal;font-weight:400;letter-spacing:-0.02em;line-height:1}
header,section,article,footer,hgroup,aside,nav,figure,figcaption{display:block;padding:0;margin:0;font-family:'NotoSansR',sans-serif;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.02em;line-height:1}
ul,ol,li{list-style:none}
table{border-collapse:collapse;table-layout:fixed}
colgroup{display:table-column-group}
caption,legend{visibility:hidden;overflow:hidden;height:0}
td,th{font-family:'NotoSansR',sans-serif;font-size:16px;color:#666;font-weight:normal;font-weight:400;letter-spacing:-0.02em;line-height:1;word-break:break-word;vertical-align:middle}
mark,var,em,b,span{padding:0;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:inherit;background:transparent}
input{display:block;padding:0;margin:0;font-family:'NotoSansR',sans-serif;font-size:16px;color:#666;font-weight:400;letter-spacing:-0.02em;line-height:1}
img,fieldset{border:0}
b{font-weight:normal;font-weight:400}
a:link{color:#666;text-decoration:none}
a:visited{color:#666;text-decoration:none}
a:active{color:#666;text-decoration:none}
a:hover{color:#666;text-decoration:none}


.wrap{overflow:hidden;position:relative;padding:95px 0 0 0}


header{position:fixed;left:0;top:0;width:100%;height:95px;background:#fff;z-index:999}
header .header-area{position:relative;max-width:1000px;padding:0;margin:0 auto}

header .logo{float:left;width:300px;height:100px}
header .logo a{display:block;width:200px;height:83px;margin:12px 0 0 0;background-position:0 0;z-index:2}
header nav{float:left;width:550px;height:90px}
header nav>ul{height:52px;padding:38px 0 0 0}
header nav>ul>li{float:left;position:relative;height:49px;margin:0 25px;border-bottom:3px solid #fff}
header nav>ul>li>span{font-family:'NotoSansM',sans-serif;font-weight:500;font-size:18px;color:#222}

footer{background:#383838}
footer{position:relative;height:160px;padding:0;background:#313131;z-index:200}
footer .footer-area{max-width:1000px;padding:0;margin:0 auto}footer .basic{position:relative;height:60px;z-index:2}
footer .footer-area{padding:0}
footer .basic{height:49px;padding:0 49px 0 0;background:#000}
footer .basic:after{display:block;content:"";clear:both}

footer .site-info{position:relative;z-index:1}
footer .site-info{padding:50px 25px 80px 300px}
footer .logo{position:absolute;left:0;top:60px;width:192px}footer .logo:after{width:2px;height:44px;background-position:-340px 0}footer .logo a{display:block;width:140px;height:48px;background-position:-170px 0}footer .right{position:absolute;right:0;top:67px}footer .nf-sns{float:left;padding:0;vertical-align:top}footer .nf-sns a{display:block;float:left;width:35px;height:35px;margin:0 5px;text-indent:-9999px}footer .nf-sns .nf-cafe{background-position:-50px -90px}footer .nf-sns .nf-facebook{background-position:0 -90px}footer .familysite{float:left;padding:0;margin:8px 0 0 18px;vertical-align:top}footer .familysite .select a{display:inline-block;width:138px;height:24px;padding:0 22px 0 0;font-family:'NotoSansB',sans-serif;font-weight:700;font-size:14px;color:#fff;border-bottom:1px solid #ff7200}footer .familysite .select .splA:after{width:11px;height:6px;top:5px;background-position:-60px -60px}footer .familysite .select .splA.on:after{background-position:-80px -60px}footer .familysite ul{display:none;position:absolute;right:0;bottom:40px;width:160px;padding:15px 0;background:#ff7200}footer .familysite ul li a{display:block;padding:4px 0;font-family:'NotoSansM',sans-serif;font-weight:500;font-size:14px;color:#fff;text-align:center}footer .btn-top{display:none}

footer .site-quick{position:relative}
footer .site-quick:after{display:block;content:"";clear:both}
footer .site-quick span{display:block;float:left;position:relative;padding:0 18px;font-family:'NotoSansB',sans-serif;font-weight:700;font-size:15px;color:#fff}
footer .copyright{margin:16px 0 0 0;font-family:'NotoSansD',sans-serif;font-weight:350;color:#848484}

footer .site-quick{position:relative}
footer .site-quick span{padding:5px 10px;font-family:'NotoSansB',sans-serif;font-weight:500;font-size:15px}
footer .copyright{margin:5px 0 0 0;font-size:11px;color:#878787}}

.contents{padding:28px 15px 50px 15px}
.contents{position:relative;max-width:980px;padding:0 10px 180px 10px;margin:0 auto}
.contents{padding:0 15px 50px 15px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.contents-main{position:relative;width:1000px;margin:0 auto}
.contents-main:after{display:block;content:"";clear:both}

.contents-wrap{position:relative;padding:0;z-index:100}


.contents-main{padding:57px 0 104px 0}
.contents-main{padding:33px 0 25px 0}

.contents-list{padding-top:50px;}
.contents-list h3{font-family:'NotoSansM',sans-serif;font-weight:500;font-size:32px;color:#222;text-align:center}
.contents-list h3 b{font-family:'NotoSansB',sans-serif;font-weight:700}
.contents-list p{margin:16px 0 0 0;font-family:'NotoSansL',sans-serif;font-weight:300;font-size:16px;color:#666;text-align:center;letter-spacing:-0.05em}

.contactus-items{border:1px solid #dedede;background:#f4f4f4;margin: 20px 0 0 0;}
.contactus-items .map{position: relative; margin: 0 0 0 175px;}

.contactus-items .top-border{border-top:1px solid #dedede;}

.contactus-items .text h4{font-family:'NotoSansM',sans-serif;font-weight:500;font-size:27px;color:#222}
.contactus-items .text p{margin:18px 0 0 0;font-size:16px;line-height:1.6}
.contactus-items .text p br{display:none}
.contactus-items .text{padding:22px 0 20px 0;text-align:center;}
.contactus-items .text h4{font-size:15px}
.contactus-items .text p{margin:5px 0 0 0;font-family:'NotoSansD',sans-serif;font-weight:350;font-size:11px}
.contactus-items .text p br{display:block}

.logo-link{display:block;background-image:url(/resources/assets/images/new_nanoinc_ci_200.png);background-repeat:no-repeat}
