/* BASIC css start */
#mask { display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:200 }
.page_top_ban { height:320px!important; position: relative;
    height: 320px;
            background-position: 50%!important; }
/* header */
#header { position:relative; height:185px; width:100%; background:#fff; z-index:100 }
.top_banner {background:#f3eadb;height:50px;line-height:50px;position: relative;transition: .3s all;width: 100%;}
.top_banner a {display:block;text-align:center;line-height:50px;width:100%;height:100%;}
.top_banner h1 {font-size:15px;color:#001b46;font-weight:400;line-height: 50px;}
.top_banner 
.top_banner_close {
    width: 18px;
    height: 18px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 75px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.top_banner .top_banner_close img {
    width: 100%;
    vertical-align: top;
}
#header .header_in {top:0;left:0;width:100%;height: 185px;background: #001b46;}
#header .headerTnb { margin:0 auto; position:relative; width:1100px; height:45px; *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: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 .headerTop .tnbRight {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    }
#header .headerTop .tnbRight li {padding-left: 16px;margin-left: 16px;float:left;position: relative;}
#header .headerTop .tnbRight li a {display:block;height:45px;color: #e9d9bd;line-height:45px;font-weight: 400;font-size: 11px; letter-spacing:0.075em;}

#header .headerTop {margin:0 auto;position:relative;width: 100%;max-width: 1760px; min-width:1200px; height: 120px; *zoom:1;}
#header .headerTop:after { display:block; clear:both; content:'' }
#header .headerTop .tlogo {padding-top: 32px;text-align:center;}
#header .headerTop .searchArea { position:absolute; top:12px; right:0; width:204px; height:40px; border-bottom:1px solid #000 }
#header .headerTop .searchArea .search { position:relative; width:204px; height:40px }
#header .headerTop .searchArea .search input { padding-left:10px; width:164px; height:39px; line-height:40px; border:none; background:#fff }
#header .headerTop .searchArea .search a { display:block; position:absolute; top:0; right:0; width:30px; height:40px; text-indent:-9999em; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/common/btn_search.gif) 0 0 no-repeat }

#header.fixed .headerGnb { position:fixed; top:0; left:0; }
#header .headerGnb { min-width:1200px; width:100%; background:#001b46; }
#header .headerGnb .gnbInner {margin:0 auto;position:relative;max-width: 1400px;}
#header .headerGnb .gnbInner ul { *zoom:1 }
#header .headerGnb .gnbInner ul:after { display:block; clear:both; content:'' }
#header .headerGnb .gnbInner ul li {position:relative;float:left;padding: 0 2.65vw;}
#header .headerGnb .gnbInner ul li:last-of-type { margin-right:0; }
#header .headerGnb .gnbInner ul li a {height: 65px;font-size:14px;color: #e9d9bd;line-height: 65px; padding-bottom:6px; position:relative; }

#header .headerGnb .gnbInner ul li .colorRed { color:#ff0000 }

#header .headerGnb .gnbInner ul li a:before { content:""; position:absolute; left:50%; right:50%; bottom:0; height:2px; z-index:-1; background:#231f20; -webkit-transition-property:left, right; transition-property:left, right; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out }
#header .headerGnb .gnbInner ul>li>a:after  {
  display:block;
  content: '';
  border-bottom: solid 1px #fff;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  transform-origin: 0% 50%;
  bottom: 0;
  position: absolute;
  height: 1px;
  width: 100%;
}
#header .headerGnb .gnbInner ul>li>.colorRed:after { border-color:#ff0000 }

#header .headerGnb .gnbInner ul li:hover a:after { transform: scaleX(1);  }


#header .headerGnb .gnbInner ul li:first-of-type:hover a:after, #header .headerGnb .gnbInner ul li:last-of-type:hover a:after { transform: scaleX(0); }

#header .headerGnb .gnbInner ul li:hover a {
    color: #fff;
}
#header .headerGnb .gnbInner ul li:hover .colorRed {
    color: #ff0000;
}

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

#header .gnb_sub {z-index:101;background:#fff;width: 100%;height:480px;box-sizing:border-box;-webkit-box-sizing:border-box;position: fixed;top: 225px;left: 0; display: none; transition:all 0.1s ease;     box-shadow: 0px 4px 5px 0px rgba(0,0,0,.2); }
#header .gnb_sub .gnb_sub_in {max-width:1400px;min-width:1200px;margin:0 auto;box-sizing:border-box;-webkit-box-sizing:border-box;height:100%;padding:80px 0;overflow: hidden;}
#header.fixed .gnb_sub {
    top: 65px;
}


#header .headerGnb .gnbInner ul li .gnb_sub a {
    display: block;
}

p.link_txt {
    color: #001b46;
    line-height: 1.5;
    height: fit-content;
    margin-top: 38px;
    padding-bottom: 6px;
    display: inline-block;
    position:relative;
}

.img_div {
    height: 263px;
}


#header .headerGnb .gnbInner ul li .gnb_sub a p:after  {
  display:block;
  content: '';
  border-bottom: solid 1px #001b46;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
  transform-origin: 0% 50%;
  bottom: 0;
  position: absolute;
  height: 1px;
  width: 100%;
  }

#header .headerGnb .gnbInner ul li .gnb_sub a:hover p:after { transform: scaleX(1);  }


.gnb_sub_menu {
    text-align: center;
    display: inline-block;
    width: calc(100% / 7);
    float: left;
}


#header .gnb_sub.write_menu .gnb_sub_menu {
    width: 24.1%;
    margin-right: 1.2%;
}

