/* BASIC css start */
@import url("//fonts.googleapis.com/css?family=Roboto:400,300,100,500,700");
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css); 
@import url('//fonts.googleapis.com/css2?family=Alata&display=swap');
@import url('//fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap');
@import url('//fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}




.prd-class-hd{display:none}
#loginWrap{
    padding-top: 15px !important;
    width: 1100px;
    margin: 0 auto;}

.alata{font-family: 'Alata', sans-serif;}
.lato,.spoqa{font-family: 'Spoqa Han Sans' !important}
.josefin{font-family: 'Josefin Sans';}
.mj{font-family: 'Nanum Myeongjo';}
.roboto{font-family: 'Roboto', sans-serif !important}
.dn{display:none !important}


#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}
.item-wrap .nodata{text-align:center; padding:30px}

/*header*/
#header{
background-color: #cccccc;
    width: auto;
    height: 90px;
    padding-left: 251px;}
#header .header{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    height: 60px;
    width: 100%;
    background: rgba(255,255,255,0.98);
    min-width: 1550px;
    padding: 23px 20px 23px 0px;}

#header .headerTnb {position: absolute;
    right: 90px;
    display: inline-block;
    vertical-align: top;}
#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:45px; color:#6d6d6d; line-height:45px }
#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: 0 13px 13px 13px;
    float: left;}

#header .headerTnb .tnbRight li.hasSub{
    position: relative; }
#header .headerTnb .tnbRight li.hasSub a.on{text-decoration: underline; }
#header .headerTnb .tnbRight li.hasSub .subBox{
    padding-top: 5px;
    display:none;
    z-index: 99999;
    position: absolute;
    padding: 15px 20px 15px;
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: 0 4px 5px rgba(0,0,0,0.3);
    left: -15px;
    margin-top: 5px;
    width: 80px;}
    
#header .headerTnb .tnbRight li.hasSub .subBox .speech-icon{
    position: absolute;
    top: -6px;
    left: 39px;
    background-image: url(/design/bigsize/pc_header_img_sprite_180104.png);
    background-repeat: no-repeat;
    width: 12px;
    height: 9px;
    display: block;
    background-position: -143px -42px;}
    
    
#header .headerTnb .tnbRight li.hasSub .subBox a{
    display: block;
    font-size: 15px;
    text-align: left;
    color: #000;
    padding: 6px 0;
    _font-weight: bold;}

#header .headerTnb .tnbRight li.hasSub .subBox a:hover{
    color: #4285F4;
    text-decoration: underline;}

#header .headerTnb .tnbRight li a{
    display: block;
    color: #808080;
    _font-family: 'Lato', sans-serif;
    text-align: center;}
    
#header .headerTnb .tnbRight li a em{display:block; clear:both;
    padding-top: 7px;
    color: #808080;
    font-family: '¸¼Àº °íµñ', 'Malgun Gothic', sans-serif;
    letter-spacing: -2px;
    font-size: 14px;}

#header .headerTnb .tnbRight li .cart{position:relative;}
#header .headerTnb .tnbRight li .cart span.josefin{
    position: absolute;
    top: -2px;
    right: 4px;
    background: #000;
    color: #fff;
    height: 18px;
    width: 18px;
    line-height: 20px;
    border-radius: 100%;
    text-align: center;
    font-size: 10px;}

#header .searchArea {
    display: inline-block;
    left: 1150px;
    vertical-align: top;
    width: 200px;
    height: 30px;
    border: 1px solid #999999;
    border-radius: 22px;
    background: #fff;
    position: absolute;
    padding: 4px 50px 4px 20px;}
    
#header .searchArea .search { position:relative;}
#header .searchArea .searchtext { width: 300px; margin-top:10px; margin-left:-10px;}

#header .searchArea .search input {
    text-indent: 13px;
    background: none;
    vertical-align: top;
    width: 100%;
    height: 32px;
    border: 0;
    line-height: 32px;
    font-size: 14px;
    font-family: "Noto Sans KR";}
    
#header .searchArea .search a {
    display: block;
    position: absolute;
    top: 6px;
    right: -20px;
    width: 20px;
    height: 19px;
    text-indent: -9999em;
    background: url(/design/bigsize/search-ico.png) 0 0 no-repeat;
    background-size: contain;}


#brandList{
    display: inline-block;
    vertical-align: top;
    position: absolute;
    left: 250px;
    margin-top: -10px;}

