/* BASIC css start */
body{ min-width: 1586px; 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 }
/* 이벤트 배너 */

#topBnr{display: none; width: 100%; text-align: center}
#topBnr .topWrap{position: relative; min-width: 1302px;}
#topBnr .topWrap > a > img{width: 100%;}
#xbtn{position: absolute; top: 50%; right:200px; transform: translateY(-50%);}
#xbtn img{width: 16px;}


/* header */
#header { position:relative; width:100%; background:#fff; z-index:100 }
#header .headerTnb { margin:0 auto; position:relative; min-width:1100px; width: 95%; max-width: 1300px; height:30px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:22px; float:left }
#header .headerTnb .tnbLeft li a { display:block; height:45px; color:#808080; font-size: 13px; line-height:45px; font-family: 'Noto Sans KR', sans-serif; font-weight: 300;}
#header .headerTnb .tnbLeft li.noticeLine { padding-left:23px }
#header .headerTnb .tnbLeft li.noticeLine p { padding-left:21px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/ico_volume.gif) 0 17px no-repeat }
#header .headerTnb .tnbLeft li.noticeLine p a { font-size:11px; color:#7a7a7a; line-height:49px; line-height:53px \0/IE8+9 }
#header .headerTnb .tnbRight { float:right }
#header .headerTnb .tnbRight li { padding-left:20px; float:left }
#header .headerTnb .tnbRight li a { display:block; height:45px; color: #808080; font-size: 13px;line-height:45px; font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;}

#header .headerTop .searchArea { position:absolute; top:12px; left:0; width:220px; height:34px; background: #f2f2f2; }
#header .headerTop .searchArea .search { position:relative; width:220px; height:34px }
#header .headerTop .searchArea .search input { padding-left:10px; width:168px; height:32px; line-height:40px; border:none; background:rgba(0,0,0,0) }
#header .headerTop .searchArea .search a { display:block; position:absolute; top:8px; right:8px; width:18px; height:19px; text-indent:-9999em; background:url(/design/carise0411/multibasic/pc/icon/searchbtn.png) 0 0 no-repeat }
#header .headerTop { margin:25px auto; position:relative; min-width:1100px; width: 95%; max-width: 1300px; height:150px; *zoom:1 }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo { margin:0 210px; padding-top:12px; text-align:center }
#header .headerTop .headerRight{ position: absolute; top: 12px; right: 0;}
#header .headerTop .headerRight div{ position: relative; float: left; margin-left: 25px;}
#header .headerTop .headerRight div a .user_basket_quantity{ display: inline-block; position: absolute; top: -3px; right: -13px; width: 22px; height: 22px; background: #000; border-radius: 50%; color: #fff; text-align: center; line-height: 22px;}

#header .headerGnb { position: relative; min-width: 1100px; width: 95%; max-width: 1300px; margin: 0 auto; }
#header .headerGnb .headerGnb_in{ width: 100%; max-width: 1300px; margin: 0 auto;}
#header .headerGnb.fix{position: fixed; top:0; width:100%; max-width: 1903px; padding: 7px 0 0px; border-bottom: 1px solid #eee; background: rgba(255,255,255,0.9);}
#header .headerGnb.fix .menuBox{ top: 19px;}
#header .headerGnb.fix .headerGnb_in{width: 95%; max-width: 1300px;}
#header .headerGnb.fix .gnbInner{ padding-left: 30px;}
#header .headerGnb .menuBox{ position: absolute; top: 13px; cursor: pointer;}
#header .headerGnb .gnbInner { position:relative; width: 100%; max-width: 1160px; margin:0 auto; text-align: center;}
#header .headerGnb .gnbInner ul { *zoom:1; font-size: 0; }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li { display: inline-block; margin:0 35px; position:relative; }
#header .headerGnb .gnbInner ul li:nth-of-type(1){margin-left: 0}
#header .headerGnb .gnbInner ul li:last-of-type{margin-right: 0}
#header .headerGnb .gnbInner ul li a { display:block; height:41px; padding: 0 0 10px; font-size:18px; color:#000; line-height:41px; white-space:nowrap; font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;}
#header .headerGnb .gnbInner ul li.first { padding-left:0 }
#header .headerGnb .gnbInner ul li.last { padding:0 0 0 40px }

/*메뉴 중분류 풍선*/
.sub_menu.dn {display: none !important;}
#header .headerGnb .gnbInner ul.depth2 {    position: absolute; top: 40px; left: 50%; transform: translateX(-50%); margin-top: 11px; z-index: 10; background: #fafafa; padding: 22px 15px; text-align: left;}
#header .headerGnb .gnbInner ul.depth2 > li {display: block; float: none; margin: 0; }
#header .headerGnb .gnbInner ul.depth2 > li a {height: 35px; padding: 0 25px; color: #444444; font-size: 15px; font-family: 'Lato','Noto Sans KR', sans-serif; font-weight: 300;}
#header .headerGnb .gnbInner ul.depth3 {position: absolute;}
#header .headerGnb .gnbInner ul:after {display: block; clear: both; content: ''}

/* 슬라이드 메뉴 */
#header .headerGnb.fix .slideMenu{background: rgba(255,255,255,0.9);}
.slideMenu{ display:none;  position: absolute; left: 50%; transform: translateX(-50%); background-color: #fff; width:1300px; max-height: 700px; overflow: auto; z-index: 13; border: 1px solid #eee;}
.slideMenu .menuclose{ position: absolute; bottom: 30px; right: 25px; cursor: pointer;}
.slideMenu .slideIn{padding: 60px 125px 0}
.slideIn > ul{font-size: 0;}
.slideIn > ul >li{ display: inline-block; width: 15%; margin-right: 5%; padding: 0 0 60px; vertical-align: top;}
.slideIn > ul li:last-of-type{margin-right: 0;}
.slideIn > ul > li > a { display: block; padding: 0 0 10px; font-size:20px; color: #222; font-family: Lato, 'Noto Sans KR', sans-serif; border-bottom: 1px solid #ddd;}
.slideIn .slide_list2 li{margin: 20px 0 0;}
.slideIn .slide_list2 li a{color: #444444; font-size: 15px; font-family: Lato, 'Noto Sans KR', sans-serif;}








/* BASIC css end */