@import url(//fonts.googleapis.com/earlyaccess/mplus1p.css);

* {margin: 0px; padding: 0px;}

/*reset*/
html,body {
    position: relative;
    max-width: 100%;
    overflow-x: hidden;
    font-size: 14px;
    line-height: 1.4;
    color: #111;
    font-family: 'M plus 1p', sans-serif, 'Nanum Gothic';
}
li{list-style: none;}
a{color: #111; text-decoration: none;}

img {
    max-width:100%;
    border: none;
    box-sizing: border-box;
    vertical-align: top;
}
button {
    background-color: transparent;
    border: 0;
}
legend {
    height: 0;
    width: 0;
    display: block;
    text-indent: -9999em;
}
fieldset{border:none;}

#point {
    position: absolute;
    top: -10px;
    left: 25px;
    z-index: 52;
}

.mnav {
    /*border-top: 1px solid #fff;*/
    position: absolute;
    top: 85px;
    width: 100%;
    height: 50px;
    background-color:#38151F;
    display: none;
}

.mnav ul {
    width: 620px;
    margin: 0 auto;
}

.mnav li {
    float: left;
    margin: 5px 16px;
    line-height: 40px;
    text-align: center;
}

.mnav li a:after {
    content: "|";
    font-size:18px;
    color:#fff;
    position:absolute;
    padding-left:10px;
}

.mnav li:last-child a:after{display:none;}

.mnav li a {
    color: #fff;
    font-size: 18px;
}

.menu1 {
    width: 310px;
    height: 500px;
    float: left;
}

.menu2 {
    width: 310px;
    height: 550px;
    float: left;
}

.menu3 {
    width: 310px;
    height: 500px;
    float: left;
}

.menu4 {
    width: 310px;
    height: 500px;
    float: left;
}

.menu5 {
    width: 310px;
    float: left;
    margin-top: 15px;
}

.menu6 {
    width: 310px;
    height: 450px;
    float: left;
}

.menu7 {
    width: 100%;
    float: left;
}

.search {
    height: 50px;
    width: 200px;
    background-color: #4db6ff;
    margin: 10px auto;
    border-radius: 20px;
}

.search a {
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    line-height: 50px;
}

.drmenu h1 {
    border: 1px solid #fa6482;
    width: 250px;
    background-color: #fff;
    border: none;
}

.cs11 {
    width: 250px;
    margin: 20px 30%;
    float: left;
}

section {
    width: 100%;
    height: auto;
    display: inline-block
}

section .slide {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    margin-top: 70px;
}

article {
    margin: 10px 0px;
}

article p img {
    width: 48%;
    height: auto;
    float: left;
    margin: 1%
}

#icon_menu {
    height: 200px;
    margin: 20px;
}

#icon_menu .icon {
    width: 538px;
    height: 200px;
    margin: 0 auto;
}

#icon_menu .icon img {
    width:70px;
    height: auto;
}

#icon_menu .icon li {
    float: left;
    margin-right: 15px;
    margin-bottom: 10px;
    text-align: center;
}

#icon_menu .icon li a {
    color: #444;
    font-size: 13px;
    text-align: center;
    margin-bottom: 10px;
    font-weight: bold;
}

#more {
    width: 200px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    font-size: 25px;
    background-color: #f1b2ab;
    text-align: center;
    border-radius: 50px;
    margin: 20px auto;
    z-index: 100;
}

#more a {
    color: #fff;
}

.sales {
    width: 100%;
    height: 150px;
}

.sales img {
    width: 500px;
    height: 95px;
    margin: 0 auto;
}

.content1 {
    width: 100%;
    /*height: 700px;*/
    display: inline-block;
}


.content1 .bestList {
    /*width: 600px; */
    height: 250px;
    margin: 0 auto;
}

.content1 .bestList li {
    float: left;
    margin: 1.6px;
}

.content1 .bestList li .pdtitle {
    text-align: center;
    margin: 5px;
    clear:both;
}

.content1 .bestList li .pdprice {
    text-align: center;
    margin: 5px;
    font-weight: bold;
}

.content1 .bestList li .pdprice a {
    color: #fa6482;
}

.content2 {
    width: 100%;
    display: inline-block;
    margin-top:30px;
}


.content2 .newList {
    height: 850px;
    margin: 0 auto;
}

.content2 .newList li {
    float: left;
    margin: 0 2%;
    width: 45%;
}