#brandList ul{}
#brandList ul li{margin-top: 5px; margin-right: 5px; display: inline-block; vertical-align: top;}
#brandList ul li a{display:block;   width: 80px;  height: 70px; border-radius:5px;}
#brandList ul li:nth-child(1) a{background:url('/design/bigsize/handel/img/brandicon0.png') no-repeat;}
#brandList ul li:nth-child(2) a{background:url('/design/bigsize/handel/img/brandicon1.png') no-repeat;}
#brandList ul li:nth-child(3) a{background:url('/design/bigsize/handel/img/brandicon2.png') no-repeat;}
#brandList ul li:nth-child(4) a{background:url('/design/bigsize/handel/img/brandicon3.png') no-repeat;}
#brandList ul li:nth-child(5) a{background:url('/design/bigsize/handel/img/brandicon4.png') no-repeat;}
#brandList ul li:nth-child(6) a{background:url('/design/bigsize/handel/img/brandicon5.png') no-repeat;}
#brandList ul li:nth-child(7) a{background:url('/design/bigsize/handel/img/brandicon6.png') no-repeat;}
#brandList ul li:nth-child(8) a{background:url('/design/bigsize/handel/img/brandicon7.png') no-repeat;}
#brandList ul li:nth-child(9) a{background:url('/design/bigsize/handel/img/brandicon8.png') no-repeat;}
#brandList ul li:nth-child(10) a{background:url('/design/bigsize/handel/img/brandicon9.png') no-repeat;}

#brandList ul li a img{width:100%}
#brandList ul li a:hover{
    box-shadow:1px 1px 1px 1px #e4e4e4;}

#contentWrap{margin-top: 75px;}

/* GnB */
#Gnb {border-right: 1px solid #eaeaea; width: 180px; padding-right: 30px; background: #fff; z-index: 100; position: fixed;  top: 0; left: 0;padding-left:20px; height: 100%;}
#Gnb .gnbTop {margin-bottom: 40px; margin-left: 4%;}
#Gnb .gnbTop:after { display:block; clear:both; content:'' }
#Gnb .gnbTop .tlogo {padding-top:30px; text-align:right }
#Gnb .gnbTop .tlogo2 {padding-top:0px; text-align:center; color:#999999;}
#Gnb .gnbTop .tlogo img{width:198px}
#Gnb .gnbBottom {
    margin-right: -50px;}
#Gnb .gnbBottom .gnbInner {}
#Gnb .gnbBottom .gnbInner ul.bbs{margin:40px 0}
#Gnb .gnbBottom .gnbInner ul.cs li{
margin-right:55px !important}

#Gnb .gnbBottom .gnbInner ul.cs li span{text-align: right;}

#Gnb .gnbBottom .gnbInner ul { *zoom:1 }

#Gnb .gnbBottom .gnbInner li.on ul.sub_menu{display:block; }

#Gnb .gnbBottom .gnbInner ul.sub_menu{
    display:none;
    position: absolute;
    left: 90px;
    border: 1px solid #ddd;
    background: #fff;
    top: -10px;
    text-align: left;
    z-index: 99999999;
padding: 0 15px 5px 10px;
}
 
#Gnb .gnbBottom .gnbInner ul.sub_menu a{
    display:block;
    text-align:left;
    font-size: 12px;
    font-family: 'Lato', sans-serif;
    color: #666666;}

#Gnb .gnbBottom .gnbInner ul:after { display:block; clear:both; content:'' }
#Gnb .gnbBottom .gnbInner ul li { margin: 12px 15px 13px 15px; position:relative; }
#Gnb .gnbBottom .gnbInner ul li span{
    display: block;
    font-size: 16px;
    text-align: left;
    color: #202020;
    white-space: nowrap;
    box-shadow: 0 0 1px transparent;
    _padding-right: 30px;
    margin-left: -10px;
}

#Gnb .gnbBottom .gnbInner ul.depth1 > li {margin: 8px 30px 0 15px; }

#Gnb .gnbBottom .gnbInner ul.depth1 > li > a{
    font-size: 17px;
    padding:3px 5px;
    font-weight:Medium;
}

#Gnb .gnbBottom .gnbInner ul li a {
    _display: block;
    font-size: 16px;
    color: #202020;
    white-space: nowrap;
    box-shadow: 0 0 1px transparent;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    padding-left: 10px;}

#Gnb .gnbBottom .gnbInner ul li a.on{color:#33ccff; background:#f0f2f0; text-decoration: underline;, }

#Gnb .gnbBottom .gnbInner ul.sub_menu a.on {background:none; color:#000;}

#Gnb .gnbBottom .gnbInner ul li.first { padding-left:0 }
#Gnb .gnbBottom .gnbInner ul li.last { padding:0 0 0 40px }



#Gnb .gnbBottom .gnbInner ul.sns{
    margin: 20px 0;
    text-align: right;
    padding-right: 50px;
}

#Gnb .gnbBottom .gnbInner ul.sns li{
    margin-left: 0;
    margin-right: 0;
    display: inline-block;}

#Gnb .gnbBottom .gnbInner ul.sns li a{margin-right:12px; padding: 0;}

#Gnb .gnbBottom .gnbInner ul.sns a img{
    height: 11px;}

#Gnb .gnbBottom ul.menutitlecolor{margin-left: -9%; margin-top: -14%;}
#Gnb .gnbBottom ul.menutitlecolor2{margin-left: -9%; margin-top: 3%; margin-bottom: -8%;} 




/* BASIC css end */