#header .gnb_sub.ink_menu .gnb_sub_menu {
    width: calc(100% / 5);
}

#header .gnb_sub.write_menu .gnb_sub_menu:last-of-type {
    margin-right: 0;
}

#header .gnb_sub.write_menu .gnb_sub_menu img, #header .gnb_sub.dis_menu .gnb_sub_menu img, #header .gnb_sub.sup_menu .gnb_sub_menu img {
    width: 100%;
}

#header .gnb_sub.sup_menu .gnb_sub_menu {
    width: 19%;
    margin-right: 1.25%;
}

#header .gnb_sub.sup_menu .gnb_sub_menu:last-of-type {
    margin-right: 0;
}


#header .gnb_sub.dis_menu .gnb_sub_menu {
    width: 32.5%;
    margin-right: 1.25%;
}

#header .gnb_sub.dis_menu .gnb_sub_menu:last-of-type {
    margin-right: 0;
}

#header .headerTop .tnbRight li:before {
    content: '';
    width: 1px;
    height: 11px;
    background: #46546a;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

#header .headerTop .tnbRight li:nth-of-type(1):before {
    width: 0;
}




/* product_form */
.list_box .items {overflow: hidden;}
.list_box .items li {float:left;width: 24.25%;margin-right: 1%;margin-bottom: 120px;box-sizing:border-box;position: relative;}
.list_box .items li:nth-child(4n) { margin-right:0; }
.list_box .items li .thumb {position: relative;width: 100%;}
.list_box .items li .thumb .pre_btn { width: 16%; height:16%; position:absolute; bottom:0; right:0; }
.list_box .items li .thumb .pre_btn img { width:100%; }
.list_box .items li .thumb img.listPic { width: 100%; margin: 0 auto; }


.list_box .items li .thumb .sale_circle span {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
}


.list_box .items li .add_cart_bt {
    width: 182px;
    height: 42px;
    text-align: center;
    background: #f5f8fc;
    border: 1px solid #001b46;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: absolute;
    left: 50%;
    bottom: 47px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    visibility: hidden;
}


.list_box .items li:hover .list_shoppingInfo {
    visibility: hidden;
}

.list_box .items li:hover .add_cart_bt {
    visibility: visible;
}

.list_box .items li .add_cart_bt a {
    line-height: 42px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #001b46;
    letter-spacing: 0.15em;
}

.list_box .items li .list_shoppingInfo {padding: 40px 0px 0px;text-align:center;     height: 136px; box-sizing: border-box; -webkit-box-sizing: border-box;}
.list_box .items li .list_shoppingInfo .listName {font-size: 18px;font-weight: 400;color: #001b46;margin-bottom: 12px;     letter-spacing: -0.025em;}
.list_box .items li .list_shoppingInfo .listSoldout {
    font-size: 17px;
    color: #001b46;
    font-weight: 600;
}
.list_box .items li .list_shoppingInfo .BrandName {font-size: 14px;font-weight: 700;color: #001b46;margin-bottom: 12px;     letter-spacing: 0.2em;}
.list_box.best_new .items li .list_shoppingInfo .listName, .list_box.md_box .items li .list_shoppingInfo .listName { white-space: nowrap; overflow:hidden; text-overflow:ellipsis; }
.list_box .items li .list_shoppingInfo .listPrice {font-size: 16px;font-weight: 600;color: #001b46;}
.list_box .items li .list_shoppingInfo .consumer {font-size: 14px;font-weight: 400;color: #5e5e5e;display: block;margin-top: 10px;}
.list_box .items li .list_shoppingInfo .arr { font-size: 14px; font-weight: 400; color:#666; }

.list_box .dis_per {font-size:16px;color:#a90000;font-weight: 600;margin-right:7px;}

.list_box .items li figure {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.list_box .tit_box {
    padding-bottom: 60px;
    text-align: center;
}

.list_box .tit_box h1 {
    font-size: 38px;
    font-weight: 700;
    color: #001b46;
    font-family: 'linotype-didot';
    margin: 0;
    letter-spacing:0.1em;
}



.side_menu {
    z-index: 99;
    position: fixed;
    top: 260px;
    right: 80px;
    overflow: hidden;
}

.side_menu a {
    display: block;
    margin-bottom: 6px;
    cursor: pointer;
}

.bt_1 {
    float: left;
}

.side-today {display:none;width:142px;height: 683px;text-align:center;border:1px solid #e9d9bd;padding:20px 20px;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;float: left;margin-left: 6px;}
.side-today.op { display:block; }
.side-today>h1 { font-size:14px; color:#001b46; font-weight:400; margin-bottom:18px; }
.recent-list {padding-top: 10px;}
.recent-list ul li {border:1px solid #fff;margin-bottom: 10px;}
.recent-list ul li a { margin-bottom:0; }
.recent-list ul li:hover { border:1px solid #e9d9bd; }
.recent-list ul li img { width:100%; }
.side-today .up, .side-today .down { cursor:pointer; }



.search_back { 
    
    display: none;
    position: fixed;
    z-index: 9998;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}


.searchArea {
    position: absolute;
    left: 50%;
    top: 225px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform:translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 972px;
    line-height: 56px;
}

.searchArea input {
    width: 100%;
    height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    color: #000;
    text-align: center;
}


.searchArea .search_tt {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 54px;
    text-align: center;
}


.searchArea .search_close {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 54px;
    text-align: center;
    cursor:pointer;
}


.searchArea input::placeholder { color:#5e5e5e; font-weight:400; letter-spacing:0.1em  }




/* BASIC css end */