@charset "utf-8";

/*/

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

/*/




@media all and (min-width:900px){
.JS-header.pc{height:80px; background:rgba(0,0,0,0.0); transition:0.4s;}
.JS-header.pc.Scroll{opacity:0;}
.JS-header.pc:hover{background:rgba(0,0,0,0.7); opacity:1;}
.JS-header.pc>.in>h1.logo{left:50px; line-height:80px; width:auto; text-align:left; font-size:20px;}
.JS-header.pc>.in>h1.logo>a>img{max-height:80px; padding:10px;}
.JS-header.pc>.in>nav.gnb{display:block; position:absolute; top:0; right:50px;}
.JS-header.pc>.in>nav.gnb>ul.depth01{}
.JS-header.pc>.in>nav.gnb>ul.depth01>li{float:left;  margin:0 10px;}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>a{position:relative; display:inline-block; color:#fff; line-height:80px; cursor:pointer;}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>a>span{position:absolute; top:24px; left:50%; width:0; height:2px; background:#fee74d; transition:0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>a:hover{}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>a:hover>span{width:100%; left:0; width:100%;}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>div.depth01Area{display:none;}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>div.depth01Area>ul.depth02{}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>div.depth01Area>ul.depth02>li{}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>div.depth01Area>ul.depth02>li>a{}
.JS-header.pc>.in>nav.gnb>ul.depth01>li>div.depth01Area>ul.depth02>li>a:hover{color:#aaa;}

section.JS-remote{display:block; position:fixed; top:50%; left:5px; margin-top:-90px; width:auto; height:180px; z-index:100; background:rgba(200,200,200,0.3); border-radius:5px;}
section.JS-remote:hover{background:rgba(250,250,250,0.8);}
section.JS-remote>.in{padding:10px;}
section.JS-remote>.in>nav.gnb{}
section.JS-remote>.in>nav.gnb>ul{}
section.JS-remote>.in>nav.gnb>ul>li{cursor:pointer; height:20px; line-height:20px;}
section.JS-remote>.in>nav.gnb>ul>li>a{}

section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h4>i{font-size:50px;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h1{font-size:50px; line-height:50px;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>span.line{display:block; width:60px; height:4px; margin:30px auto; border-radius:3px; background:#fee74d;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h3{font-size:20px; padding:2% 0;}
section.JS-mainVisual>.in ul.sliderArea .slick-slide>a>i>span>i>h2{display:block; margin-top:10px; font-size:16px; line-height:22px; font-weight:300;}

section.mainSection.J01>.in{}
section.mainSection.J01>.in.top{padding:80px 50px 50px 50px;}
section.mainSection.J01>.in.bottom{padding:50px 50px 80px 50px;}
section.mainSection.J01>.in>div{float:left; width:50%;}
section.mainSection.J01>.in>div.left{display:table; padding:0 5% 0 0; text-align:left;}
section.mainSection.J01>.in.top>div.left{padding:0 0 0 10%;}
section.mainSection.J01>.in>div.left>div{display:table-cell; vertical-align:middle;}
section.mainSection.J01>.in>div.left>div>h2{font-size:12px; line-height:20px; letter-spacing:1px; margin-bottom:5px;}
section.mainSection.J01>.in>div.left>div>span{width:7%; height:1px; margin:15px 0 15px 93%;}
section.mainSection.J01>.in>div.left>div>h1{font-size:34px; line-height:40px; font-weight:normal; letter-spacing:1px; padding:3% 0;}
section.mainSection.J01>.in>div.left>div>h1>span.bold{font-weight:bold;}
section.mainSection.J01>.in>div.left>div>p{font-size:13px; line-height:18px;}
section.mainSection.J01>.in>div.left>div>div.btn{margin:20px 0 0 0;}
section.mainSection.J01>.in>div.left>div>div.btn>a{padding:4px 20px; color:#fff; font-size:12px;}
section.mainSection.J01>.in.bottom>div.left>div>h1{font-size:25px; padding:0; line-height:30px;}
section.mainSection.J01>.in.bottom>div.left>div>h2{margin:0;}
section.mainSection.J01>.in.bottom>div.left>div>p{padding:20px 0; font-size:14px; line-height:20px;}
section.mainSection.J01>.in.bottom>div.left>div>ul{}
section.mainSection.J01>.in.bottom>div.left>div>ul>li{font-size:15px; line-height:28px;}

section.mainSection.J02{padding:80px 10px 500px 10px;}
section.mainSection.J02>.in>h2{font-size:20px;}
section.mainSection.J02>.in>h1{font-size:35px; line-height:35px;}
section.mainSection.J02>.in>span{display:block; width:40px; height:1px; margin:20px auto;}
section.mainSection.J02>.in>p{font-size:14px;}
section.mainSection.J02>.in>ul{display:table; width:100%; font-size:0; line-height:0; margin-top:50px; table-layout:fixed;}
section.mainSection.J02>.in>ul>li{display:inline-block; width:30%; margin:1.5%; max-height:200px; vertical-align:top;}
section.mainSection.J02>.in>ul>li>div{float:left; width:25%;}
section.mainSection.J02>.in>ul>li>div.img{}
section.mainSection.J02>.in>ul>li>div.img>img{}
section.mainSection.J02>.in>ul>li>div.txt{width:75%; padding:5% 20px 20px 20px;}
section.mainSection.J02>.in>ul>li>div.txt>h1{font-size:20px; line-height:18px;}
section.mainSection.J02>.in>ul>li>div.txt>p{margin:10px 0; font-size:14px; line-height:18px;}
section.mainSection.J02>.in>ul>li>div.txt>i{font-size:14px;}

section.mainSection.J04{padding:5% 0 0 0; background:#fff;}
section.mainSection.J04>.in{max-width:1200px; padding:0 5%;}
section.mainSection.J04>.in>p{font-size:13px; color:#666;}
section.mainSection.J04>.in>h1{font-size:25px; line-height:35px;}
section.mainSection.J04>.in>ul>li{}
section.mainSection.J04>.in>ul{padding:7% 0; display:table; width:100%; font-size:0; line-height:0;}
section.mainSection.J04>.in>ul>li.txt{display:inline-block; width:100%; padding:0 2%; font-size:12px; line-height:18px; vertical-align:top;}
/*
section.mainSection.J04>.in>ul>li.img{width:40%; padding:0; min-height:100px; background-image:url('../img/J04.jpg'); background-size:cover; background-position:center;;}
section.mainSection.J04>.in>ul>li.img>p{display:none;}
section.mainSection.J04>.in>ul>li.txt{width:100%; padding:0;}
section.mainSection.J04>.in>ul>li.txt>div{text-align:left;}

section.mainSection.J04>.in>ul>li.txt>div>h2{font-size:17px; line-height:13px; letter-spacing:1px; margin-bottom:3px;}
section.mainSection.J04>.in>ul>li.txt>div>span{display:none; width:50px; margin:15px auto 20px auto;}
section.mainSection.J04>.in>ul>li.txt>div>h1{font-size:25px; line-height:23px;}
section.mainSection.J04>.in>ul>li.txt>div>h3{font-size:12px; margin:10px 0 20px 0;}
section.mainSection.J04>.in>ul>li.txt>div>p{font-size:15px; line-height:22px; color:#666; font-weight:500;}
section.mainSection.J04>.in>ul>li.txt>div>div.btn{margin:20px 0 0 0;}
section.mainSection.J04>.in>ul>li.txt>div>div.btn>a{padding:4px 20px; color:#fff; font-size:12px;}
section.mainSection.J04>.in>ul>li.txt>div>ul{width:90%; margin-top:20px; border-top:1px solid #ddd;}
section.mainSection.J04>.in>ul>li.txt>div>ul>li{line-height:30px; border-bottom:1px solid #ddd;}
section.mainSection.J04>.in>ul>li.txt>div>ul>li>i{margin-right:3px;}
section.mainSection.J04>.in>ul>li.txt>div>ul>li>span.bold{font-weight:bold;}
*/
section.mainSection.J04>.in>ul>li.txt>div>table{}
section.mainSection.J04>.in>ul>li.txt>div>table>thead{font-size:18px; padding:5px; background:#fff;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody{border-top:1px solid #ccc;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr{border-bottom:1px solid #ccc;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td{padding:20px 15px; border:0; font-size:12px; transition:0.3s; border-radius:0 !important; cursor:default;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.img{display:table-cell; width:30%; padding:20px; background:#fff;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.img>img{width:100%; height:auto;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.title{width:auto; padding:20px 35px; font-size:14px; font-weight:normal; background:#f4f4f4; color:#333;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr>td.contents{background:#fff;}
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:#fff;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.first-child>td.title{width:200px;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.last-child>td.title{}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr:hover>td.title{background:#999; color:#fff;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr:hover>td.contents{background:#f4f4f4; color:#000;}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.even:hover>td.title{}
section.mainSection.J04>.in>ul>li.txt>div>table>tbody>tr.even:hover>td.contents{}
section.mainSection.J04>.in>ul>li.txt>div>table>tfoot{display:block; display:table-footer-group;}
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.J05{padding:80px 10px 500px 10px;}
section.mainSection.J05>.in>h2{font-size:20px;}
section.mainSection.J05>.in>h1{font-size:35px; line-height:35px;}
section.mainSection.J05>.in>span{display:block; width:40px; height:1px; margin:20px auto;}
section.mainSection.J05>.in>ul{}
section.mainSection.J05>.in>ul>li{float:left; width:33.3%; width:calc(100% / 3); text-align:left; padding:15px;}
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:25px;}
section.mainSection.J05>.in>ul>li>div.txt>h2{font-size:13px;}
section.mainSection.J05>.in>ul>li>div.txt>span{position:relative; width:100%; margin:30px auto; background:#ddd;}
section.mainSection.J05>.in>ul>li>div.txt>span>div{position:absolute; top:-1px; left:0; width:15%; height:3px; background:#edd23f;}
section.mainSection.J05>.in>ul>li>div.txt>p{font-size:12px; line-height:16px;}
section.mainSection.J05>.in>ul>li.z1>div.txt>.img{width:100%; margin:0 auto;}
section.mainSection.J05>.in>ul>li.z1>div.txt>ul{width:100%; margin:20px auto;}
section.mainSection.J05>.in>ul>li.z1>div.txt>ul>li{width:27.3%; width:calc(100% / 3 - 5%); margin-right:5%; text-align:left;}
section.mainSection.J05>.in>ul>li.z1>div.txt>ul>li>h1{font-size:18px;}
section.mainSection.J05>.in>ul>li.z1>div.txt>ul>li>h1>span{}
section.mainSection.J05>.in>ul>li.z1>div.txt>ul>li>p{font-size:11px; color:#999;}
section.mainSection.J05>.in>ul>li.z1>div.txt>p{font-size:12px; letter-spacing:0; text-transform:uppercase;}
section.mainSection.J05>.in>ul>li.z2{}
section.mainSection.J05>.in>ul>li.z2 ul.sliderArea{width:100%;}
section.mainSection.J05>.in>ul>li.z2 ul.sliderArea li{padding:50px 30px;}
section.mainSection.J05>.in>ul>li.z2 ul.sliderArea li span{font-size:20px;}
section.mainSection.J05>.in>ul>li.z2 ul.sliderArea li h1{font-size:15px; margin:10px 0 30px 0;}
section.mainSection.J05>.in>ul>li.z2 ul.sliderArea li p{font-size:14px; line-height:25px; color:#666; font-style:italic;}
section.mainSection.J05>.in>ul>li.z3>div.txt>p{width:100%; margin:0 auto 15px auto; color:#666; font-size:14px; line-height:22px;}

section.mainSection.J06{padding:7% 0; background:#f4f4f4;}
section.mainSection.J06>.in>p{font-size:13px; color:#666;}
section.mainSection.J06>.in>h1{font-size:25px; line-height:35px;}
section.mainSection.J06>.in>ul{display:table; width:auto; margin:50px auto 0 auto; text-align:center;}
section.mainSection.J06>.in>ul>li{float:left; display:inline-block; width:150px; text-align:center; padding:0;}
section.mainSection.J06>.in>ul>li>p{width:100%; font-size:30px; line-height:40px;}
section.mainSection.J06>.in>ul>li>i{font-size:15px;}


section.mainSection.J07{}
section.mainSection.J07>.in>ul>li{width:50%;}
section.mainSection.J07>.in>ul.reverse>li{float:right;}
section.mainSection.J07>.in>ul>li.img{padding:0; min-height:100px; background-image:url('../img/J07.jpg'); background-size:cover; background-position:center;}
section.mainSection.J07>.in>ul>li.img>p{display:none;}
section.mainSection.J07>.in>ul>li.txt{padding:0;}
section.mainSection.J07>.in>ul>li.txt>div{text-align:left; padding:15% 10% 15% 40%;}
section.mainSection.J07>.in>ul>li.txt>div>h2{font-size:17px; line-height:13px; letter-spacing:1px; margin-bottom:3px;}
section.mainSection.J07>.in>ul>li.txt>div>span{display:none; width:50px; margin:15px auto 20px auto;}
section.mainSection.J07>.in>ul>li.txt>div>h1{font-size:25px; line-height:23px;}
section.mainSection.J07>.in>ul>li.txt>div>h3{font-size:12px; margin:10px 0 20px 0;}
section.mainSection.J07>.in>ul>li.txt>div>p{display:inline-block; font-size:15px; line-height:22px; margin-top:10px;}
section.mainSection.J07>.in>ul>li.txt>div>div{font-size:17px; margin-top:15px; color:#eee; font-weight:100; line-height:25px;}



section.mainSection.J08{}
section.mainSection.J08>.in>ul>li{width:50%;}
section.mainSection.J08>.in>ul.reverse>li{float:right;}
section.mainSection.J08>.in>ul>li.img{padding:0; min-height:100px; }
section.mainSection.J08>.in>ul>li.img>p{}
section.mainSection.J08>.in>ul>li.txt{padding:0;}
section.mainSection.J08>.in>ul>li.txt>div{text-align:left; padding:15% 0 15% 15%;}
section.mainSection.J08>.in>ul>li.txt>div>h2{font-size:17px; line-height:13px; letter-spacing:1px; margin-bottom:3px;}
section.mainSection.J08>.in>ul>li.txt>div>span{display:none; width:50px; margin:15px auto 20px auto;}
section.mainSection.J08>.in>ul>li.txt>div>h1{font-size:25px; line-height:23px;}
section.mainSection.J08>.in>ul>li.txt>div>h3{font-size:12px; margin:10px 0 20px 0;}
section.mainSection.J08>.in>ul>li.txt>div>p{font-size:15px; line-height:22px; color:#666; font-weight:500;}
section.mainSection.J08>.in>ul>li.txt>div>ul{width:80%; margin:40px 0 0 0;}



section.mainSection.J09{padding:80px 10px;}
section.mainSection.J09>.in{position:relative;}
section.mainSection.J09>.in>p{font-size:13px; color:#666;}
section.mainSection.J09>.in>h1{font-size:25px; line-height:35px;}
section.mainSection.J09>.in>span{display:block; width:40px; height:1px; margin:20px 0;}
section.mainSection.J09>.in>ul{width:40%;}
section.mainSection.J09>.in>ul>li{margin-bottom:15px;}
section.mainSection.J09>.in>ul>li>p{font-size:12px;}
section.mainSection.J09>.in>div.img{display:block; position:absolute; bottom:-80px; right:10%; z-index:11;}
section.mainSection.J09>.in>input.btn{padding:5px 30px; border-radius:4px;}











.JS-footer.top{background:#444; padding:30px 10px;}
.JS-footer.top>.in{width:100%; max-width:1200px; margin:0 auto;}
.JS-footer.top>.in>ul.sitemap{float:left;}
.JS-footer.top>.in>ul.sns{float:right; margin-top:0;}
.JS-footer.top>.in>ul.sns>li>a{color:#fff; font-size:15px;}

.JS-footer.bottom{padding:20px 10px;}
.JS-footer.bottom>.in{}
.JS-footer.bottom>.in>div.left{display:inline-block; float:left;}
.JS-footer.bottom>.in>div.left>p{}
.JS-footer.bottom>.in>div.left>p.ro{}
.JS-footer.bottom>.in>p{display:inline-block; float:right; margin:0;}
.JS-footer.bottom>.in>p>a{}







}








/**/