/* BASIC css start */
/* 네이버 앵커 */
.prd-list .tb-center,
.prd-list .tb-left,
.prd-list .tb-right { position: relative; }
.nhn_anchor_text { position: absolute; padding: 5px; top: 0px; left: 0px; margin-left: 10px; }
.nhn_anchor_select { } /* focus상품 */ 


body, code {font-family : "맑은 고딕",'MalgunGothic',arial,"돋움",Dutum,AppleGothic,san-serif !important;
}

/*.top_wrap .right_list ul:nth-child(-n+19),.top_wrap .right_list ul.big29{display:none}*/


/*All category css*/
.top_wrap{}
.top_wrap .left_banner{
    padding: 20px;
    display: block;
    width: 170px;
    float: left;}
.top_wrap .left_banner a{}
.top_wrap .left_banner a img{}


.top_wrap .right_list{ 
    padding: 20px; width: 1000px; float: right; text-align: left;}
.top_wrap .right_list ul{vertical-align: top; display: inline-block;}


.top_wrap .right_list ul.big20{width: 85px;}
.top_wrap .right_list ul.big21{width: 135px;}
.top_wrap .right_list ul.big22{
    width: 110px;}
.top_wrap .right_list ul.big23{
    width: 62px;}
.top_wrap .right_list ul.big24{
    width: 89px;
    margin-left: 12px;}
.top_wrap .right_list ul.big25{
    width: 88px;}
.top_wrap .right_list ul.big26{
    width: 105px;
    margin-left: 5px;}
.top_wrap .right_list ul.big27{
    width: 118px;}
.top_wrap .right_list ul.big28{
    width: 98px;}


.top_wrap .right_list ul.top{width: 85px;}
.top_wrap .right_list ul.blouse{width: 135px;}
.top_wrap .right_list ul.dress{
    width: 110px;}
.top_wrap .right_list ul.pants{
    width: 62px;}
.top_wrap .right_list ul.skirt{
    width: 89px;
    margin-left: 12px;}
.top_wrap .right_list ul.outer{
    width: 88px;}
.top_wrap .right_list ul.bag{
    width: 105px;
    margin-left: 5px;}
.top_wrap .right_list ul.acc{
    width: 110px;}
    
.top_wrap .right_list ul.inner{
    width: 98px;}


.top_wrap .right_list ul li{display: block !important; width: 100%;}
.top_wrap .right_list ul li a{font-family: initial; !important;
    font-size: 12px !important;
    letter-spacing: 0 !IMPORTANT;
    height: initial !important;
    line-height: inherit !IMPORTANT;
    font-weight: normal !important;
}


/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto Condensed Bold';
  font-style: Bold;
  font-weight: 800;
  src: url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/design/piasom/0m/font/roboto-condensed-v16-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


