@charset "utf-8";


/*
html,body{overflow:hidden;}
*/
#wrap{padding:0;}
body #contents{padding:0;}
.header .bottom-in{display:none;}
body #footer{margin-top:0;}
body #section2{margin-top:0;}
body #header{box-shadow:none; background:transparent; box-shadow:none !important;}
body #header .gnb ul li.d1:after{display:none;}
body #header .gnb ul li.d1>a{color:#fff;}








/* 메인이미지 */
#section0{}
#section0 .mainVisual{}
.mainVisual{font-family:'Roboto';}
.mainVisual>.in{}
.mainVisual .slick-slider{margin:0 !important;}
.mainVisual .slick-slider div.slick-list{}
.mainVisual .slick-slider div.slick-list div.slick-track{}
.mainVisual .item{height:100vh; position:relative; text-align:center;  background-image:url('/imgs/main-bg-2000.jpg'); background-position:center; background-size:cover;    z-index:11;}
.mainVisual .item:after{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); content:""; z-index:12;}
/*
.mainVisual .item .text-box{position:relative; height:100vh;  text-align:left; max-width:1000px; padding:0 15px; margin:0 auto;  box-sizing:border-box; z-index:14;}
.mainVisual .item .text-box .box{vertical-align:middle;}
.mainVisual .item .text-box h1{line-height:1; font-size:50px; font-weight:700; margin-bottom:15px;}
.mainVisual .item .text-box h2{color:#fff; font-size:19px; font-weight:500; line-height:1.3; margin-bottom:10px;}
.mainVisual .item .text-box h2 b{display:block; font-size:28px; font-weight:900;}
.mainVisual .item .text-box h3{color:#f1e0b4; font-size:25px; font-weight:900; margin-bottom:30px;}
.mainVisual .item .text-box h3 p{  }
.mainVisual .item .text-box h3 span{font-size:17px;}
.mainVisual .item .text-box a{display:inline-block; font-weight:400; padding:5px 10px; border:1px solid #fff; color:#fff; transition:0.2s;}
.mainVisual .item .text-box a:hover{background:rgba(0,0,0,0.2);}
*/

.mainVisual .item .text-img{position:relative; height:100vh;  padding:0 15px;  max-width:500px; margin:0 auto; box-sizing:border-box; z-index:14;}
.mainVisual .item .text-img .box{vertical-align:middle;}
.mainVisual .item .text-img span{ display:block; box-sizing:border-box; max-width:1300px;}
.mainVisual .item .text-img.mo a{display:inline-block;    background: #fcd15c; padding:10px 20px; text-align:center; color:#8c4709; font-size:15px; font-weight:700; margin-top:30px; transition:0.2s;}
.mainVisual .item .text-img.pc a{display:inline-block;    background: #fcd15c; padding:15px 40px; text-align:center; color:#8c4709; font-size:20px; font-weight:700; margin-top:50px; transition:0.2s;}
.mainVisual .item .text-img.pc a:hover{opacity:0.8;}
.mainVisual .item .text-img .box img{}

.mainVisual .item .text-img.mo{display:table; text-align:left;}
.mainVisual .item .text-img.pc{display:none;}

.mainVisual .slick-dots{bottom:20px;}
.mainVisual .slick-dots li{margin:0;}
.mainVisual .slick-dots li button{width:15px; padding:0; margin:0;}
.mainVisual .slick-dots li button:before{width:15px; color:#fff; opacity:1;}
.mainVisual .slick-dots li.slick-active{}
.mainVisual .slick-dots li.slick-active button:before{color:#6067b3;}

.mainVisual #particles-js{position:absolute; top:0; left:0; width:100%; height:100%; z-index:13;}

.color-gradient{
  background: #F5A25C;
  background: linear-gradient(to right, #F5A25C 0%, #FDD76A 20%, #FFFFFF 76%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


@media all and (min-width:768px){
  .mainVisual .item{min-height:100vh; height:auto; background-image:url('/imgs/main-bg-2000-pc.jpg'); }
  .mainVisual .item:after{background:rgba(0,0,0,0.5); }
  .mainVisual .item .text-img{min-height:100vh; padding:100px 0; height:auto; max-width:50%; background:rgba(0,0,0,0); }
  .mainVisual .item .text-img span{display:inline-block; background:rgba(0,0,0,0.6); padding:80px 50px;}
  .mainVisual .item .text-img.mo{display:none;}
  .mainVisual .item .text-img.pc{display:table; max-width:90%;}
  /*
  .mainVisual .item .text-box{}
  .mainVisual .item .text-box h1{font-size:80px; margin-bottom:5px;}
  .mainVisual .item .text-box h2{font-size:25px; margin-bottom:20px;}
  .mainVisual .item .text-box h3{font-size:22px; line-height:1.4; margin-bottom:80px;}
  .mainVisual .item .text-box h3 p span{width:100px;}
  .mainVisual .item .text-box a{padding:8px 25px; font-size:20px;}
  */
}





#section1{padding:20px; box-sizing:border-box;}
#section1>.in{}
#section1 .cont{}
#section1 .cont + .cont{margin-top:10px;}
#section1 .cont ul{position:relative; box-sizing:border-box;}
#section1 .cont ul li{vertical-align:middle; margin:10px;}
#section1 .cont ul li.title{display:block; font-size:30px; font-weight:bold; color:#f4a45b;}
#section1 .cont ul li img{height:30px; vertical-align:middle;}

@media all and (min-width:768px){


  #section1{padding:40px 10px;}
  #section1>.in{max-width:1200px; margin:0 auto;}
  #section1 .cont ul{padding-left:0;}
  #section1 .cont ul li{margin:15px; transition:0.2s;}
  #section1 .cont ul li:hover{opacity:0.7;}
  #section1 .cont ul li.title{ }
  #section1 .cont ul li img{height:50px;}


}















































/**/