/* BASIC css start */
#contentWrap { width:100%; }


#header { border-bottom:0px solid #F6F6F6 !important;   }  /* ¸ÞÀλó´Ü¿µ¿ª¾Æ·¡ ¶óÀÎ ¾ø¾Ö±â */


#section01 { width:100%; height:450px; margin:0 auto 50px;clear: both  ;overflow:hidden; } /* ¸ÞÀÎÅ«À̹ÌÁö ¿µ¿ª */

#section02 { width:1300px; height:580px; margin:50px auto; position:relative;  clear: both }  /* ¸ÞÀÎ ¹è³Ê¿µ¿ª */

#section03 { width:1300px;margin:0 auto; position:relative;  clear: both }  /* ¸ÞÀÎ ÅǸ޴º¿µ¿ª */
#section03 { display:none ;}
#section04 { width:1300px;margin:80px auto 20px; position:relative;  clear: both }  /* ¸ÞÀÎ ·Õ¹è³Ê01¿µ¿ª */

#section05 { width:1300px;margin:50px auto 0; position:relative;  clear: both }  /* ¸ÞÀÎ ½Å»óÇ°¿µ¿ª */

#section06 { width:100%; margin:30px auto; position:relative;  clear: both; background:rgba(245,245,245,1); height:580px;   }    /* ¸ÞÀε¿¿µ»ó¿µ¿ª */

#section07 { width:1300px;margin:0 auto; position:relative;  clear: both }  /* ¸ÞÀÎ º£½ºÆ®»óÇ°¿µ¿ª */

#section08 { width:100%;margin:0 auto; position:relative;  clear: both }    /* ¸ÞÀÎ ¿ÍÀ̵å¹è³Ê1¹ø¿µ¿ª */

#section09 { width:1300px;margin:0 auto; position:relative;  clear: both }  /* ¸ÞÀÎ ½ºÆä¼È¿µ¿ª */

#section10 { width:1300px;margin:0 auto; position:relative;  clear: both }   /* ¸ÞÀÎ ÀνºÅ¸±×·¥¿µ¿ª */




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¸ÞÀÎÅ«À̹ÌÁö¿µ¿ª ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */





#main_Box {width:1920px; height:450px; margin:0 auto; position:relative; z-index:2; }


@media (min-width:1920px)  { 
#main_Box #main_slide { position:absolute; width:1920px; height:450px; top:0;  left:50% !important; transform:translateX(-50%);  /* margin-left:-952px; */}
#main_Box #main_slide .mslide {  width:1920px; height:450px; float:left;  }
#main_Box #main_slide .main_r {  width:600px; height:450px; float:right;  }
}


@media (max-width:1920px)  { 
#main_Box #main_slide { width:1920px; height:450px; }

#main_Box #main_slide .mslide {  width:1920px; height:450px; display:block; }
#main_Box #main_slide .main_r { display:none }

}


