/* BASIC css start */
body{min-width: 1903px;}
#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 { position:relative; width:100%; background:#fff; z-index:100 }
#header .hea_t_back{background: #f2f2f2;}
#header .headerTnb { margin:0 auto; position:relative; width: 1720px; height: 35px; *zoom:1 }
#header .headerTnb:after { display:block; clear:both; content:'' }
#header .headerTnb .tnbLeft { float:left }
#header .headerTnb .tnbLeft li { padding-right:9px; float:left }
#header .headerTnb .tnbLeft li a { display:block; height:46px; color:#6d6d6d; line-height:46px }
#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:26px; float:left }
#header .headerTnb .tnbRight li a { 
    display:block;    
    height: 35px;
    color: #858585;
    line-height: 35px;
    font-family: 'Poppins','³ª´®°íµñ','NanumGothic',sans-serif;
    font-size: 11px; }

#header .headerTop { 
    max-width: 1720px;
    min-width: 1200px;
    margin: 0 auto;
    position: static; }
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo {float: left; padding: 26px 0; z-index: 10; position: relative;}
#header .headerTop .tlogo a img{width: 100%;}
#header .headerTop .searchArea { float: left; margin-right: 28px; position: relative;}
#header .headerTop .searchArea .search {    
    position: absolute;
    top: 57px;
    right: -100px;
    width: 440px;
    height: 120px;
    background: rgba(255,255,255,0.96);
    display:none;
    }
#header .headerTop .searchArea .search form{margin-top: 38px;}
#header .headerTop .searchArea .search form fieldset{    
    border-bottom: 2px solid #000;
    width: 340px;
    margin: 0 auto;}
#header .headerTop .searchArea .search input {
    width: 300px;
    height: 34px;
    line-height: 34px;
    border: none;
    background: none;
    float: left; }
#header .headerTop .searchArea .search input::placeholder {
  color: #cecece;
  font-size:16px;
  font-family: 'Poppins', '³ª´®°íµñ','NanumGothic',sans-serif;
  font-weight: 300;
}
#header .headerTop .searchArea .search a { display:block; width:21px; height:21px; text-indent:-9999em; background:url(/design/kimex/beigehome/pc/icon/searchicon.png) no-repeat; float: right; margin-top: 3px; }
#header .headerTop .searchArea .searchicon{width: 21px; height: 21px; background:url(/design/kimex/beigehome/pc/icon/searchicon.png) no-repeat; cursor: pointer;}
#header .headerTop .searchArea .searchicon.close{background:url(/design/kimex/beigehome/pc/icon/searchclose.png) no-repeat;}
#header .headerTop .mypageBox{float: left; margin-right: 28px;}
#header .headerTop .basketarea{float: left; position: relative;}
#header .hearrigare{float: right; padding-top: 40px; position: relative; z-index: 10;}
#header .hearrigare .basketarea .user_basket_quantity{    
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #000;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: -7px;
    left: 13px;
    color: #fff; 
    font-size: 12px; 
    font-family: 'Roboto', sans-serif;}

/*¸Þ´º Áߺзù dz¼±*/
#header .headerGnb {
    position: absolute;
    width: 100%;
    top: 77px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
#header .headerGnb .gnbInner {
    margin: 0 auto;
    position: relative;
    _width: 1400px
}
#header .headerGnb .gnbInner ul {
*zoom:1
}

#header .headerGnb .gnbInner ul:after {
    display: block;
    clear: both;
    content: ''
}
#header .headerGnb .gnbInner ul.depth1 > li {
    min-width: 100px;
}
#header .headerGnb .gnbInner > ul >.cate1{position: relative;}
#header .headerGnb .gnbInner > ul >li {
    display: inline-block;
    text-align: center;
    padding-bottom: 37px;
}
#header .headerGnb .gnbInner > ul > li > a {
    padding: 0 26px;
    white-space: nowrap;
    font-size: 14px;
    color: #3b3b3b;
    font-family: 'Poppins','³ª´®°íµñ','NanumGothic', sans-serif;
    font-weight: 500;
}
#header .headerGnb .gnbInner ul li .sub_menu{display:none; position: absolute; min-width: 100%; top: 49px; left: 50%; transform: translateX(-50%);}
#header .headerGnb .gnbInner ul .cate3 .sub_menu {width: auto}
#header .headerGnb .gnbInner ul .cate1 .sub_menu .sub_menu_inner, #header .headerGnb .gnbInner ul .cate2 .sub_menu .sub_menu_in{
    margin: 0 auto;
    background: #FFF;}
#header .headerGnb .gnbInner ul .cate1 .sub_menu .sub_menu_inner dd{
    padding: 28px 20px;
    box-sizing: border-box;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    font-size: 13px;
    color: #666;
    text-align: left;}
#header .headerGnb .gnbInner ul li .sub_menu .sub_menu_inner dd a.sub{display: block;
    white-space: nowrap;
    margin-bottom: 14px;
    color: #858585;
    font-family: 'Poppins', 'Noto Sans KR', sans-serif;
    letter-spacing: 1px;
    }
#header .headerGnb .gnbInner ul li .sub_menu .sub_menu_inner dd a.sub:last-of-type{margin-bottom: 0;}
#header .headerGnb .gnbInner ul li .sub_menu .sub_menu_inner dd a.sub:hover{color:#000; font-weight: bold;}

#header .category_wrap .category_list li.sel > a{position:relative;}
#header .category_wrap .category_list li.sel > a:after{position:absolute; bottom:-35px; left:0; width:100%; height:2px; background:#000; content:""; display:block; z-index:10;}

#header .headerGnb .gnbInner ul .cate2 .sub_menu .sub_menu_in .sub_menu_box{width: 917px;
    margin: 0 auto;
    padding: 50px 0;}
#header .headerGnb .gnbInner ul .cate2 .sub_menu .sub_menu_in .sub_menu_box:after{display: block;
    clear: both;
    content: ''; }
#header .headerGnb .gnbInner ul .cate2 .sub_menu .sub_menu_in .sub_menu_box .sub_menu_inner{
    vertical-align: top;
    text-align: left;
    }
#header .headerGnb .gnbInner ul .cate2 .sub_menu .sub_menu_in .sub_menu_box .sub_menu_inner dd{float:left; width: 110px; margin-right: 180px;}
#header .headerGnb .gnbInner ul .cate2 .sub_menu .sub_menu_in .sub_menu_box .sub_menu_inner dd:last-of-type{margin-right:0}
/* ºê·£µå ¸Þ´º */
.brands{    position: absolute;
    width: 100%;
    z-index: 100;
    background: rgba(255,255,255,0.96);
    padding-top: 50px;
    display:none
    }
.brands .brandsinner{
    width: 924px;
    margin: 0 auto;
}
.brands .fullsubmenu{float: left; height: 260px;
    display: flex;
    align-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;}
.brands .fullsubmenu li{height: 32px;
    width: 170px;}
.brands .fullsubmenu li a.sub{ color: #858585;
    font-family: 'Poppins','³ª´®°íµñ','NanumGothic', sans-serif;
    font-weight: normal;}
.brands .brandsinner img{float: right; margin-bottom: 50px;}

#header .headerGnb .gnbInner ul.depth1 > li:hover .depon:after{left:0; width:100%}
#header .headerGnb .gnbInner ul.depth1 > li .depon:after{display: block;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 3px;
    background: #000;
    content: "";}

/* BASIC css end */