/* BASIC css start */
#header_wrap{position:sticky; top:0; z-index:100}

body{min-width: 1400px;}
#w_con{ position: relative; width:100%; z-index:13; background-color:#fff;}

/* header */
.header{       position: relative; width: 95%;
    max-width: 1400px;
    margin: 0 auto; padding: 100px 0;}
.header:after{content:''; display:block; clear:both}
.menu_icon{float:left;}
.menu_icon > span{ cursor: pointer; font-size: 16px; font-family: Lato, 'Noto Sans KR', sans-serif;}
.menu_icon > span > img{ margin-right: 15px; }
.logo_top{    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    width: 300px; }
.logo_top a img{width: 100%;}
.r_menu{display:block; text-align:right; float:right; }
.r_menu > li{ list-style: none; display: inline-block;}
.r_menu > li+li{ margin-left: 20px;}
.r_menu > li > a{color: #afafaf;font-family: 'Lato', 'Noto Sans KR', sans-serif;}
.r_menu > li > a > img{margin: -8px 7px 0 0;}
.r_menu > li > a > .user_basket_quantity{color:#222;font-size: 13px;}

/* 슬라이드 메뉴 */
.mask{position: fixed; height: 100%; width:100%; background-color: rgba(0,0,0,0.6); z-index: 10; top:0;}
.slideMenu{ position: absolute; top: 150px; background-color: #f0e8e8; height: 480px; width:100%; z-index: 13; display:none;}
.slideMenu > div{ width: 95%; max-width: 1400px; margin:0 auto; height: 400px; padding-top: 60px;}

.searcharea > form > fieldset > input{ height: 40px; width: 375px; border: none; border-radius: 5px; padding: 0 15px;}
.searchBox > li{float: left; padding: 0 15px;font-family: Lato, 'Noto Sans KR', sans-serif;}
.searchBox > li:nth-of-type(2){border-right: 1px solid #c6c6c6;}
.searchBox > li:nth-of-type(3){border-right: 1px solid #c6c6c6;}
.searchBox{margin-top: 21px;}
.searchBox > li > a {font-size:14px; font-family: Lato, 'Noto Sans KR', sans-serif; color: #bd8a8e;}


.slideIn {width:15%; float: left;}
.aside_board{width: 25%; float: left;}
.searchwrap{width: 60%; float: left;}
.slideIn > ul > li > a {font-size:14px; color: #333333; font-family: Lato, 'Noto Sans KR', sans-serif;}
.aside_board > ul > li > a{ font-size:14px; color: #bd8a8e; font-family: Lato, 'Noto Sans KR', sans-serif;}
.slideIn > ul, .aside_board > ul{line-height: 30px;}

.aside_cate > div{ clear:both; padding-top: 140px;}
.searcharea fieldset { position: relative; width:380px;}
.searchIcon{ position: absolute; top: 20px;
    right: 15px;
    margin-top: -10px;}

.mask{display:none;}



/* BASIC css end */