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

#header-top { width:100%; position:relative; margin:0 auto; height:91px; }
#header { position:relative; margin:0 auto ; width:100%; }
#header .logo, 
#header .sch,
#header .lnb,
#header .gnb { position: absolute; }


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


/* 상단검정바 */


#topbar { position:fixed; top:0px; width:100%;  margin:0 auto; height:40px; border-bottom:1px solid #eee ;  background:#4F4F4F; text-transform:uppercase; z-index:9; }
#topbar .scroll { }
#topbar .scroll img {margin:34px 0 0 0;transition:1s;}

#topbar .wizsubmenu { width:100%; margin:0 auto; height:40px; 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 ; top:0; }
#topbar .wizsubmenu .topbar_left li { display:inline-block; *display:inline; height:40px; line-height:40px; }
#topbar .wizsubmenu .topbar_left li a { color:#E5E5E5; 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:#fff; }


#smlogo { position:fixed; top:-34px; text-align:center; margin:0 auto; width:250px; z-index:999; }
#smlogo img{ }

#topbar .wizsubmenu  .movelogo { text-align:center; margin:0 auto; width:250px;  border:0px solid #E0E0E0}
#topbar .wizsubmenu  .movelogo img { }


/* 오른쪽 */
#topbar .wizsubmenu .topbar_right { position:absolute; right:160px; top:0;  z-index:99999999999; }
#topbar .wizsubmenu .topbar_right li { display:inline-block; *display:inline; height:40px; line-height:40px; text-align:center; position:relative; }
#topbar .wizsubmenu .topbar_right li a { color:#E5E5E5; font-size:10px; font-family: 'Lato', Arial,sans-serif; font-weight:900;   letter-spacing: 1px; padding:0px 10px;}
#topbar .wizsubmenu .topbar_right li a:hover { color:#fff; }
#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/thddmsghk/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 .wizsubmenu .sch {  position:absolute; right:10px; top:5px; width:130px; height: 25px; border: 1px solid #DDDDDD; font-size: 0; line-height: 0; background:#fff; }
#topbar .wizsubmenu .sch .keyword { width: 100px; height: 23px;  vertical-align:top; border: 0; }
#topbar .wizsubmenu .btn-sch { vertical-align:bottom; border: 0; }


/* 레이어메뉴 */

