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

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


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



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


#topbar {/* position:fixed; */top:0px;width:100%;margin:0 auto;height:34px;border-bottom:1px solid #F0F0F0;background:#FFF;text-transform:uppercase;z-index:999;}

#topbar #smlogo {position:fixed;top:-34px;text-align:center;margin:0 auto;z-index:999999999999999;}
#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:#222; font-size:10px; font-family: 'Lato', Arial,sans-serif; font-weight:none; letter-spacing: 1px; padding-right:30px;}
#topbar .wizsubmenu .topbar_left li a:hover { color:#838383; }


#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:#222; 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:#838383; }
#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/yhbysun/2017wiz/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:#B2B2B2;  color:#fff !important; }





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

#logobox { clear:both; width:100%; margin:auto; position:relative; }

#logo { clear:both; width:1200px; text-align:center;  padding:51px 0 45px; margin:auto; position:relative; }

#logobox .sns { position:absolute; bottom:20px; left:0px;  }



#logobox .sch { position:absolute;  bottom:20px; right: 0; width: 220px; height: 30px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; }
#logobox .sch .keyword { width: 184px; height: 28px; padding: 0px 0 0 2px; border: 0; border: 0px solid #DDDDDD; }
#logobox .btn-sch { vertical-align:bottom; border: 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:1500px; 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 { width:112px; display: inline-block; text-align:center; border-left: 1px solid #F0F0F0;}

#topMenu .nav > ul > li.mmenu11 {border-right: 1px solid #e8e8e8;}

#topMenu .nav > ul > li > a { color:#909090; line-height:45px; font-family:'Lato',sans-serif;font-size:11px; letter-spacing: 1px; font-weight:700; display:block; }

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

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

#topMenu .nav > ul > li.mmenu12 > a:hover  {color:#4478c0; font-weight:bold; line-height:45px;} /* 170824 Ãß°¡ */


.navSub_Box {width:100%; text-align: left; display:none; clear:both; position: absolute; left: 0; z-index: 1; overflow: hidden; background-color: #D3D3D3; border-bottom:1px solid #AEAEAE; border-top:1px solid #AEAEAE; color:#222; padding:20px 0;  }
.navSub {width:1200px; margin:0 auto;}
.navSub > dl { width:200px; float:left;}
.navSub > dl > dt {border-bottom:1px solid #F8F8F8; padding:0 0 5px 10px; font-family:'Lato',sans-serif; font-size:12px; letter-spacing: 1px; font-weight:700; color:#222; 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:#222; }
.navSub a:hover { color:#969696; }


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


.topbanner {
	position: relative;
	min-width: 1200px;
	height: auto;
	overflow: hidden;
	display:none;
}
.topbanner .inner {
	text-align: center;
}
.topbanner .inner img {
	max-width: 100%;
}
.topbanner .inner form {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    outline: 0;
    right: 100px;
}
.topbanner .inner button.close {
	/* position: absolute; */
	/* top: 50%; */
	/* transform: translateY(-50%); */
	background: none;
	outline: 0;
	/* right: 100px; */
} 
#topbar.fixed{
    position: fixed;
}
/* BASIC css end */