.main_rdown { clear: both; padding-top:5px;  }
.main_rdown img:hover { opacity:0.8;filter:alpha(opacity=80);  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

#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:-825px;background:url(/design/yahe2008/wizdesign/slide_prev.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
#main_slide .mslide .slick-next{right:50%;margin-right:-825px;background:url(/design/yahe2008/wizdesign/slide_next.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

#main_slide .mslide:hover .slick-prev{margin-left:-815px; opacity:1;filter:alpha(opacity=100);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
#main_slide .mslide:hover .slick-next{margin-right:-815px;opacity:1;filter:alpha(opacity=100);}  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

#main_slide .mslide .slick-prev:hover{background:url(/design/yahe2008/wizdesign/slide_prev.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
#main_slide .mslide .slick-next:hover{background:url(/design/yahe2008/wizdesign/slide_next.png) 50% 50% no-repeat; opacity:0.5; filter:alpha(opacity=50);}  /* ´ÙÀ½È­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */

#main_slide .mslide .slick-prev,#main_slide .mslide .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
#main_slide .mslide .slick-slider{margin-bottom:0;}
#main_slide .mslide .slick-dots{position:absolute;bottom:20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
#main_slide .mslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#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:#888; border-radius:100px;border:0px solid #888;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:#333; width:25px;  /* µµÆ®»çÀÌÁî */ opacity: 1; }  /* ÇöÀ絵Ʈ»çÀÌÁî */
 



.view300 {
   width: 300px;
   height: 220px;
   margin: 0px;

   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff;
}
.view300 .mask,.view300 .content {
   width: 300px;
   height: 220px;

   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}



.view300 .mask .txt{
   width: 300px;
   height: 220px;
   display:table-cell;
   vertical-align:middle;
  
}

.view300 img {
   display: block;
   position: relative;
}
.view300 h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view300 p {
   font-family: 'Lato','Roboto','Nanum Square','³ª´®°íµñ','Nanum Gothic', Georgia, serif;
   font-style: ;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view300 a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view300 a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}



.view295 {
   width: 295px;
   height: 220px;
   margin: 0px;

   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff;
}
.view295 .mask,.view295 .content {
   width: 295px;
   height: 220px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}



.view295 .mask .txt{
   width: 600px;
   height: 225px;
   display:table-cell;
   vertical-align:middle;
  
}

.view295 img {
   display: block;
   position: relative;
}
.view295 h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 14px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view295 p {
   font-family: 'Lato','Roboto','Nanum Square','³ª´®°íµñ','Nanum Gothic', Georgia, serif;
   font-style: ;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view295 a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view295 a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}




.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;

}
.view-tenth .mask {
   background-color: rgba(208, 208, 208, 0.3);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;    

}
.view-tenth h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: rgba(0, 0, 0, 0.7) ;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #fff;
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;

}
.view-tenth p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.view-tenth a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.3s linear;
   -moz-transition: all 0.3s linear;
   -o-transition: all 0.3s linear;
   -ms-transition: all 0.3s linear;
   transition: all 0.3s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -o-transform: scale(1.5);
   -ms-transform: scale(1.5);
   transform: scale(1.5);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)";
   filter: alpha(opacity=50);
   opacity: 0.5;

}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

}








.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;

}
				
	

/* 2102224 ¸ÞÀΠŸÀÌƲ */

.mslide_tit { float:left; position:absolute; top: 0px; left: 0px; z-index: 9999; transition: opacity .5s linear 2s; }



.mslide_tit {
    animation: fadein 1s;
    -moz-animation: fadein 2s; /* Firefox */
    -webkit-animation: fadein 2s; /* Safari and Chrome */
    -o-animation: fadein 2s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
        top:30px;
    }
    to {
        opacity:1;
        top:0px;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}


 /* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // section01 - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */






/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å section02¿µ¿ª-¹è³Ê ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */



#section02 .item01 {float:left; width:520px; height:580px;}
#section02 .item01 .s-item {position:relative;display:block; /* height:px; */  text-align:center;margin:0 auto;}
#section02 .item01 .s-item img{ margin:0 auto;  /* height:px; */ }
  
#section02 .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;}
#section02 .item01 .slick-slider:hover .slick-next,#section02 .item01 .slick-slider:hover .slick-prev{display:block !important;}
#section02 .item01 .invisible{visibility: hidden;}
#section02 .item01 .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
#section02 .item01 .slick-list:focus{outline: none;}
#section02 .item01 .slick-list.dragging{cursor: pointer;cursor: hand;}
#section02 .item01 .slick-slider .slick-track,#section02 .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);}
#section02 .item01 .slick-track{position: relative;left:0;top:0;display:block;}
#section02 .item01 .slick-track:before,.slick-track:after{content: "";display: table;}
#section02 .item01 .slick-track:after{clear:both;}
#section02 .item01 .slick-loading .slick-track{visibility: hidden;}
#section02 .item01 .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .slick-slide{float: right;}
#section02 .slick-slide img{display:block;}.slick-slide.slick-loading img{display: none;}
#section02 .slick-slide.dragging img{pointer-events: none;}
#section02 .slick-initialized .slick-slide{display:block;}
#section02 .item01 .slick-loading .slick-slide{visibility: hidden;}
#section02 .item01 .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}

#section02 .item01 .slick-prev,#section02 .slick-next{position:absolute;display:block !important;cursor: pointer;width:25px;height:44px;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;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */

#section02 .item01 .slick-prev{ left:0px; background:url(/design/yahe2008/wizdesign/slide2_prev.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
#section02 .item01 .slick-next{right:0px; background:url(/design/yahe2008/wizdesign/slide2_next.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