@font-face {
font-family: 'NotoKrL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('notokr-light'), url(/design/piasom/fonts/notokr-light.eot);
src: url(/design/piasom/fonts/notokr-light.eot?#iefix) format('embedded-opentype'),
url(/design/piasom/fonts/notokr-light.woff2) format('woff2'),
url(/design/piasom/fonts/notokr-light.woff) format('woff');;
}
@font-face {
font-family: 'NotoKrR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('notokr-regular'), url(/design/piasom/fonts/notokr-regular.eot);
src: url(/design/piasom/fonts/notokr-regular.eot?#iefix) format('embedded-opentype'),
url(/design/piasom/fonts/notokr-regular.woff2) format('woff2'),
url(/design/piasom/fonts/notokr-regular.woff) format('woff');
}
@font-face {
font-family: 'NotoKrM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('notokr-medium'), url(/design/piasom/fonts/notokr-medium.eot);
src: url(/design/piasom/fonts/notokr-medium.eot?#iefix) format('embedded-opentype'),
url(/design/piasom/fonts/notokr-medium.woff2) format('woff2'),
url(/design/piasom/fonts/notokr-medium.woff) format('woff');
}
@font-face {
font-family: 'NotoKrB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('notokr-bold'), url(/design/piasom/fonts/notokr-bold.eot);
src: url(/design/piasom/fonts/notokr-bold.eot?#iefix) format('embedded-opentype'),
url(/design/piasom/fonts/notokr-bold.woff2) format('woff2'),
url(/design/piasom/fonts/notokr-bold.woff) format('woff');
}

.mr13{margin-right:13px !important;}
.mr14{margin-right:14px !important;}
 

/*common*/
.displaynone{display:none !important;}
.gnb.fixed{position: fixed; margin-top:0px !important; 
    padding-top: 15px;
    border-bottom: 2px solid;
    z-index: 999;
    background: #fff;}

/*header*/
.btn_all_menu_open{margin-left: 0 !important;}
#hd{}
#hd .mid_area{height: 192px; margin: 0 auto;}
#hd .mid_area .logo_search{width: 1262px; margin: auto;}
#hd .top_area{border-bottom: 1px solid #eee; height: 43px;}
#hd .top_area .top_div{width: 1262px; margin: 0 auto; text-align: right;}
#hd .top_area ul.top_info{padding: 12px 0; /*width: 343px; */ float: right;}
#hd .top_area ul.top_info li{ margin-right: 16px; float: left;}

#hd .top_area ul.top_info li:first-child{ margin-left: 8px; margin-right:14px;}
#hd .top_area ul.top_info li:last-child{margin-right: 0 !important;}

#hd .top_area ul.top_info li a{font-size: 11px; font-family: dotum; color: #646464 !important;  line-height: 13px;  letter-spacing: -0.5px;}
#hd .top_area ul.top_info li .join{position: absolute;left: -6px;  top: 19px;}
#hd .top_area ul.top_info li span.blank{font-size: 11px; font-family: dotum; color: #d6d6d6;}

.logo{text-align:center;
    width: 600px;
    margin: 0 auto;
    margin-top: -1px;}
.logo a{ /*margin-left: -5px;*/}
.logo img{margin-top: 61px; margin-left: 2px;}
.search_form{margin-top: -33px;width: 260px;  margin-right: -1px;position: relative; float: right; /*height: 25px; */ border: 0;  border-bottom: 2px solid #000;}
.search_form input{width:100% !important; height:22px !important; border:0; color:#a8a8a8; font-size: 11px; font-family: dotum;   margin-bottom: 4px;}
.search_form a.btn_srch{position:absolute; top:3px; right:0;}

#hd .gnb {padding-top: 12px; padding-bottom: 0; width: 100%; display: block; margin-top: 47px;}
#hd .gnb.line{
    border-top: 2px solid #000;
    border-bottom: 1px solid #000;
    padding-top: 13px;
    width: 100%;
    display: block;
    height: 32px;
    margin-top: 44px;}
#hd .gnb ul.gnb_menu{position:relative; font-family:'Roboto', sans-serif !important; display: block;  width: 100%; /* height: 40px; */width: 1262px; margin: 0 auto;}
#hd .gnb ul.gnb_menu li.colorful div.cate_best{margin-top: 0 !important;}
#hd .gnb ul.gnb_menu li.colorful div.cate_best.sale{margin-top: 30px !important;}
#hd .gnb ul.gnb_menu li.colorful div.c.hover{border-bottom:4px solid #000;height:26px !important;}
#hd .gnb ul.gnb_menu li.colorful div.c a{}
#hd .gnb ul.gnb_menu li.colorful div.c a.child{}

#hd .gnb ul.gnb_menu li.btn_all_menu_open{width: 67px;  text-align: left;  height: 30px;}   
#hd .gnb ul.gnb_menu li{text-align: center; height: 30px; float: left; display: inline-block; font-family: 'Roboto Condensed';}   
#hd .gnb ul.gnb_menu li.hover{border-bottom:5px solid #000;}
#hd .gnb ul.gnb_menu li:last-child{margin-right: 0; float: right;}
#hd .gnb ul.gnb_menu li.all{margin: 0 25px 0 5px!important;}
#hd .gnb ul.gnb_menu li a{ color: #000 !important; height:30px; font-size: 15px; display: block; text-align: center; line-height: 20px; letter-spacing: 1px;}
#hd .gnb ul.gnb_menu li a.hover{border-bottom: 4px solid #000;  height: 26px !important;}
#hd .gnb ul.gnb_menu li a.hover2{border-bottom: 4px solid #000;  height: 28px !important;}


#hd .gnb ul.gnb_menu li .cate_best {
    height: 520px; margin-top: 30px; border:1px solid #000 !important; /*padding:20px; */ position: absolute;  z-index: 9;  width: 1262px;  background: #fff;  left: 0;}
#hd .gnb ul.gnb_menu li .cate_best h1{margin-top: 15px;font-size: 25px; text-align: center; padding: 20px 0; color: #000;}
#hd .gnb ul.gnb_menu li .cate_best ul{text-align: center; margin-top: 10px; margin-bottom: 30px;}
#hd .gnb ul.gnb_menu li .cate_best ul li{float: none !IMPORTANT;}

#hd .gnb ul.gnb_menu li a.pink{ letter-spacing: 0.4px !important; background: #ff5981; color: #fff !important; width: 100%; display: block; height: 19px; line-height: 20px;}

#hd .gnb ul.gnb_menu li a.purple{text-indent: 1px;background: #9143ef; color: #fff !important; width: 53px; height: 19px;  letter-spacing: 0.5px !important;}
#hd .gnb ul.gnb_menu li a.black{background:#000; color:#fff !important;}
#hd .gnb ul li span.join{font-family: 'Open Sans', sans-serif !important;}


/*aside*/
#aside{}
#aside .right,#aside .left{z-index: 999;}
#aside .right{ border-left: 1px solid #eee;  position: fixed; right: -1px;   top: 0;    _height: 950px;  height: 800px;  border-bottom: 1px solid #eee;  background: #fff;}

/*닫혔을때*/
#aside .close{ width: 55px;}
#aside .close .first .hover{position:relative;}
#aside .close .arrow{height: 180px; text-align: center;  background: #fff;}
#aside .close .arrow img{margin: 18px;}
#aside .close .mp_list{background:#fff; position: absolute; right: 55px; width: 120px;    height: 213px;  top: 0px; border: 1px solid #eee;}   
#aside .close .mp_list li:first-child{padding-top: 25px !important;}
#aside .close .mp_list li{font-family: 'NotoKrR', sans-serif; font-size: 13px; color: #000; padding: 12px 0 0; padding-left: 27px !IMPORTANT;}
#aside .close .second li{text-align:center; margin: 25px 0;}
#aside .close .third{font-size: 0; position: absolute;  bottom: -6px;}
#aside .close .third li{display: inline-block;}

/*열렸을때*/
#aside .open{}
#aside .open .first .hover{position:relative;}
#aside .open .arrow{height: 179px; text-align: center;  background: #fff;}
#aside .open .arrow img{margin: 16px; padding-left: 1px;}


#aside .open .mp_list{background:#fff; position: absolute; right: 110px; width: 120px;    height: 213px;  top: 0px; border: 1px solid #eee;}   
#aside .open .mp_list li:first-child{padding-top: 25px !important;}
#aside .open .mp_list li{font-family: 'NotoKrR', sans-serif; font-size: 13px; color: #000; padding: 12px 0 0; padding-left: 27px !IMPORTANT;}
#aside .open .second li{text-align:center; margin: 24px 0;
    margin-left: -5px;}
#aside .open .second li p{padding-top:5px; font-size: 13px;  font-family: NotoKrR;  color: #6f6f6f; letter-spacing: -1px;}
#aside .open .third{font-size: 0; position: absolute;  bottom: -4px;}
#aside .open .third li{display: inline-block;}


/*content영역*/
#content{margin-top:0; width:1264px; margin:0 auto;}


/*카테고리 best*/
.cate_best{display:none;}


/*전체카테고리 팝업*/
#show_pop{cursor:pointer; margin-left: 1px;  margin-top: -1px;}

#pop_cate{display:none;
    position: absolute;
    z-index: 999999;
    width: 1262px;
    left: 0;
    border: 1px solid #000000;
    height: 290px;
    margin-top:5px;
    text-align: center;
    background: #ffffff;}

#pop_cate span{cursor:pointer; position: absolute;    right: 10px;  top: 10px;  line-height: normal !important;}
.item-wrap ul.prd_list li.item .product_icon{margin: 10px 0}

.MK-product-icons img{
    margin-right: 2px;
    max-width: 50px;
    vertical-align: middle;}

/*진열 공통사항*/

.product_contents_info{min-height: 58px; margin-top: 12px;}
.product_contents_info .name{min-height:32px;}
.product_contents_info .name a{color:#000;  font-size: 12px; /* font-size: 11px; */ height: 48px; font-weight:700 !important; display: block; font-family:'verdana','dotum'; }
.price_sell{ display: flex; align-items: center; gap: 5px; font-family:'verdana','dotum'; font-size: 12px; color: #000; font-weight:600;}
.price_sell.nosale{color: #000 !important;font-size: 12px !important;}
.price_sell .dcRate { color: #e33880; font-weight: 700; }
.price_sell strike {color: #9A9A9A; font-size: 11px; font-weight: 500;}
.price_origin{font-family:'verdana','dotum'; display: inline-block; font-size: 11px; margin-top: 7px; color: #828282;}
.price_origin strike{margin-right: 5px;}
.normal{margin-top:146px;}

.normal2{float:left;}

.normal2 .tit{margin-bottom: 30px;color:#000 !important; font-size: 35px; font-weight: bold; letter-spacing: -1px;}
.normal .tit{margin-bottom: 30px;color:#000 !important; font-size: 35px; font-weight: bold; letter-spacing: -1px;}
/* BASIC css end */