/* 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;}
#header .headerTop.header-scroll .headerTopinner{}
#header .headerTop .headerTopinner{ position: relative; padding: 20px 50px;}
#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: 115px; 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{font-family: 'Noto Sans','Noto Sans KR', 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;}

/* BASIC css end */