#section02 .item01:hover .slick-prev{margin-left:10px;opacity:0.7;filter:alpha(opacity=70);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
#section02 .item01:hover .slick-next{margin-right:10px;opacity:0.7;filter:alpha(opacity=70);}  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

#section02 .item01 .slick-prev:hover{background:url(/design/yahe2008/wizdesign/slide2_prev.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
#section02 .item01 .slick-next:hover{background:url(/design/yahe2008/wizdesign/slide2_next.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* ´ÙÀ½È­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */

#section02 .item01 .slick-prev,#section02 .item01 .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
#section02 .item01 .slick-slider{margin-bottom:0;}
#section02 .item01 .slick-dots{ position:absolute;bottom:20px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%;}
#section02 .item01 .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
#section02 .item01 .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
#section02 .item01 .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
#section02 .item01 .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
#section02 .item01 .slick-dots li button:before{display:block;width:10px;height:10px;content: ""; background:#888; border-radius:100px;border:0px solid #888;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;}
#section02 .item01 .slick-dots li.slick-active button:before {   background:#333; width:25px;  /* µµÆ®»çÀÌÁî */ opacity: 1; }  /* ÇöÀ絵Ʈ»çÀÌÁî */
 

#section02 .item02 {float:left; width:760px; padding:0 0 0 20px;}
#section02 .item02 .item02-1 {  }
#section02 .item02 .item02-2 { clear: both ;padding-top:20px; }
#section02 img {  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out; }
 


/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // section02¿µ¿ª - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */





/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å section03¿µ¿ª-ÅǸ޴º ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */


#tapSlider .slick-slider{position: relative;display:block;box-sizing:border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
#tapSlider .slick-list{position: relative;display:block;overflow: hidden;margin:0;padding:0;}
#tapSlider .slick-list:focus{outline: none;}.slick-list.dragging{cursor: pointer;cursor: hand;}
#tapSlider .slick-slider .slick-track,.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);}
#tapSlider .slick-track{position: relative;top:0;left:0;display:block;}
#tapSlider .slick-track:before,.slick-track:after{display: table;content: '';}
#tapSlider .slick-track:after{clear:both;}
#tapSlider .slick-loading .slick-track{visibility: hidden;}
#tapSlider .slick-slide{display: none;float: left;height:100%;min-height:1px;}[dir='rtl'] .slick-slide{float: right;}
#tapSlider .slick-slide img{display:block;}.slick-slide.slick-loading img{display: none;}.slick-slide.dragging img{pointer-events: none;}
#tapSlider .slick-initialized .slick-slide{display:block;}
#tapSlider .slick-loading .slick-slide{visibility: hidden;}
#tapSlider .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
#tapSlider .slick-arrow.slick-hidden{display: none;}


#tapSlider {position:relative;overflow:hidden;display:block;width:1300px;height:auto;margin:0 auto 20px;outline:none;z-index:1; BORDER-TOP: #EEEEEE 1px; BORDER-RIGHT: #EEEEEE 1px solid; BORDER-BOTTOM: #EEEEEE 1px solid; BORDER-LEFT: #EEEEEE 1px solid;  }
#tapSlider .slick-list:focus{outline: none;}
#tapSlider .slick-prev:before,#tapSlider .slick-next:before{}

#tapSlider .slick-dots {position:absolute;text-align:center; width:1298px;border:1px solid #ccc; border-bottom:1px solid #000;z-index:900;height:46px;left:0;text-align:center;top:0;display:block;  left:-1px;right:-1px;}
#tapSlider .slick-dots li:first-child{}
#tapSlider .slick-dots li {display:inline-block;position:relative; width:calc(100% / 6) !important;height:46px;line-height:46px;text-align:center;font-weight:500; border-left:0px solid #ccc; background:rgba(248,248,248,1); -webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box; }

#tapSlider .slick-dots li a {position:absolute;top:-1px; left:-1px;bottom:-1px;right:0;display:block;text-align:center;line-height:48px;border:1px solid transparent;margin:0 !important;padding:0 !important;cursor:pointer;color:#8a8a8a;font-family: 'Lato','Roboto', 'Nanum Square', 'Nanum Gothic', Arial; font-size:11px;z-index:10;}
#tapSlider .slick-dots li:last-child a{right:-2px;}
#tapSlider .slick-dots li.slick-active { background:#fff; border-left:1px solid #000; }
#tapSlider .slick-dots li.slick-active a {  font-weight:bold;  color:#000; border-top:1px solid #000; border-left:1px solid #000;  border-right:1px solid #000; background:rgba(255,255,255,1);   }
#tapSlider .slick-dots li,#tapSlider .slick-dots a{-o-transition:0.2s !important;-ms-transition:0.2s !important;-moz-transition:0.2s !important;-webkit-transition:0.2s !important;transition:0.2s !important;}