#topbar .topbar_com { position:relative; display:block;  width:85px; }
.com_sub { display:none; position:absolute; top:40px; left:0px; 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;  font-family:'Nanum Gothic',돋움 !important; font-size:11px !important;}
.com_sub div a:hover { background:#B2B2B2;  color:#fff !important; }


/* 상단주메뉴 */


#topmenu  { clear:both; width:100%; height:50px; border-top:1px solid #999999;border-bottom:1px solid #ddd; background:#fff;  filter:alpha(opacity=90); opacity:0.9;}

#topmenu  .menu {text-align:center;width:1350px; position:relative; height:50px; margin:0 auto;  }
#topmenu .menu #nav{margin:0 auto; text-align:center; width:1350px; }

#topmenu  .menu .m1 {  }
#topmenu  .menu .m2 {  }
#topmenu  .menu .m3 {  }
#topmenu  .menu .m4 { }
#topmenu  .menu .m5 {  }
#topmenu  .menu .m6 {  }
#topmenu  .menu .m7 { }
#topmenu  .menu .m8 { }
#topmenu  .menu .m9 {  }
#topmenu  .menu .m10 { }


#nav > li { display:inline-block; *display:inline; text-align:center; padding:0 5px; position:relative;}
#nav li a { display:block;text-decoration: none;white-space: normal;text-indent:-2px; padding-top:0px;}
#nav > li > a{  line-height:50px; vertical-align:middle;  font-size:13px; color:#222222; font-family: 'Ubuntu', arial ,'Nanum Gothic', sans-serif; font-weight:none;  padding: 0 17px; display:block;line-height:50px; text-transform: uppercase;text-align: center; }

#nav > li:hover > a,#nav > a:hover{ color:#B2B2B2;  font-family: 'Ubuntu', arial ,'Nanum Gothic', sans-serif; }
#nav li.active > a { background-color:#333333;color:#FFFFFF;}
#nav li:hover .submenu {display:block;}
#nav li:hover .submenu1 {display:block;}


#nav .submenu { display: none; background-color:#fff; border:1px solid #e0e0e0; padding:0px; margin:0; position:absolute;top:50px;width:118px; padding-bottom:0px;padding-top:0px; }
#nav .submenu ul.subs { margin:0 auto;border:0px solid #d4d4d4; padding:0px; margin:0;}
#nav .submenu ul.subs > a { padding:5px; line-heignt:20px; border-bottom:1px solid #EAEAEA;}
#nav .submenu ul.subs > a:hover { background:#444;color: #FFF; line-height:20px;}


.submenu1 { display: none; border:0px solid #e0e0e0; padding:0px; margin:0; position:absolute; top:50px; }
.submenu1 ul.subs { margin:0 auto;border:0px solid #d4d4d4; padding:0px; margin:0;}
.submenu1 ul.subs > a { padding:0px;}
.submenu1 ul.subs > a:hover { }


.subwrap1 .allsub { border:1px solid #939192;  width:615px; background-color:#fff; height:175px;}
.subwrap1 .allsub .box_left { float:left; width:73px; padding:20px 0 0px 20px;text-align:left;}
.subwrap1 .allsub .box_left p {font-size:14px;font-weight:bold;color:#222; padding-bottom:5px; }
.subwrap1 .allsub .box_left a { font-size:11px;color:#575757; height:20px; text-decoration: none;padding:0;margin:0;}
.subwrap1 .allsub .box_left a:hover {color:#B2B2B2;}

.subwrap1 .allsub .box_right { float:right; width:510px; padding-top:20px;}
.subwrap1 .allsub .box_right p {font-size:11px;font-weight:none ;color:#575757;padding-bottom:0px;margin:0;}
.subwrap1 .allsub .box_right .box_img { float:left; margin-right:10px; text-align:center; }
.subwrap1 .allsub .box_right .box_img a:hover  { opacity:0.5;  }


.allsub { border:1px solid #939192;  width:615px; background-color:#fff; height:175px;}
.allsub .box_left { float:left; width:73px; padding:20px 0 0px 20px;text-align:left;}
.allsub .box_left p {font-size:13px;font-weight:bold;color:#222;border-bottom:0px solid #ccc; padding-bottom:0px; }
.allsub .box_left a { font-size:11px;color:#575757; height:20px; text-decoration: none;padding:0;margin:0; font-family: Lato, arial ,'Nanum Gothic', sans-serif;}
.allsub .box_left a:hover {color:#B2B2B2;}

.allsub .box_right { float:right; width:510px; padding-top:20px;}
.allsub .box_right p {font-size:11px; font-weight:none ;color:#575757;padding-bottom:0px;margin:0;}
.allsub .box_right .box_img { float:left; margin-right:10px; text-align:center; }


.subs .subarr { padding:0;margin:0; height:9px;padding-left:30px; margin-bottom:-1px; position:absolute;top:-8px;}


.subwrap2 .submenu1 { display: none; border:0px solid #e0e0e0; padding:0px; margin:0; position:absolute; top:50px;  }
.subwrap2 .subs .subarr { padding:0;margin:0; height:9px;padding-left:50px; margin-bottom:-1px; position:absolute;top:-8px;}

.subwrap3 .submenu1 { display: none; border:0px solid #e0e0e0; padding:0px; margin:0; position:absolute; top:50px;  }
.subwrap3 .subs .subarr { padding:0;margin:0; height:9px;padding-left:50px; margin-bottom:-1px; position:absolute;top:-8px;}


.subwrap4 .submenu1 { display: none; border:0px solid #e0e0e0; padding:0px; margin:0; position:absolute; top:50px; left:-100px }
.subwrap4 .subs .subarr { padding:0;margin:0; height:9px;padding-left:140px; margin-bottom:-1px; position:absolute;top:-8px;}

.subwrap5 .submenu1 { display: none; border:0px solid #e0e0e0; padding:0px; margin:0; position:absolute; top:50px; left:-198px }
.subwrap5 .subs .subarr { padding:0;margin:0; height:9px;padding-left:235px; margin-bottom:-1px; position:absolute;top:-8px;}

.subwrap6 .submenu1 { display: none; border:0px solid #e0e0e0; padding:0px; margin:0; position:absolute; top:50px; left:-295px }
.subwrap6 .subs .subarr { padding:0;margin:0; height:9px;padding-left:350px; margin-bottom:-1px; position:absolute;top:-8px;}


.subwrap1 .allsub10 { border:1px solid #939192;  width:103px; background-color:#fff; padding-bottom:10px; }
.subwrap1 .allsub10 .box_left { float:left; width:73px; padding:20px 0 0px 20px;text-align:left;}
.subwrap1 .allsub10 .box_left p {font-size:12px;font-weight:bold;color:#222;border-bottom:0px solid #ccc; padding-bottom:0px; }
.subwrap1 .allsub10 .box_left a { font-size:11px;color:#575757; height:20px; text-decoration: none;padding:0;margin:0; font-family: Lato, arial ,'Nanum Gothic', sans-serif;}
.subwrap1 .allsub10 .box_left a:hover {color:#B2B2B2;}


/* BASIC css end */