@charset "utf-8";

/*/

JS Design
본 코드는 작성자의 지적재산권에 귀속됩니다.
무단배포 및 사용시 법적 처벌을 받을 수 있습니다.

/*/



*{margin:0; padding:0; box-sizing:border-box; word-break:keep-all;}
*::selection{background:#444/*#ba2727*/; color:#fff; font-weight:bold;}
html{-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}
body{font-family:'Roboto', '나눔고딕', NanumGothic, 'Nanum Gothic' !important; font-size:12px; line-height:18px; color:#333; min-width:320px; font-weight:normal; overflow-x:hidden; overflow-y:scroll;}
a{color:#333; text-decoration:none;}
a:hover{text-decoration:none;}
img{border:0; vertical-align:top; outline:none;}
ul{list-style:none;}
table{border-collapse:collapse; border-spacing: 0;}
iframe:focus{outline:none;}
iframe[seamless]{display:block;}
button{outline:none; border:0;}
textarea{resize:vertical;}
.cf{}/* cf means ClearFix */
.cf:after{display:block; content:""; clear:both;}
.hide{display:none !important;}
.hideAway{display:none !important; visibility:hidden !important; width:0 !important; height:0 !important; overflow:hidden !important;
          line-height:0 !important; font-size:0 !important; opacity:0 !important; position:fixed !important;
          top:-9999px !important; left:-9999px !important; margin:-9999px 0 0 -9999px !important; z-index:-9999 !important;}





.JS-header.pc{position:fixed; top:0; left:0; width:100%; height:50px; z-index:60; background:rgba(0,0,0,0.2);}
.JS-header.pc>.in{position:relative; max-width:1200px; margin:0 auto;}
.JS-header.pc>.in>h1.logo{position:absolute; left:0; top:0; width:100%; line-height:50px; font-size:14px; text-align:center;}
.JS-header.pc>.in>h1.logo>a{display:inline-block; color:#fff;}
.JS-header.pc>.in>h1.logo>a>img{max-height:50px; width:auto; padding:4px;}
.JS-header.pc>.in>nav.gnb{display:none;}

section.JS-remote{display:none;}

section.JS-mainVisual{}
section.JS-mainVisual>.in{}
section.JS-mainVisual>.in ul.sliderArea{}
section.JS-mainVisual>.in ul.sliderArea .slick-slide{position:relative;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide img{width:100%; height:auto; transition:0.2s;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide a{}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i{position:absolute; top:0; left:0; width:100%; height:100%;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span{display:table; width:100%; height:80%; vertical-align:middle;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i{display:table-cell; width:100%; vertical-align:middle; font-style:normal; text-align:center;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h4>i{color:#fff; font-size:14px;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h3{color:#fff; font-size:10px; font-weight:100; padding:1% 0;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h3>span.bold{font-weight:bold;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h1{color:#fff; font-weight:100;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h1>span.bold{font-weight:bold;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h2{display:none; color:#fff; font-weight:normal;}

section.JS-mainVisual>.in .sliderArea button{cursor:pointer;}
section.JS-mainVisual>.in .sliderArea button.slick-arrow{display:none !important; opacity:0; transition:0.4s;}
section.JS-mainVisual>.in ul.sliderArea .slick-prev{left:10px;}
section.JS-mainVisual>.in ul.sliderArea .slick-next{right:10px;}
section.JS-mainVisual>.in .sliderArea:hover button.slick-arrow.slick-prev{opacity:0.2; left:20px;}
section.JS-mainVisual>.in .sliderArea:hover button.slick-arrow.slick-next{opacity:0.2; right:20px;}
section.JS-mainVisual>.in .sliderArea button.slick-arrow.slick-prev:hover{opacity:0.7;}
section.JS-mainVisual>.in .sliderArea button.slick-arrow.slick-next:hover{opacity:0.7;}
section.JS-mainVisual>.in .sliderArea.slick-slider>ul.slick-dots>li.slick-active>button{background:#fff;}
section.JS-mainVisual>.in .sliderArea.slick-slider>ul.slick-dots:hover>li{height:10px; margin:18px 2.5px 0 2.5px;}

section.mainSection.J01{}
section.mainSection.J01>.in{width:80%; max-width:1200px; margin:0 auto; padding:30px 15px;}
section.mainSection.J01>.in.top{padding:30px 15px 10px 15px;}
section.mainSection.J01>.in.bottom{padding:20px 15px 30px 15px; border-top:1px solid #ddd;}
section.mainSection.J01>.in>div{width:100%;}
section.mainSection.J01>.in>div.left{text-align:center; padding-bottom:10px;}
section.mainSection.J01>.in>div.left>div{}
section.mainSection.J01>.in>div.left>div>h2{font-size:10px; color:#666; font-weight:300;}
section.mainSection.J01>.in>div.left>div>span{display:none; width:20px; height:1px; margin:10px auto; background:#a98b73;}
section.mainSection.J01>.in>div.left>div>h1{font-size:14px; margin-bottom:10px;}
section.mainSection.J01>.in>div.left>div>p{font-size:10px; line-height:15px; color:#666;}
section.mainSection.J01>.in>div.left>div>div.btn{display:inline-block; background:#a98b73;  margin:10px 0 0 0; border-radius:1px;}
section.mainSection.J01>.in>div.left>div>div.btn>a{display:block; padding:2px 15px; color:#fff; font-size:10px;}
section.mainSection.J01>.in>div.left>div>ul{padding:10px 0;}
section.mainSection.J01>.in>div.left>div>ul>li{}
section.mainSection.J01>.in>div.left>div>ul>li>i{margin-right:3px;}
section.mainSection.J01>.in>div.left>div>ul>li>span.bold{font-weight:bold;}
section.mainSection.J01>.in>div.right{max-height:500px; text-align:center;}
section.mainSection.J01>.in>div.right>p>img{width:100%; height:auto;}

section.mainSection.J02{padding:30px 50px; background-image:url('../img/J02.jpg'); background-size:cover; background-repeat:no-repeat;}
section.mainSection.J02>.in{width:100%; max-width:1200px; margin:0 auto;}
section.mainSection.J02>.in>h2{font-size:10px; color:#ccc; font-family:'Herr Von Muellerhoff'; text-align:center;}
section.mainSection.J02>.in>h1{font-size:14px; text-align:center; color:#fff; font-weight:normal;}
section.mainSection.J02>.in>h1>span.bold{font-weight:bold;}
section.mainSection.J02>.in>span{display:block; width:20px; height:1px; margin:10px auto; background:#fff;}
section.mainSection.J02>.in>p{color:#fff; text-align:center; font-size:10px;}
section.mainSection.J02>.in>ul{margin-top:30px;}
section.mainSection.J02>.in>ul>li{background:#f4f4f4; margin-bottom:10px; min-height:100px; box-shadow:0 0 10px rgba(0,0,0,0.05); border-radius:3px; padding:5px; cursor:pointer;}
section.mainSection.J02>.in>ul>li>div{float:left; width:30%;}
section.mainSection.J02>.in>ul>li>div.img{text-align:center; line-height:100px;}
section.mainSection.J02>.in>ul>li>div.img>img{width:100%; height:auto; max-width:250px; vertical-align:middle;}
section.mainSection.J02>.in>ul>li>div.img>i{font-size:40px; color:#edd23f;}
section.mainSection.J02>.in>ul>li>div.txt{width:70%; padding:10px;}
section.mainSection.J02>.in>ul>li>div.txt>h1{font-size:12px; font-weight:normal; padding-bottom:5px;}
section.mainSection.J02>.in>ul>li>div.txt>h1>span.bold{font-weight:bold;}
section.mainSection.J02>.in>ul>li>div.txt>span{color:#dc995b;}
section.mainSection.J02>.in>ul>li>div.txt>p{font-size:10px; line-height:15px; color:#666;}
section.mainSection.J02>.in>ul>li>div.txt>i{font-style:normal; font-weight:bold;}

section.mainSection.J02>.in>.fixed{visibility:hidden; position:fixed; top:0; left:0; width:100%; height:100%; padding:5%; z-index:100; background:rgba(0,0,0,0.8); opacity:0; transition:0.3s; overflow:hidden; cursor:pointer;}
section.mainSection.J02>.in>.fixed.on{visibility:visible; opacity:1;}
section.mainSection.J02>.in>.fixed>ol{display:table; width:100%; height:100%;}
section.mainSection.J02>.in>.fixed>ol>li{display:none; vertical-align:middle; background-position:center; background-repeat:no-repeat; background-size:auto;;}
section.mainSection.J02>.in>.fixed>ol>li.on{display:table-cell;}
section.mainSection.J02>.in>.fixed>ol>li>img{display:none; width:100%; height:auto;  padding:30px;}
section.mainSection.J02>.in>.fixed>ol>li.z1{background-image:url('../img/J02_01.png');}
section.mainSection.J02>.in>.fixed>ol>li.z2{background-image:url('../img/J02_02.png');}
section.mainSection.J02>.in>.fixed>ol>li.z3{background-image:url('../../images_parts/03oil-purifier-spare-parts.jpg');}
section.mainSection.J02>.in>.fixed>ol>li.z4{background-image:url('../img/J02_04.png');}
section.mainSection.J02>.in>.fixed>ol>li.z5{background-image:url('../img/J02_05.png');}
section.mainSection.J02>.in>.fixed>ol>li.z6{background-image:url('../../images_parts/06STORE.PNG');}


section.mainSection.J03{background:#373948;}
section.mainSection.J03>.in{width:100%; max-width:1200px; margin:0 auto;}
section.mainSection.J03>.in>p{color:#fff; text-align:center; line-height:70px;}

section.mainSection.J04{background:#f4f4f4; padding:30px 0;}
section.mainSection.J04>.in{width:100%; margin:0 auto;}
section.mainSection.J04>.in>h1{font-size:14px; text-align:center; font-weight:normal;}
section.mainSection.J04>.in>h1>span.bold{font-weight:bold;}
section.mainSection.J04>.in>p{text-align:center; font-size:10px;}
section.mainSection.J04>.in>ul{}
section.mainSection.J04>.in>ul>li{display:table; width:100%; margin-bottom:10%;}
section.mainSection.J04>.in>ul>li.img{padding:10px;}
section.mainSection.J04>.in>ul>li.img>p{}
section.mainSection.J04>.in>ul>li.img>p>img{width:100%; height:auto;}
section.mainSection.J04>.in>ul>li.txt{padding:10px;}
section.mainSection.J04>.in>ul>li.txt>div{}
/*
section.mainSection.J04>.in>ul>li.txt>div>h2{font-size:10px; color:#a98b73;}
section.mainSection.J04>.in>ul>li.txt>div>span{display:block; width:20px; height:1px; margin:10px auto; background:#333;}
section.mainSection.J04>.in>ul>li.txt>div>h1{font-size:14px; font-weight:normal;}
section.mainSection.J04>.in>ul>li.txt>div>h1>span.bold{font-weight:bold;}
section.mainSection.J04>.in>ul>li.txt>div>h3{font-size:10px; color:#666; font-weight:normal;}
section.mainSection.J04>.in>ul>li.txt>div>p{font-size:12px; line-height:15px; color:#333;}
section.mainSection.J04>.in>ul>li.txt>div>div.btn{display:inline-block; background:#a98b73;  margin:10px 0 0 0; border-radius:1px;}
section.mainSection.J04>.in>ul>li.txt>div>div.btn>a{display:block; padding:2px 15px; color:#fff; font-size:10px;}
section.mainSection.J04>.in>ul>li.txt>div>ul{margin-top:10px;}
section.mainSection.J04>.in>ul>li.txt>div>ul>li{}
section.mainSection.J04>.in>ul>li.txt>div>ul>li>i{margin-right:3px; color:#fed23a;}
section.mainSection.J04>.in>ul>li.txt>div>ul>li>span.bold{font-weight:bold;}
*/
section.mainSection.J04>.in>ul>li.txt>div>table{width:100%;}
section.mainSection.J04>.in>ul>li.txt>div>table>thead{background:#f4f4f4; font-size:12px; text-align:left;}
section.mainSection.J04>.in>ul>li.txt>div>table>thead>tr>td{padding:5px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody{}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr{}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td{width:auto; border:1px solid #f4f4f4; padding:20px 15px; font-size:10px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.img{display:none;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.title{width:30%; text-align:center; vertical-align:middle; color:#fff; font-weight:bold; background:#333;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.contents{text-align:left; background:#ddd;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.even>td.title{}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.even>td.contents{background:#f4f4f4;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.first-child>td.title{border-top-left-radius:10px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.last-child>td.title{border-bottom-left-radius:10px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.first-child>td.contents{border-top-right-radius:10px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.last-child>td.contents{border-bottom-right-radius:10px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot{display:none; padding:30px 0; border-bottom:1px solid #ccc;}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot>tr{}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot>tr>td{}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot>tr>td>ul{display:table; width:100%; font-size:0; line-height:0;}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot>tr>td>ul>li{display:inline-block; width:25%; padding:2%; vertical-align:middle;}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot>tr>td>ul>li>img{width:100%; height:auto;}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot>tr>td>img{width:100%; height:auto;}

section.mainSection.J05{}
section.mainSection.J05>.in{width:100%; max-width:1200px; margin:0 auto;}
section.mainSection.J05>.in>h2{font-size:10px; color:#a98b73; font-family:'Herr Von Muellerhoff'; text-align:center;}
section.mainSection.J05>.in>h1{font-size:14px; text-align:center;}
section.mainSection.J05>.in>span{display:block; width:20px; height:1px; margin:10px auto; background:#a98b73;}
section.mainSection.J05>.in>ul{}
section.mainSection.J05>.in>ul>li{width:100%; text-align:center; margin:50px 0;}
section.mainSection.J05>.in>ul>li>div.img{}
section.mainSection.J05>.in>ul>li>div.img>img{}
section.mainSection.J05>.in>ul>li>div.txt{}
section.mainSection.J05>.in>ul>li>div.txt>h1{font-size:12px; font-weight:normal;}
section.mainSection.J05>.in>ul>li>div.txt>h1>span.bold{font-weight:bold;}
section.mainSection.J05>.in>ul>li>div.txt>h2{font-size:10px; font-weight:normal; color:#666; }
section.mainSection.J05>.in>ul>li>div.txt>span{display:block; width:10px; height:1px; margin:10px auto; background:#a98b73;}
section.mainSection.J05>.in>ul>li>div.txt>p{font-size:10px; line-height:14px; color:#666;}
section.mainSection.J05>.in>ul>li>div.txt>.img{width:50%; margin:0 auto}
section.mainSection.J05>.in>ul>li>div.txt>.img>img{width:100%; height:auto;}
section.mainSection.J05>.in>ul>li>div.txt>ul{width:80%; margin:10px auto;}
section.mainSection.J05>.in>ul>li>div.txt>ul>li{float:left; display:inline-block; width:33.3%; width:calc(100% / 3); border-right:1px solid #eee;}
section.mainSection.J05>.in>ul>li>div.txt>ul>li:last-child{border:0;}
section.mainSection.J05>.in>ul>li>div.txt>ul>li>h1{font-size:12px;}
section.mainSection.J05>.in>ul>li>div.txt>ul>li>h1>span{color:#edd23f;}
section.mainSection.J05>.in>ul>li>div.txt>ul>li>p{font-size:10px;}



section.mainSection.J06{background:#fff; padding:30px 10px;}
section.mainSection.J06>.in{width:100%; max-width:1200px; margin:0 auto;}
section.mainSection.J06>.in>h1{font-size:14px; text-align:center; font-weight:normal;}
section.mainSection.J06>.in>h1>span.bold{font-weight:bold;}
section.mainSection.J06>.in>p{text-align:center; font-size:10px;}
section.mainSection.J06>.in>p>img{width:100%; height:auto; max-width:800px;}
section.mainSection.J06>.in>ul{margin-top:30px;}
section.mainSection.J06>.in>ul>li{float:left; width:33.3%; width:calc(100% / 3); text-align:center; padding:10px;}
section.mainSection.J06>.in>ul>li>p>img{width:100%; height:auto; max-width:150px;}
section.mainSection.J06>.in>ul>li>p{display:block; font-weight:bold;}
section.mainSection.J06>.in>ul>li>i{font-style:normal; color:#666;}

section.mainSection.J07{background:#3a4242;}
section.mainSection.J07>.in{width:100%; max-width:1950px; margin:0 auto;}
section.mainSection.J07>.in>ul{}
section.mainSection.J07>.in>ul>li{float:left; display:table; width:100%;}
section.mainSection.J07>.in>ul>li.img{padding:10px;}
section.mainSection.J07>.in>ul>li.img>p{}
section.mainSection.J07>.in>ul>li.img>p>img{width:100%; height:auto;}
section.mainSection.J07>.in>ul>li.txt{padding:20px 0 40px 0; }
section.mainSection.J07>.in>ul>li.txt>div{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
section.mainSection.J07>.in>ul>li.txt>div>h2{font-size:10px; color:#a98b73;}
section.mainSection.J07>.in>ul>li.txt>div>span{display:block; width:20px; height:1px; margin:10px auto; background:#fff;}
section.mainSection.J07>.in>ul>li.txt>div>h1{font-size:14px; font-weight:normal; color:#fff;}
section.mainSection.J07>.in>ul>li.txt>div>h1>span.bold{font-weight:bold;}
section.mainSection.J07>.in>ul>li.txt>div>h3{font-size:10px; color:#fed23a; font-weight:normal;}
section.mainSection.J07>.in>ul>li.txt>div>p{font-size:10px; line-height:15px; color:#aaa; font-style:italic;}
section.mainSection.J07>.in>ul>li.txt>div>div{margin-top:5px; color:#eee;}
section.mainSection.J07>.in>ul>li.txt>div>div>span.bold{font-weight:bold;}




section.mainSection.J08{background:#fff;}
section.mainSection.J08>.in{width:100%; max-width:1200px; margin:0 auto;}
section.mainSection.J08>.in>ul{}
section.mainSection.J08>.in>ul>li{float:left; display:table; width:100%;}
section.mainSection.J08>.in>ul>li.img{padding:10px; background-image:url('../img/J08.jpg'); background-size:cover; background-repeat:no-repeat; background-position:center;}
section.mainSection.J08>.in>ul>li.img>p{visibility:hidden; opacity:0;}
section.mainSection.J08>.in>ul>li.img>p>img{width:100%; height:auto;}
section.mainSection.J08>.in>ul>li.txt{padding:20px 0 40px 0; }
section.mainSection.J08>.in>ul>li.txt>div{display:table-cell; width:100%; height:100%; text-align:center; vertical-align:middle;}
section.mainSection.J08>.in>ul>li.txt>div>h2{font-size:10px; color:#a98b73;}
section.mainSection.J08>.in>ul>li.txt>div>span{display:block; width:20px; height:1px; margin:10px auto; background:#333;}
section.mainSection.J08>.in>ul>li.txt>div>h1{font-size:14px; font-weight:normal;}
section.mainSection.J08>.in>ul>li.txt>div>h1>span.bold{font-weight:bold;}
section.mainSection.J08>.in>ul>li.txt>div>h3{font-size:10px; color:#666; font-weight:normal;}
section.mainSection.J08>.in>ul>li.txt>div>p{font-size:10px; line-height:15px; color:#666;}
section.mainSection.J08>.in>ul>li.txt>div>div.btn{display:inline-block; background:#a98b73;  margin:10px 0 0 0; border-radius:1px;}
section.mainSection.J08>.in>ul>li.txt>div>div.btn>a{display:block; padding:2px 15px; color:#fff; font-size:10px;}
section.mainSection.J08>.in>ul>li.txt>div>ul{width:80%; margin:10px auto 0 auto;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li{width:100%; text-align:left; margin-bottom:4px; cursor:pointer;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li>h1{font-weight:normal; background:#f9f9f9; font-size:12px; padding:0 20px; line-height:40px; transition:background 0.3s;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li>h1>span.bold{font-weight:bold;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li>h1:hover{background:#eee;}

section.mainSection.J08>.in>ul>li.txt>div>ul>li>h1>i{margin-right:3px; float:right; line-height:40px; color:#666;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li>span.bold{font-weight:bold;}

section.mainSection.J08>.in>ul>li.txt>div>ul>li>h1>i.fa-plus{display:block;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li>h1>i.fa-minus{display:none;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li>p{visibility:hidden; height:0; padding:0;}

section.mainSection.J08>.in>ul>li.txt>div>ul>li.on>h1{background:#fff; border-bottom:1px solid #eee;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li.on>h1>i.fa-plus{display:none;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li.on>h1>i.fa-minus{display:block; color:#333;}
section.mainSection.J08>.in>ul>li.txt>div>ul>li.on>p{visibility:visible; height:100%; padding:30px;}



section.mainSection.J09{background:#f4f4f4; padding:30px 10px;}
section.mainSection.J09>.in{width:100%; max-width:1200px; margin:0 auto;}
section.mainSection.J09>.in>h1{font-size:14px; text-align:left; font-weight:normal;}
section.mainSection.J09>.in>h1>span.bold{font-weight:bold;}
section.mainSection.J09>.in>p{text-align:left; font-size:10px;}
section.mainSection.J09>.in>span{display:block; width:20px; height:1px; margin:10px 0; background:#a98b73;}
section.mainSection.J09>.in>ul{position:relative; z-index:14; margin-top:5%;}
section.mainSection.J09>.in>ul>li{float:left; width:48%; margin-bottom:10px;}
section.mainSection.J09>.in>ul>li.z1,
section.mainSection.J09>.in>ul>li.z3{margin-right:4%;}
section.mainSection.J09>.in>ul>li.z5{width:100%;}
section.mainSection.J09>.in>ul>li>p{font-size:10px;}
section.mainSection.J09>.in>ul>li>input,
section.mainSection.J09>.in>ul>li>textarea{width:100%; font-size:11px; border:0; height:24px; line-height:24px; padding-left:10px; border-radius:3px;}
section.mainSection.J09>.in>ul>li.z5>textarea{height:100px;}
section.mainSection.J09>.in>input.btn{display:inline-block; background:#a98b73; color:#fff; padding:2px 10px; cursor:pointer; border:0;}
section.mainSection.J09>.in>div.img{display:none;}



.JS-footer.top{background:#444; padding:20px 10px;}
.JS-footer.top>.in{width:100%; max-width:1200px; margin:0 auto;}
.JS-footer.top>.in>ul.sitemap{}
.JS-footer.top>.in>ul.sitemap>li{margin-bottom:5px; color:#999;}
.JS-footer.top>.in>ul.sitemap>li>h1{display:inline-block; font-size:12px; color:#ccc; padding-right:8px;}
.JS-footer.top>.in>ul.sitemap>li.z2{text-indent:10px;}
.JS-footer.top>.in>ul.sitemap>li>a{color:#ddd;}
.JS-footer.top>.in>ul.sitemap>li.z2>a{color:#666;}

.JS-footer.top>.in>ul.sns{margin-top:15px;}
.JS-footer.top>.in>ul.sns>li{float:left; display:inline-block; margin:0 15px 0 0;}
.JS-footer.top>.in>ul.sns>li>a{color:#ccc;}
.JS-footer.top>.in>ul.sns>li>i{font-size:20px;}

.JS-footer.bottom{background:#333; padding:20px 10px;}
.JS-footer.bottom>.in{width:100%; max-width:1200px; margin:0 auto;}
.JS-footer.bottom>.in>div.left{}
.JS-footer.bottom>.in>div.left>p{color:#fff;}
.JS-footer.bottom>.in>div.left>p.ro{color:#666;}
.JS-footer.bottom>.in>p{margin-top:20px;}
.JS-footer.bottom>.in>p>a{color:#666; cursor:pointer;}