#tapSlider .slick-prev,#tapSlider .slick-next{position:absolute;display:block !important;cursor: pointer;width:25px;height:44px;font-size:0; top:50%;margin-top:5px;outline: none;padding:0;border:0; opacity:0; filter:alpha(opacity=0);background:transparent; z-index:2;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */
#tapSlider .slick-prev{ left:0px; background:url(/design/yahe2008/wizdesign/slide2_prev.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
#tapSlider .slick-next{right:0px; background:url(/design/yahe2008/wizdesign/slide2_next.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

#tapSlider:hover .slick-prev{margin-left:10px;opacity:0.7;filter:alpha(opacity=70);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
#tapSlider:hover .slick-next{margin-right:10px;opacity:0.7;filter:alpha(opacity=70);}  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

#tapSlider .slick-prev:hover{background:url(/design/yahe2008/wizdesign/slide2_prev.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
#tapSlider .slick-next:hover{background:url(/design/yahe2008/wizdesign/slide2_next.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* ´ÙÀ½È­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
#tapSlider .slick-prev,#tapSlider .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}

#tapSlider .cont { position:relative;display:block; font-size:0;overflow:hidden; margin:80px auto 0; vertical-align:top;  padding:0px;  }
#tapSlider .cont ul { margin-left:0px !important; }

#tapSlider .item-wrap { margin:0 auto; width:1275px; border:0px solid #ccc; padding-left:5px;padding-bottom:10px; }




/* ÅÇ»óÇ°Áø¿­ */



.tap-list { zoom: 1; }
.tap-list:after { content: ""; clear: both; display: block; }

