/* BASIC css start */
/* header */


/* 상단반응형영역 */
@media all and (max-width :640px){ #contentWrapper { margin-top:0px !important;}}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : landscape){ #contentWrapper { margin-top:0px !important;}}
@media all and (min-width :641px) and (max-width :1024px) and (orientation : portrait){ #contentWrapper { margin-top:0px !important;}}
@media all and (min-width :1025px){ #contentWrapper { margin-top:0px !important; }}


#main_Box {width:100%; height:auto; margin:0 auto; position:relative; z-index:2;}
#main_Box #main_slide .mslide { width:100%; height:auto; text-align:center;}


#main_slide .s-item {position:relative;display:block;/* height:px; */  text-align:center;margin:0 auto;}
#main_slide .s-item img{margin:0 auto;  /* height:px; */ }
  
#main_slide .slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
#main_slide .mslide .slick-slider:hover .slick-next,#main_slide .mslide .slick-slider:hover .slick-prev{display:block !important;}
#main_slide .mslide .invisible{visibility: hidden;}
#main_slide .mslide .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
#main_slide .mslide .slick-list:focus{outline: none;}
#main_slide .mslide .slick-list.dragging{cursor: pointer;cursor: hand;}
#main_slide .mslide .slick-slider .slick-track,#main_slide .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
#main_slide .mslide .slick-track{position: relative;left:0;top:0;display:block;}
#main_slide .mslide .slick-track:before,.slick-track:after{content: "";display: table;}
#main_slide .mslide .slick-track:after{clear:both;}
#main_slide .mslide .slick-loading .slick-track{visibility: hidden;}
#main_slide .mslide .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .mslide .slick-slide{float: right;}
#main_slide .mslide .slick-slide img{display:block;}
#main_slide .mslide .slick-slide.slick-loading img{display: none;}
#main_slide .slick-slide.dragging img{pointer-events: none;}
#main_slide .slick-initialized .slick-slide {display:block;}
#main_slide .mslide .slick-loading .slick-slide{visibility: hidden;}
#main_slide .mslide .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
#main_slide .mslide .slick-prev,#main_slide .mslide .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:50%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* 화살표 처음위치 */

#main_slide .mslide .slick-prev{left:50%;margin-left:-48%;background:url(/design/gerio/wizdesign/slide_prev.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
#main_slide .mslide .slick-next{right:50%;margin-right:-48%;background:url(/design/gerio/wizdesign/slide_next.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */

#main_slide .mslide:hover .slick-prev{margin-left:-48%; opacity:1;filter:alpha(opacity=100);} /* 이전마우스오버시 위치 */
#main_slide .mslide:hover .slick-next{margin-right:-48%;opacity:1;filter:alpha(opacity=100);}  /* 다음마우스오버시 위치 */

#main_slide .mslide .slick-prev:hover{  opacity:0.5; filter:alpha(opacity=50);}  /* 이전화살표 마우스오버시 효과 */
#main_slide .mslide .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50);}  /* 다음화살표 마우스오버시 효과 */

#main_slide .mslide .slick-prev,#main_slide .mslide .slick-next{-o-transition:0.1s !important;-ms-transition:0.1s !important;-moz-transition:0.1s !important;-webkit-transition:0.1s !important;transition:0.1s !important;}
#main_slide .mslide .slick-slider{margin-bottom:0;}
#main_slide .mslide .slick-dots{ position:absolute;    top:50%;left:50%; margin-top:-40px; margin-left:-9px; transform: translateY(-50%); transform: translateX(-50%);  padding:0;display:block;list-style: none;display:block;text-align:center;width:10px; }
#main_slide .mslide .slick-dots li{position: relative;display: block;margin:0 4px;padding:0;cursor: pointer; margin:8px}
#main_slide .mslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#main_slide .mslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#main_slide .mslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#main_slide .mslide .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#e6e6e6; border-radius:0px;border:0px solid #e6e6e6;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
#main_slide .mslide .slick-dots li.slick-active button:before {   background:#818283; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */


.main_title h1  {
    padding:150px 0 0px;
    font-family:  'Lato';
    font-size: 65px;
    font-weight: 800;
    line-height: 1;
    text-align: center; text-transform:uppercase; }

.btn_round {
    position: relative;
    z-index: 1;
    border: 1px solid #868686;
    border-radius: 50px;
    padding: 10px 50px;
    width: 100px;
    text-align: center;
    color: #868686;
    font-weight: 600;
    font-size: 12px;
    margin: 0 auto; }

.pt-30 {
    padding-top: 30px; }
.center {
    text-align: center; }
.font-gray {
    color: #868686; }


.main_title:after { display: block; margin: 18px auto 100px; content: ""; width: 50px; height: 1px; background: #000;  }


@media all and (max-width :1024px){ .main_title h1 {  font-size: 30px; } }
@media all and (min-width :641px) and (max-width :1024px) and (orientation : landscape){ .main_title h1 {  font-size: 30px; } }
 
/* BASIC css end */