.content2 .newList li:nth-child(3) {
    clear: both;
}

/*.content2 .newList li a img {
    width: 250px;
}*/

.content2 .newList li .pdtitle {
    text-align: center;
    margin: 5px;
    clear:both;
}

.content2 .newList li .pdprice {
    text-align: center;
    margin: 5px;
    font-weight: bold;
}

.content2 .newList li .pdprice a {
    color: #fa6482;
}

.content3 {
    width: 100%;
    height: 680px;
}


.content3 .recomList {
    /*width: 600px;*/
    height: 510px;
    margin: 0 auto;
}

.content3 .recomList li {
    float: left;
    margin: 1.6px;
}

.content3 .recomList li:nth-child(4) {
    clear: both;
}

.content3 .recomList li a img {
    width: 180px;
}

.content3 .recomList li .pdtitle {
    text-align: center;
    margin: 5px;
}

.content3 .recomList li .pdprice {
    text-align: center;
    margin: 5px;
    font-weight: bold;
}

.content3 .recomList li .pdprice a {
    color: #fa6482;
}


/*푸치푸라*/

.puchi {
    height: 740px;
}

.puchi .puchilist {
    /*width: 600px;*/
    height: 510px;
    margin: 0 auto;
}

.puchi .puchilist li {
    float: left;
    margin: 1.6px;
}

.puchi .puchilist li:nth-child(4) {
    clear: both;
}

.puchi .puchilist li a img {
    width: 180px;
}

.puchi .puchilist li .pdtitle {
    text-align: center;
    margin: 5px;
}

.puchi .puchilist li .pdprice {
    text-align: center;
    margin: 5px;
    font-weight: bold;
}

.puchi .puchilist li .pdprice a {
    color: #fa6482;
}


/*리뷰*/

.content4 {
    padding-top: 10px;
    height: 1840px;
}

.content4 ul {
    height: 650px;
    margin: 0 auto;
}

.content4 .reviewBox {
    width: 600px;
    margin: 10px auto;
    height: 150px;
    background: #fff9f9;
    padding:10px;
}

.content4 .reviewBox div {
    margin: 5px;
}

.content4 .star {
    color: #fa6482;
}

.content4 .pd_title a {
    font-size: 18px;
    color: #fa6482;
}

.content4 .rw_title a {
    font-weight: 600;
}

.content5 {
    height: 300px;
}

.content5 img {
    height: auto;
    float: left;
    width: 50%;
    padding: 5px;
}


.content7 {
    height: 1138px;
    background-color: #ffdde4;
}

#ft_gnb {
    width: 100%;
    margin: 0 auto;
}

#ft_gnb li {
    font-size: 22px;
    padding: 5px;
    text-align: center;
    font-weight: normal;
}

#ft_gnb .mmenu {
    font-size: 27px;
    font-weight: bold;
    margin: 10px 0px;
}

#ft_gnb .mmenu a {
    color: #fa6482;
}

#ft_gnb .sub {
    display: none;
}

#ft_gnb .mmenu:nth-child(1) {
    background-color: #eee;
    width: 200px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    float: left;
    position: relative;
    left: 90px;
}

#ft_gnb .mmenu:nth-child(2) {
    background-color: #eee;
    width: 200px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    float: left;
    position: relative;
    left: 150px;
}

#ft_gnb .mmenu:nth-child(3) {
    background-color: #eee;
    width: 200px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    clear: both;
    float: left;
    position: relative;
    left: 90px;
}

#ft_gnb .mmenu:nth-child(4) {
    background-color: #eee;
    width: 200px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    float: left;
    position: relative;
    left: 150px;
}

#ft_gnb .imgbn {
    float: left;
    margin: 0 auto;
    padding-left: 40px;
    margin-bottom: 10px;
}

#ft_gnb .imgbn img {
    width: 160px;
    height: auto;
}

#ft_gnb li .color {
    clear: both;
    width: 380px;
    height: 233px;
    margin: 0 auto;
}

#ft_gnb li .color li {
    float: left;
}

#ft_gnb li .color li:nth-child(5) {
    clear: both;
}

#ft_gnb li .color li img {
    width: 80px;
    height: auto;
}

#ft_gnb .drmenu {
    clear: both;
    width: 400px;
    border: 1px solid #444;
    margin: 10px auto;
    color: #fa6482;
}