.tap-list .item { float: left; width: 254px; text-align: center;  padding-bottom: 10px;  border:0px solid #ccc; }
.tap-list .item .item_hover{ width: 245px; margin: 0 auto; position:relative; }
.tap-list .item .item_hover .thumb { width:245px; height: 245px ; }
.tap-list .item .item_hover .thumb img { width:245px; height: 245px ;    }
.tap-list .item .item_hover .-imgcont_box {display:none; position:absolute;width:100%;height:100%;top:0;left:0;  background:rgba(0,0,0,0.6);  }
.tap-list .item .item_hover .-imgcont_box .-imgcont_out { display:table;height:100%;width:100%;  }
.tap-list .item .item_hover .-imgcont_box .-imgcont { width:100%; height:100%;   display:table-cell; vertical-align:middle;  padding:0 25px;}
.tap-list .item .item_hover .-imgcont li { padding:5px 0; text-align:center; line-height:19px; }
.tap-list .item .item_hover .-imgcont .name {padding-bottom: 5px; font-size:12px; color: #fff;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.tap-list .item .item_hover .-imgcont .subname { color: #fff; font-size:12px; }
.tap-list .item .item_hover .-imgcont .color { padding-top: 10px; }
.tap-list .item .item_hover .-imgcont .price01 { font-weight:none; color:#fff; padding-right:10px; text-decoration:line-through; }
.tap-list .item .item_hover .-imgcont .price02 { font-weight:none; color:#fff; }
.tap-list .item .item_hover .-imgcont .sold{ color: #fff; font-size:12px; }



/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // section03¿µ¿ª - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å section04¿µ¿ª-·Õ¹è³Ê ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

#section04 .mlong { text-align:center; }
#section04 .mlong img {  }
#section04 .mlong img:hover { opacity:0.8;filter:alpha(opacity=80);  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}

/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // section04¿µ¿ª - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å section06¿µ¿ª-µ¿¿µ»ó¹è³Ê ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

#section06 .move-box { width:1300px; margin:0 auto; }
#section06 .move-box  .move-l { float:left;   }
#section06 .move-box  .tit { line-height:50px; font-size:13px; font-family:'Libre Baskerville', 'arial', 'Nanum Gothic'; font-weight:normal; font-style:italic; color:#555; letter-spacing:1px;}
#section06 .move-box  .move-r { float:right; }

#section06 .move-box img { -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
#section06 .move-box img:hover { opacity:0.8;filter:alpha(opacity=80);  -ms-transition:all 0.4s ease-out;-moz-transition:all 0.4s ease-out; -webkit-transition: all 0.4s ease-out; -o-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}


/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // section06¿µ¿ª - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ¸ÞÀλóǰŸÀÌƲÄÚµå ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

.mtitbox {  display: block; width: 100%; margin: 0px auto 0px; padding: 50px 0 30px;   }
.mtitbox h2 {display:block; margin: 0 auto 15px; padding:10px 10px ;   line-height:35px; border-bottom: none; color: #000; font-weight:normal; text-align:center; }
.mtitbox h2 span.mname { display:block; margin:0 auto; width:150px;  background-color:#fff; color:#000; font-size:14px; font-weight:;  border:1px solid #707070; }
.mtitbox h2 span.mname:hover{ background-color:#FFF; color:#000;}
.mtitbox h2 span.mname.on { display:block; margin:0 auto;   width:200px;    background-color:#333; color:#FFFFFF; font-size:14px; font-weight:normal;  border:1px solid #707070;  }
.mtitbox h2 span.mdot {display:block; width:30px; height:1px; margin:10px auto 10px; border-bottom:6px dotted #666;}

/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¸ÞÀλóǰŸÀÌƲÄÚµå- ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */




/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å SECTION08 - ¿ÍÀ̵å¹è°æºÎºÐ  ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

@media screen and (max-width:980px){ #WideBanner.banner01 {position:relative;background:#ececec url("/design/yahe2008/wizdesign/m_bg01.jpg");background-position:top center;background-repeat: no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;height:400px;max-width:1300px;margin:40px auto 0px;cursor:pointer;}
  }

@media screen and (min-width:981px){ #WideBanner.banner01 {position:relative;background:#ececec url("/design/yahe2008/wizdesign/m_bg01.jpg") 0 0 no-repeat fixed;height:400px;max-width:100%;margin:40px auto 0px;cursor:pointer;}
   }

.WideBanner .WideBox {display:block;max-width:1300px;height:100%;margin:0px auto 0px;}

.WideBanner .WideBox .Wide_txt {float:right;text-align:right;max-width:650px;height:100%;margin-right:50px;}
.WideBanner .WideBox .Wide_txt .text01 {word-spacing:0.30em;margin:30px auto 0;padding:80px 0px 20px 0px;width:100%;font-weight:bold; font-size:30px;line-height:40px;color:#222;}
.WideBanner .WideBox .Wide_txt .text02 {word-spacing:0.30em;margin:00px auto 0;  font-size:18px;line-height:24px;color:#222;}
.WideBanner .WideBox .Wide_txt .text03 {overflow: hidden;display:inline-block;margin:40px auto 0;padding:0px 25px;border:1px solid #222; font-family:'Open Sans';font-weight:700;font-size:13px;line-height:40px;color:#222; }
  
.WideBanner .WideBox:hover .text01{color:#222;  font-size:40px;}
.WideBanner .WideBox:hover .text02 {color:#222}
.WideBanner .WideBox:hover .text03 { background-color:rgba(0,0,0,0.7); border:1px solid rgba(0,0,0,0);color:#fff; }

/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ¿ÍÀ̵å¹è°æºÎºÐ - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */








/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å ÀνºÅ¸±×·¥ºÎºÐ  ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

#section10 { text-align:center; background:rgba(255,255,255,1); padding:50px 0  }
#section10 h2 a { text-align:center;  color:#000; font-size:18px; font-weight:none; letter-spacing:2px; padding-bottom:20px; font-weight:700; }
#section10 .idTag { color:#999;   letter-spacing:0.5px; }

/* ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã // ÀνºÅ¸±×·¥ºÎºÐ - ³¡ ¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã¡ã */



/* ·Ñ¸µ»óÇ°Áø¿­ */
.weeklyWrap {position:relative;padding:0 0 40px; margin: 0 auto 50px;}
.weeklyWrap .sliderArea{position:static;}
.weeklyWrap .swiperBtn{color:#111;font-size: 40px;width: 60px;height: 60px;position:absolute;top: 49%;text-align:center;background-image: none;}
.weeklyWrap .swiper-button-next{right: 10%;}
.weeklyWrap .swiper-button-prev{left: 10%;}
.weeklyWrap .swiper-button-prev:hover,
.weeklyWrap .swiper-button-next:hover { background-color: rgba(50, 50, 50, 0.8);border-radius: 50px; color:#fff; opacity:0.8; }
.weeklyWrap .swiperBtn i{line-height: 60px;}
.weeklyWrap .list {margin: 0 10px;width: 285px;}
.weeklyWrap .list .thumb img {width: 100%; max-width: 100%; }
.weeklyWrap .prd-info-bx:hover { opacity: 1; }
.weeklyWrap .prd-info-bx {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;opacity: 0;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
.weeklyWrap .prd-info-bx .prd-info {position:absolute;top:47%;left:0;right:0;margin-top: -20px;z-index:10;}
.weeklyWrap .prd-info-bx .clChip { padding-bottom: 10px; }
.weeklyWrap .prd-info-bx .clChip span {display: inline-block;width: 14px;height: 4px;}
.weeklyWrap .prd-info-bx .prd-name {font-size: 14px; font-weight:bold; }
.weeklyWrap .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 12px; margin-right: 5px;}
.weeklyWrap .prd-info-bx .prd-price {padding: 8px 0 10px;font-size:14px;}
.weeklyWrap .prd-info-bx .prd-preview a { font-size:25px;}
.weeklyWrap .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:0.8; filter:alpha(opacity=80); z-index:0 }


/* ·Ñ¸µ»óÇ°Áø¿­ ±ÂÁî*/
.MdWrap {position:relative;padding:10px 0; margin: 0 auto 50px;}
.MdWrap .sliderArea{position:static;}
.MdWrap .swiperBtn{color:#111;font-size: 40px;width: 60px;height: 60px;position:absolute;top: 49%;text-align:center;background-image: none;}
.MdWrap .swiper-button-next{right: 10%;}
.MdWrap .swiper-button-prev{left: 10%;}
.MdWrap .swiper-button-prev:hover,
.MdWrap .swiper-button-next:hover { background-color: rgba(50, 50, 50, 0.8);border-radius: 50px; color:#fff; opacity:0.8; }
.MdWrap .swiperBtn i{line-height: 60px;}
.MdWrap .list {margin: 0 10px;width: 160px;}
.MdWrap .list .thumb img {width: 100%; max-width: 100%; }
.MdWrap .prd-info-bx:hover { opacity: 1; }
.MdWrap .prd-info-bx {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;opacity: 0;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
.MdWrap .prd-info-bx .prd-info {position:absolute;top:47%;left:0;right:0;margin-top: -20px;z-index:10;}
.MdWrap .prd-info-bx .clChip { padding-bottom: 10px; }
.MdWrap .prd-info-bx .clChip span {display: inline-block;width: 14px;height: 4px;}
.MdWrap .prd-info-bx .prd-name {font-size: 10px; font-weight:bold; }
.MdWrap .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 8px; margin-right: 5px;}
.MdWrap .prd-info-bx .prd-price {padding: 8px 0 10px;font-size:10px;}
.MdWrap .prd-info-bx .prd-preview a { font-size:20px;}
.MdWrap .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:0.8; filter:alpha(opacity=80); z-index:0 }


/* °øÁö»çÇ× */
.boardArea { width: 1200px; margin: 0 auto 20px;}
.boardArea .notice { width:570px; margin:0 30px 0 0; float:left; }
.boardArea .notice dt { font-size:16px; margin-bottom:10px; padding-bottom:6px; border-bottom:1px solid #f3f3f3; color:#3a3a3a; text-align:left; }
.boardArea .notice dt span a { font-size:12px; float:right; }
.boardArea .notice dd { font-size:13px; line-height:28px; text-align:left; }
.boardArea .notice dd a { color:#3a3a3a; }
.boardArea .notice dd span { color:#7e7e7e; float:right; }
.boardArea .btmBan { margin-left: 30px; float: left; width:570px; }

/* ÀνºÅ¸±×·¥ */
.instaArea { background-color:#f5f5f5; padding:50px 0; height: 250px; }
.instaArea .instaInner { width:1200px; margin:0 auto;  }
.instaArea p { font-size:18px; text-align:center; margin:0 0 30px

/* BASIC css end */