@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 #footer{ background:#fff; border-top:1px solid #eee;}
body #footer .box{color:#333;}
body #footer .box b .designed{color:#999;}
body #footer .box b .designed a{color:#999;}
body #footer .box b .designed a:hover{color:#ccc;}






/* 메인이미지 */
#section0{}
#section0 .mainVisual{}
.mainVisual{ }
.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{position:relative; text-align:left; height:100vh; background-position:center; background-size:cover; background-attachment:fixed;  z-index:11;

position:relative;background-image:url('/imgs/main-hand.jpg');background-position:center;background-attachment:fixed;background-size:cover;

}
.mainVisual .item:after{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); content:""; z-index:12;}
.mainVisual .item .text-box{position:relative; height:100%; max-width:1000px; padding:0 15px; margin:0 auto; text-align:left; box-sizing:border-box; z-index:13;}
.mainVisual .item .text-box .box{vertical-align:middle;}
.mainVisual .item .text-box h1{line-height:1; font-size:50px; font-weight:900; color:#fff; margin-bottom:5px;}
.mainVisual .item .text-box h2{color:#fff; font-size:13px; font-weight:300; line-height:1.3; margin-bottom:10px;}
.mainVisual .item .text-box h3{color:#fff; font-size:14px; font-weight:300; margin-bottom:30px;}
.mainVisual .item .text-box h3 p{}
.mainVisual .item .text-box h3 p span{display:inline-block; width:70px; font-weight:bold;}
.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 .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;}


@media all and (min-width:768px){
  .mainVisual .item{height:100vh;}
  .mainVisual .item .text-box{text-align:left;}
  .mainVisual .item .text-box h1{font-size:80px; margin-bottom:5px;}
  .mainVisual .item .text-box h2{font-size:18px; 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;}
}


body .mainVisual .item .text-box *{color:#333;}
body .mainVisual .item .text-box a{border-color:#333;}
body .mainVisual .item:after{background:rgba(0,0,0,0.1);}


#section1{padding:20px;}
#section1>.in{}
#section1 .cont{}
#section1 .cont + .cont{margin-top:10px;}
#section1 .cont ul{position:relative; padding-left:80px; box-sizing:border-box;}
#section1 .cont ul li{ vertical-align:middle; margin-right:10px; margin-bottom:5px;}
#section1 .cont ul li.title{width:80px; font-size:12px; position:absolute; top:30%; left:0;}
#section1 .cont ul li img{height:50px; 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-right:20px; margin-bottom:10px;}
  #section1 .cont ul li.title{position:static; width:100px; font-size:16px;}
  #section1 .cont ul li img{height:80px;}


}















































/**/