/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
body{min-width:1580px; max-width: 1903px; margin: 0 auto;}
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:200 }

/* header */
#header { width:100%; max-width: 1903px; z-index:1001;}
#header .headerTop { width:100%; *zoom:1 }
#header .headerTop.header-scroll{position: fixed;top:0;max-width: 1903px;background: #ffffff;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);-webkit-transition-duration: 0.3s;transition-duration: 0.3s;opacity: 0.9;z-index: 99;}
#header .headerTop.header-scroll .headerTopinner{}
#header .headerTop .headerTopinner{position: relative;padding: 20px 50px 0;}
#header .headerTop .headerTopinner.hovback{background: #fff;}
#header .headerTop:after { display:block; clear:both; content:''; }



/* Ä«Å×°í¸® */
#header .headerGnb { position: absolute; top: 50%; left: 50px; transform: translateY(-50%); }
#header .headerGnb ul { *zoom:1 }
#header .headerGnb ul:after { display:block; clear:both; content:'' }
#header .headerGnb ul.depth1 > li { float:left; padding: 0 45px 0 0; }
#header .headerGnb ul.depth1 > li:last-of-type{padding-right:0}
#header .headerGnb ul.depth1 > li > a { display:block; padding: 25px 20px 25px 0; color:#000; font-size:15px; white-space:nowrap; font-family: 'Noto Sans','Noto Sans KR', sans-serif; }
#header .headerGnb ul.depth1 > li > a.depopen{ opacity: 0.8;}

/*¸Þ´º Áߺзù*/
.dn {display: none !important}
#header .headerGnb .sub_menu_wrap { position: absolute;  left:-50px; width: 100vw; padding: 40px 0; border-top: 1px solid #c8c8c8; background: #fff; }
#header .headerGnb .sub_menu_in{ width: 1330px; margin: 0 auto;}
#header .headerGnb ul.depth2{ display: flex; float: left; width: 383px; height: 386px; align-content: flex-start; flex-direction: column; flex-wrap: wrap; overflow: auto;}
#header .headerGnb ul.depth2 > li { width: 176px; margin: 0 10px 23px 0;}
#header .headerGnb ul.depth2 > li:nth-of-type(3){height: 247px;}
#header .headerGnb ul.depth2 > li a { color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 16px;}
#header .headerGnb ul:after {display: block; clear: both; content: ''}
#header .headerGnb .sub_menu_in .collecBox{ float: right;}
#header .headerGnb .sub_menu_in .collecBox p{ margin: 0 25px 20px; color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif;}
#header .headerGnb .sub_menu_in .collecBox img{ width: 288px; margin: 0 0 0 25px; cursor: pointer;}
#header .headerGnb .sub_menu_in .collecBox img:hover{opacity:0.8;}

/* ·Î°í */
#header .headerTop .tlogo {width: 220px;margin: 0 auto;}
#header .headerTop .tlogo a img{width: 100%;}

/* °èÁ¤ */
#header .headerTop .headerTopinner .tnbRight{ position: absolute; top: 50%; right: 50px; transform: translateY(-50%);}
#header .headerTop .headerTopinner .tnbRight ul li{float: left; margin: 0 0 0 35px;}
#header .headerTop .headerTopinner .tnbRight ul li a{color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif;}

/* ½½¶óÀÌµå ¸Þ´º */
.slideMenu{ display:none; position: absolute; width: 100%; padding: 40px 0; border-top: 1px solid #c8c8c8; background: #fff;}
.slideMenu .slideIn{ width: 1330px; margin: 0 auto; ;}
.slideMenu .slideIn .slide_list1{display:flex; float: left; width: 383px; height: 386px; align-content:flex-start; flex-direction:column; flex-wrap:wrap; overflow:auto}
.slideMenu .slideIn .slide_list1 li{width: 186px; margin: 0 10px 23px 0;}
.slideMenu .slideIn .slide_list1 li:nth-of-type(3){height: 247px;}
.slideMenu .slideIn .slide_list1 li a{ color: #000; font-size: 15px; font-family: 'Noto Sans', 'NanumBarunGothic', sans-serif; line-height: 16px;}


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

#topmenu  {display: none;clear:both;width:100%;height:50px;border-bottom:1px solid #dedede;filter:alpha(opacity=90);opacity:0.9;}
#header .headerTop.header-scroll #topmenu{
    display: block;
}
#topmenu #menu  {clear:both;width: 1400px;height:52px;margin:0 auto;text-align:center;} 
#topmenu #menu > ul {display: flex;justify-content: space-between;}
#topmenu #menu > ul > li {position:relative;display:inline-block;z-index:10;height:50px;cursor:default;}
#topmenu #menu > ul > li a { display:block;  font-size:11px;  line-height:50px; vertical-align:middle; color:#5C5D5F; font-family: arial ,sans-serif; font-weight:none;  letter-spacing:1px; text-decoration:none; padding:0 0px; border-right:0px solid #666 !important; }
#topmenu #menu > ul > li a:hover { color:#000; border-bottom:0px solid #000; border-top:0px solid #000; display: block; font-weight: none; font-size: 11px; text-decoration: none; }
#topmenu #menu .over { display: none;}


/* ·Î°í¼¾ÅÍ */
#logobox .sch { position:absolute;  bottom:20px; right: 0; width: 220px; height: 0px; 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; }


 #ball {position:absolute; z-index:90;top:20px;left:90px;}

#preview_wrap{display:none;}
/* BASIC css end */


/* BASIC css end */