/* BASIC css start */
#preview_wrap { display:none}



#pagescroll{bottom:20px;position:fixed;right:50px;z-index:2147483647;}

#kakako {bottom:50px;position:fixed;left:50px;z-index:2147483647;}
#kakako p a {
    display: inline-block;
    width: 46px;
    height: 46px;
    line-height: 34px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 3.5px 4px 9px 0px rgb(0 0 0 / 23%);
    padding: 8px;
    box-sizing: border-box;
    background: #f5e14c;
}


#kakako p a img { max-width: 100%; }









/* ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å »ó´Ü½½¶óÀ̵å¹è³Ê¿µ¿ª ¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å¡å */

#top_LBox { /* position:absolute; left:50% !important; */   margin:0 auto; width:100%; height:auto;  z-index:2; }



.Lslide .s-item { position:relative;display:block; height:auto; text-align:center; margin:0 auto;}
.Lslide .s-item img{ text-align:center;  margin:0 auto; }
.Lslide .slick-prev,.Lslide .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;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */
.Lslide .slick-prev{left:50%;margin-left:-80px;background:url() 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
.Lslide .slick-next{right:50%;margin-right:-80px;background:url() 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

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

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

.Lslide .slick-prev,.Lslide .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;}
.Lslide .slick-slider{margin-bottom:0;}

.Lslide .slick-dots{position:absolute;bottom:0px;padding:0;display:block;list-style: none;display:block;text-align:center; width:100%;  opacity:1; filter:alpha(opacity=0); -moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
.Lslide:hover .slick-dots{ opacity:1;filter:alpha(opacity=100);} /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
.Lslide .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
.Lslide .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
.Lslide .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
.Lslide .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
.Lslide .slick-dots li button:before{display:block;width:20px;height:3px;content: "";;background:#000; border-radius:0px;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;}
.Lslide .slick-dots li.slick-active button:before {   background:#fff; width:20px;  /* µµÆ®»çÀÌÁî */ opacity: 1; }  /* ÇöÀ絵Ʈ»çÀÌÁî */
 














#header-top { width:100%; position:relative; margin:0 auto; z-index:6; }
#header { position:relative; margin:0 auto ; width:100%; }










/* »ó´Ü°ËÁ¤¹Ù */



#header #topbar.fixed {width:100%;  position:fixed; margin:0 auto; top:0px; width:100%;  margin:0 auto; height:35px; background:#81D8D0; text-transform:uppercase; z-index:999; } 
#header #topbar { /* position:fixed; top:0px;*/  width:100%;  margin:0 auto; height:35px; background:#81D8D0; text-transform:uppercase; z-index:999; }

#topbar #smlogo { position:fixed; top:-34px; text-align:center; margin:0 auto; z-index:999;}
#topbar #smlogo img{ height:30px;}
#topbar .scroll { }
#topbar .scroll img {margin:34px 0 0 0;transition:1s;}




#topbar .wizsubmenu { width:100%; margin:0 auto; height:34px; text-transform:uppercase; position:relative;  min-width:980px;}

#topbar .topbar_left a img { vertical-align:middle; padding-right:5px; }


/* ¿ÞÂÊ */
#topbar .wizsubmenu .topbar_left {  position:absolute; left:50px ;}
#topbar .wizsubmenu .topbar_left li { display:inline-block; *display:inline; height:34px; line-height:34px; }
#topbar .wizsubmenu .topbar_left li a { color:#fff; font-size:10px; font-family: 'Lato', Arial,sans-serif; font-weight:bold; letter-spacing: 1px; padding-right:30px;}
#topbar .wizsubmenu .topbar_left li a:hover { color:#148E83; }


#topbar .wizsubmenu .topbar_right { position:absolute; right:160px; }
#topbar .wizsubmenu .topbar_right li { display:inline-block; *display:inline; height:34px; line-height:34px; text-align:center; position:relative; }
#topbar .wizsubmenu .topbar_right li a { color:#fff; font-size:10px; font-family: 'Lato', Arial,sans-serif;  font-weight:none;   letter-spacing: 1px; padding:0px 10px;}
#topbar .wizsubmenu .topbar_right li a:hover { color:#148E83; }
#topbar .wizsubmenu .topbar_right li a img {vertical-align:middle; padding-right:0px;}

#joinpoint {position:absolute;z-index:99;top:30px;left:0px;height:20px;line-height:20px;color:#222;text-align:center;padding:6px 0 0;background:url("/design/windygirl78/wizdesign/joinarr.png") no-repeat 50% 0;-webkit-animation:joinpointanimation 3s;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:ease-in-out;}
#joinpoint .point {display:block;width:70px;margin:0;background:#eee; border-radius:7px;text-align:center; font-family:'Lato',sans-serif;font-size:10px;color:#222;}



/* ·¹À̾î¸Þ´º */

#topbar .topbar_com { position:relative; display:block;  width:85px;}
.com_sub { display:none; position:absolute; top:34px; left:0px; z-index:2; width:100%; background:#fff;  border:1px solid #E0E0E0}
.com_sub div { clear:both; }
.com_sub div a { color:#888888 !important; display:block; background:none; line-height:30px !important; height:30px !important; }
.com_sub div a:hover { background:#81D8D0;  color:#fff !important; }





/* ·Î°í¼¾ÅÍ */

#logobox { clear:both; width:1200px; margin:0 auto; position:relative; }

#logo { clear:both; text-align:center;  padding:50px 0; margin:0 auto; }

#logobox .top_call { position:absolute; bottom:20px; left:0px; height:19px; line-height:19px; font-family:verdana, arial; font-size:10px; color:#999; text-transform:uppercase; cursor:default; }
#logobox .top_call img { vertical-align:middle; padding-right:4px; }
#logobox .sns { position:absolute; bottom:20px; left:00px;  }

#logobox .sch { position:absolute;  bottom:40px; right: 0; width: 170px; height: 30px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; }
#logobox .sch .keyword { width: 134px; height: 28px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; }
#logobox .btn-sch { vertical-align:bottom; border: 0; }


#logobox .hd-notice {  position:absolute;  bottom:10px; right: 0;}



/* »ó´ÜÁÖ¸Þ´º */

#topMenu.fixed {position:fixed; margin:0 auto; top:31px; width:100%; z-index:5;} /* ¸Þ´º°íÁ¤ */

#topMenu { clear:both; width:100%; height:45px; border-top:1px solid #999999; border-bottom:1px solid #ddd;   }

#topMenu .nav {width:1245px; margin:0 auto;  border:0px solid #000; text-align:center  }

#topMenu .navBox {width:100%; text-transform: uppercase; position: relative; background:#fff;  }

#topMenu .nav > ul {font-size:0;}

#topMenu .nav > ul > li { display: inline-block; text-align:center; }

#topMenu .nav > ul > li > a { color:#666; line-height:45px; font-family:'Nanum Gothic',µ¸¿ò,'Lato',sans-serif;font-size:11px; letter-spacing: 0px; font-weight:700; padding:0 26px}

#topMenu .nav > ul > li > a:hover  {color:#000; font-weight:bold; line-height:45px;}


.navSub_Box {width:100%; text-align: left; display:none; clear:both; position: absolute; left: 0; z-index: 1; overflow: hidden; background-color: #81D8D0; border-bottom:1px solid #81D8D0; border-top:1px solid #81D8D0; color:#222; padding:20px 0;  }
.navSub {width:1200px; margin:0 auto; height:222px }
.navSub > dl { width:200px; float:left;}
.navSub > dl > dt {border-bottom:1px solid #fff; padding:0 0 5px 10px; font-family:'Lato',sans-serif; font-size:12px; letter-spacing: 1px; font-weight:700; color:#fff; margin-bottom:10px;}
.navSub > dl > dd {margin:0 0 5px 10px;}
.navSub > .img_Box { float:right; border:0px solid #000 }
.navSub > .img_Box > a { padding-left:15px; cursor:pointer;}
.navSub a { font-family:'Lato','Nanum Gothic',sans-serif; font-size:12px; letter-spacing: 1px; font-weight:500; color:#fff; }
.navSub a:hover { color:#148E83; }



.m11-01 { float:left; width:100px;}
.m11-02 { float:left; width:100px;}

#navArr {position: absolute; top: 35px; left:45px; z-index: 3; display:none;}



/* »ó´Ü·Ñ¸µ¹è³Ê */


.toproll { position:absolute; top:60px; left:0px; }

#slides { position:relative; width:200px; height:90px;	z-index:100;}

#slides .next,#slides .prev {position:absolute;	top:75px;right:0px;width:13px;	height:13px;display:block;z-index:101;}

#slides .slides_container {
	width:200px;
	height:90px;
	overflow:hidden;
	position:relative;
}
#slides .next {right:13px;}


#slides .pagination {
	position:absolute;
	overflow:hidden;
	top:10px;
	left:5px;
	width:200px;
	height:23px;
	z-index:102;
}

#slides .pagination li {
	float:left;
	margin:0 1px;
}

#slides .pagination li a {
	display:block;
	width:24px;
	height:0;
	padding-top:25px;
	background-position:0 0;
	float:left;
	overflow:hidden;
}

#slides .pagination li.current a {
	background-position:0 -25px;
}


/* BASIC css end */