/* BASIC css start */
body{background:#fff;}

/* ·Ñ¸µ¹è³Ê */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
.swiper-pagination-bullet-active {background:#e2e2e2 !important;}
#container.main .items-wrap .items[data-type=tile],
#container.main .items-wrap .items[data-type=horizontal] { margin-top: 0px; }
#container.main .items-wrap .items[data-type=horizontal] .price img { vertical-align: -1px; }
#container.main .items-wrap .items[data-type=vertical] li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li { min-height: initial; }
#container.main .items-wrap .items[data-type=vertical] .price-info li .tit img { vertical-align: -1px; }

/* //·Ñ¸µ¹è³Ê */

.main .topBanner { overflow:hidden; display:box; display:-webkit-box; display:-moz-box; box-orient: horizontal;    -webkit-box-orient: horizontal;    -moz-box-orient: horizontal;    clear: both;}
.main .topBanner .topBanner_inner { box-flex:1; -webkit-box-flex:1; -moz-box-flex:1; position:relative; margin:2px;  box-sizing:border-box; text-align:center;}
.main .topBanner .topBanner_inner a{}
.main .topBanner img {width:100%; vertical-align:top; clear:both; border:1px solid #ddd;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}
.Topbanner{margin-top:40px; margin-bottom:40px;}


.timesale-wrap{position:relative;margin-top:10px;}




/*±¸¸Å,¼³Ä¡°¡ÀÌµå & NOTICE & »çÀºÇ°=================================*/
.md_Wrap{margin:0 auto;}
ul.grey_btn{
    text-align:center;
    background:#fafafa;
    overflow:hidden;
    clear:both;
    margin:0 auto;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    margin-bottom:10px;
}
ul.grey_btn>li{
    display:inline-block;
    width:32%;
    padding:15px 0 25px 0;
    box-sizing:border-box;
    padding:5px 0px 15px 0px;
    border-right:1px solid #c3c3c3;
    
}
ul.grey_btn>li:last-child{border-style:none;}
ul.grey_btn>li>a{
    color:#111;
    font-size:15px;
    height: 100%;
    color: #111;
    font-family:"Noto Sans KR",sans-serif;
    letter-spacing: -.07em;
    -webkit-text-size-adjust: none;
    font-weight:normal;
}
ul.grey_btn>li>a>img{
    margin-bottom:2px;
    display:inline-block;
    width:65px;
    height:55px;
    opacity:0.6;
}
/*Ä«Å×°í¸®º° »óÇ° Ã£±â-½ÃÀÛ=============================*/
.iconmenu_wrap{
    width:100%;
    background: #fff;
    padding: 0px 10px;
    box-sizing:border-box;}
.iconmenu{
    width:100%;
    max-width:100%;
    height:auto;
    margin: 0 auto;
    padding: 20px 0 16px 0;
    margin-bottom:0px;
}
.iconttl{
    width:95%;
    margin: 0 auto;
    color: #2b2b2b;
    font-weight: 500;
    letter-spacing: -0.5px;
    font-size: 1.1rem;
    line-height: 1.4;
    text-align: left;
    margin-bottom:10px;
}
.iconmenu ul{width:100%;height:auto;text-align: center;}
.iconmenu ul li{display: inline-block;
    vertical-align: top;
    width: 24%;
    padding:9px;
    box-sizing: border-box;
}
.iconmenu ul li a{
text-decoration: none;
display: block;
}
.iconmenu ul li span.iconimg{
display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    font-size: 0;
    background: #f6f6f6;
    border-radius: 50%;
    /*border: 1px solid #e2e2e2;*/
    transition: box-shadow .25s ease,border .25s ease;
    box-sizing: border-box;
    text-align:center;
}
.iconmenu ul li:nth-of-type(1)
,.iconmenu ul li:nth-of-type(2)
,.iconmenu ul li:nth-of-type(3)
,.iconmenu ul li:nth-of-type(4){padding-bottom:0px;}
/*.iconmenu ul li:first-of-type span.iconimg{background:#555;}*/
.iconmenu ul li span.txt {
    text-align: center;
    color: #000;
    display: block;
    padding: 0;
    font-size: 0.9rem;
    margin-top: 10px;
    letter-spacing: -0.5px;
    }
/*Ä«Å×°í¸®º° »óÇ° Ã£±â-³¡=================================*/



/* ÀÌ´ÞÀÇ º£½ºÆ®»óÇ°=================================*/
.new_item_ttl , .kids_ttl{
    width: 100%;
    padding-top: 0px;
    margin: 0 auto;
    padding: 30px 0 30px 0;
    position: relative;
    background: #f5f5f5;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.2px;
    text-align: center;
}
.new_item_ttl{
    padding: 60px 0 30px 0;
}
.kids_ttl{
    padding: 0px 0 30px 0;
}
.new_item_ttl>p,
.kids_ttl>p{
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top:15px;
    font-weight:normal;
}
.new_item>li>ul>li,
.kids_ttl>li>ul>li{
    position:relative;
}
.new_item>li>ul>li>b,
.kids_ttl>li>ul>li>b{
    color: #bd5656;
    /* text-align: right; */
    position: absolute;
    right: 8px;
}
.sliding_product_title {/*Å¸ÀÌÆ² °øÅë ½ºÅ¸ÀÏ*/

    color: #2b2b2b;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.2px;
    text-align: center;
}
.new_item_wrap{
    height: auto;
    overflow: hidden;
    background: #f5f5f5;
    padding-bottom: 60px;
}
.new_item{
    -ms-overflow-style: none; /* IE and Edge */
}

.new_item::-webkit-scrollbar{
    display: none !important;  /* Chrome, Safari, Opera*/
}
.new_item{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.new_item>li{
    display: inline-block;
    margin-right: 6px;
    width: 42%;
    font-size: 1.2em;
}
.new_item2>li{
    display: inline-block;
    margin-right: 12px;
    width: 60%;
}
.new_item>li:first-of-type{
    margin-left: 16px;}
/*.new_item>li{width:45%;margin-right:5px;display:inline-block;}*/
.new_item>li:last-of-type{margin-right:12px;}
.new_item>li>ul{width:100%;}

.new_item>li>ul>.md_slide{width:25%;height:auto;overflow-x:scroll;white-space:nowrap; -ms-overflow-style: none;           /*IE and Edge*/ }
 /*Chrome, Safari, Opera*/
.new_item>li>ul>.md_slide::-webkit-scrollbar {
    display: none !important;       
}
.new_item>li>ul>li:first-of-type{}
.new_item>li>ul>li:nth-of-type(2){/*»óÇ°¸í-ºÎ¸ð*/
    white-space:normal;
    word-break: keep-all;
    border-bottom:1px solid #e2e2e2;
    padding: 6px 0!important;
    margin-bottom: 6px!important;
    margin-right: 6px;
}
.new_item>li>ul>li:last-of-type{
    margin: 0 auto;
}
.new_item>li>ul>li>a{display:block;width:100%;box-sizing:border-box;}
.new_item>li>ul>li>a>img{}
.new_item>li>ul>li>p {/*»óÇ°¸í*/
    width: 100%;
    height: 38px;
    padding:0px 5px;
    overflow-y: hidden;
    display: block;
    font-weight: 400;
    color: #3b3b3b;
    white-space: normal;
    word-break: keep-all;
    font-size: 13px;
    line-height: 1.32;
    margin-right:6px;
}
.new_item>li>ul>li>span:nth-of-type(1){/*ÇÒÀÎ°¡*/
    font-size: 13px;
    font-weight: 700;
    color: #414141;
    line-height: 1.36;
    margin-right: 5px;
}
.new_item>li>ul>li>span:nth-of-type(2){/*Á¤°¡*/
    font-size: 13px;
    font-weight: 400;
    color: #a8a8a8;
    line-height: 1.36;
    text-decoration: line-through;}
.new_item>li>ul>li>p {/*»óÇ°¸í*/
    font-size: 14px;
}
.new_item>li>ul>li>span:nth-of-type(1){/*ÇÒÀÎ°¡*/
    font-size: 14px;
    padding-left:5px;
}
.new_item>li>ul>li>span:nth-of-type(2){/*Á¤°¡*/
    font-size: 14px;
}

/* MDÃßÃµ»óÇ° ³¡=================================*/



/* Ä¿Æ° ½½¶óÀÌµå ½ÃÀÛ=================================*/
.new_item_ttl2{
    position:relative;
    width: 100%;
    padding-top: 0px;
    margin: 0 auto;
    padding: 60px 16px 30px 16px;
    box-sizing:border-box;
    background: #fff;
    border-top: 10px solid #f5f5f5;
}
.new_item_ttl2>p{
    font-size: 14px;
    color: #666;
    text-align: center;
    margin-top: 15px;
    font-weight: normal;
    }
.new_item_ttl2 a{
    position:absolute;
    top:0px;
    right:16px;
    font-size: 14px;
    color:#999;
    }
/*.new_item_ttl2 span{flex: none;}*/
.new_item2>li>ul>li>p{
    padding: 10px 0 3px 0;
}
.new_item>li>ul>li>a>span{
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 35px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 35px;
    background: rgba(113,113,113,0.5);
}
}
.new_item>li>ul>li>a>img{
    z-index:0;
    position:absolute;
    top:0px;
    left:0px;
}
.new_item_wrap2{
    background: #fff;
    border-bottom: 10px solid #f5f5f5;
}
/*Ä¿Æ° Áø¿­ Å¸ÀÌÆ²*/
.new_item_ttl3{background: #fff;}
/* Ä¿Æ° ½½¶óÀÌµå ³¡=================================*/


/*º£½ºÆ®»óÇ° ÅÇ¸Þ´º=================================*/
#tabmenuu {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    padding-bottom: 94px;
}
.tabb {
    text-align: center;
    margin: 0 auto;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 304px;
    height: 23px;
}


.tabb>li{
    float:left;
    /*width:24%;*/
    height:28px;
    position:relative;
    list-style-type: none;
    text-align:center;
    word-break: break-all;
    margin-left:20px;
}
.tabb>li:first-of-type{margin-left:0px;}
.tabb>li>a{
    height:23px;
    display:block;
    text-align:center;
    margin-bottom: 1rem;
    color: #666;
    font-size: 1rem;
    line-height: 23px;
    font-family: "Noto Sans KR","Dotum",sans-serif;
}
.tabb>li>a.selected {/*ÇöÀç ¼±ÅÃµÈ ÅÇ¸Þ´º*/
    color: #222;
    border-bottom: 2px solid #222;
    font-weight: bold;
}

.panell{
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box;
    clear: both;
    height: 300px;
    position: relative;
    margin: 0 auto;
}
.panell>li{float:left;width:100%;}
.panell>li>div{width:100%;}


#mdtabm {
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
    padding-bottom: 94px;
    background: #f5f5f5;
}

.mdtab {
    text-align: center;
    margin: 0 auto;
    margin: 0 auto;
    margin-bottom: 30px;
    width: 304px;
    height: 23px;
}
.mdtab>li{
    float:left;
    /*width:24%;*/
    height:28px;
    position:relative;
    list-style-type: none;
    text-align:center;
    word-break: break-all;
    margin-left:26px;
    }
.mdtab>li:first-of-type{margin-left:0px;}
.mdtab>li>a{
    height:23px;
    display:block;
    text-align:center;
    margin-bottom: 1rem;
    color: #666;
    font-size: 1rem;
    line-height: 23px;
    font-family: "Noto Sans KR","Dotum",sans-serif;
}
.mdtab>li>a.selected {/*ÇöÀç ¼±ÅÃµÈ ÅÇ¸Þ´º
    border-bottom: 2px solid #222;
    font-weight: bold;*/
}

.mdpanell{
    width: 82%;
    padding: 0 10px;
    box-sizing: border-box;
    clear: both;
    height: 300px;
    position: relative;
    margin: 0 auto;
}
.mdpanell>li{float:left;width:100%;}
.mdpanell>li>div{width:100%; }





/*ÅÇ¸Þ´º-³»ºÎ ÄÁÅÙÃ÷*/
html,
body {
position: relative;
height: 100%;
}

#swp_wrap .swiper {
width: 100%;
height: 100%;
overflow:visible;
}

#swp_wrap .swiper-slide{
text-align: center;
font-size: 18px;
background: #fff;
/*
margin-right:0px !important;
padding-right:10px;*/
    /*padding-bottom:40px;ÆäÀÌÁö³×ÀÌ¼Ç º¸ÀÌ°ÔÇÏ·Á°í º»Ã¼¼¼·Î±æÀÌ ´Ã¸±¶§*/

/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}

/*³»°¡ Ãß°¡ÇÑ ºÎºÐ-±âº»À¸·Î ÇÊ¿ä*/
#swp_wrap{
text-align:center;
/*background: #eee;*/
font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
font-size: 14px;
color: #000;
margin: 0;
padding: 0;
    overflow:visible;
    
}

/*³»°¡ Ãß°¡ÇÑ ºÎºÐ-¾¾¿¤*/
.best_ttl {    
padding: 60px 0px 20px 0px;
    color: #2b2b2b;
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -0.2px;
    text-align: center;
}
#swp_wrap .swiper-slide ul{}
#swp_wrap .swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
#swp_wrap .swiper-slide li:nth-of-type(2){padding-top:15px;}
#swp_wrap .swiper-slide li:last-of-type{padding-bottom:0px;}

#swp_wrap>div>div>div>p{}
#swp_wrap>div>div>div>ul{}
#swp_wrap>div>div>div>ul>li{
    text-align:left;}
#swp_wrap>div>div>div>ul>li>p{
    /*height: 33px;*/
    padding:5px 0;
    overflow-y: hidden;
    display: block;
    font-weight: 400;
    color: #4c4c4c;
    word-break: keep-all;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.32;
    }
#swp_wrap>div>div>div>ul>li>span:nth-of-type(1){/*ÇÒÀÎ°¡*/
    font-size: 12px;
    font-weight: 600;
    color: #4a4442;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.36;
    margin-right: 6px;}
#swp_wrap>div>div>div>ul>li>span:nth-of-type(2){/*Á¤°¡*/
    font-size: 12px;
    font-weight: 400;
    color: #a8a8a8;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.36;
    text-decoration: line-through;}
#swp_wrap .swiper-horizontal>.swiper-pagination-bullets {/*swiper-paginationÀ§Ä¡*/
    bottom: -30px;
    left: 0;
    width: 100%;
}
.swiper-pagination-bullet {
    opacity: .5;
}
#swp_wrap .swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
    border: 1px solid #333;
}
/*º£½ºÆ® »óÇ° ½½¶óÀÌµå ³¡===================================*/


/*Çü»ó±â¾ïÄ¿Æ°=======================================*/
.remember2 {
    position: relative;
    height: 463px;
    background: #fff;
    overflow: hidden;
    margin: 0px auto;
}
.remember2>p:last-of-type{
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
}
.remember2 iframe {
    width: 90%;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 153px;
    left: 5%;
    z-index: 1;
}
.remember2 iframe video{
    width: 470px !important;
    height: 200px !important;
    top: 0 !important;
    left: -86px !important;
    }
.remember2_ttl1{
    z-index: 1;
    position: absolute;
    top: 60px;
    text-align: center;
    width: 280px;
    margin: 0 auto;
    margin-left: -140px;
    left: 50%;
    color: #8d7760;
    font-size: 1rem;
}
.remember2_ttl2{
    z-index: 1;
    position: absolute;
    top: 97px;
    text-align: center;
    width: 300px;
    margin-left: -150px;
    left: 50%;
    font-size: 22px;
    color: #2b2b2b;
    font-weight: 700;
    letter-spacing: -0.2px;
}
.remember2 iframe {
    width: 90%;
    height: 200px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 136px;
    left: 5%;
    z-index: 1;
}
.remember_main_btn2 {
    position: absolute;
    top: 356px;
    text-align: center;
    padding: 0 16px;
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
}
.remember_main_btn2>a {
    display:inline-block;
    background: #A69A89;
    width: 100%;
box-sizing:border-box;
    text-align: center;
    font-size: 17px;
    font-weight: 400;
    color: #fff;
    padding: 15px 0px;
    border-radius: 5px;
    z-index: 1;
}
/*Çü»ó±â¾ïÄ¿Æ°=======================================*/


/*¶ì¹è³Ê -1,2===============================*/
.line_bn1,.line_bn2,.line_bn3,.line_bn3,.line_bn4{
    text-align: center;
    margin: 60px auto;
}
/*//¶ì¹è³Ê -1,2===============================*/

/*Ä¿Æ°,Ä§±¸ Áø¿­ºÎºÐ===================================*/
.mainprd_ttl {
    width: 100%;
    /* padding-top: 0px!important; */
    margin: 0 auto;
    margin-top: 30px;
    padding-top: 25px;
    padding-bottom: 12px;
    position: relative;
    font-size: 24px !important;
    background: #f5f5f5;
    letter-spacing: 2px !important;
}
.mainprd_ttl a {
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    right: 10px;
    top: 29px;
}
.cur-prdlist .btn_moreGray,.bed-prdlist .btn_moreGray{
    /*height:45px;*/height:auto !important;
}

/*Ä¿Æ° Áø¿­ºÎºÐ-°¡·Î½ºÅ©·Ñ¹è³Ê*/
/*¼öÁ¤ÈÄ*/
.mainprd_curtain_wrap {
    height: auto;
    overflow: hidden;
    background: #f5f5f5;
    padding-bottom: 25px;
    margin-bottom: 30px;
}
.mainprd_curtain::-webkit-scrollbar{
    display: none !important;  /* Chrome, Safari, Opera*/
}
.mainprd_curtain {
    -ms-overflow-style: none; /* IE and Edge */
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
}
.mainprd_curtain>li{
    display: inline-block;
    margin-right: 5px;
    width: 75%;
}
.mainprd_curtain>li:first-of-type{
    margin-left:10px;
}

.mainprd_curtain>li>ul{width:100%;}
.mainprd_curtain>li>ul>li:nth-of-child(2){white-space:normal;
    word-break: keep-all;}
.mainprd_curtain>li>ul>li>a{display:block;width:100%;padding:5px 0;box-sizing:border-box;}
.mainprd_curtain>li>ul>li>a>img{}
.mainprd_curtain>li>ul>li>p{
    width:100%;/*»óÇ°¸í*/
    padding:5px 0;
    overflow-y: hidden;
    display: block;
    font-weight: 400;
    color: #4c4c4c;
    white-space:normal;
    word-break: keep-all;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.32;}
.list_shopping2x ul{
    padding: 0px 2px !important;}
.list_all .listIcon, p.ciel_thumb_icon{height:auto !important;}
.list_all .listName, .listDiscount, .listPrice{
    font-weight: 400 !important;
    color: #3b3b3b !important;}
.list_shopping2x li:nth-child(odd){margin-right:2%;}
.list_shopping2x li {
    width: 49% !important;}
.list_shopping2x li a {
    display: block;
    padding:0px !important;
}
.list_shopping2x li:nth-child(even)>a{padding-right:0px !important;}
.btn_moreGray{
    font-size: 14px;
    font-weight: 400;
    padding: 10px 0px;
}
.btn_moreGray{}
.btn-add1_product>a{
    font-weight: 400;
    padding: 10px 0px;
background-color: #efefef;
}
.more{margin-top: 20px;}
/*//Ä¿Æ°,Ä§±¸ Áø¿­ºÎºÐ ³¡===================================*/


/*Å°ÁîÁø¿­ »ó´Ü Å¸ÀÌÆ²*/
.kids_ttl-new{padding:30px 0;font-size:20px !important;}
.kids_ttl-new2{align:center; text-align:center;max-width:30%;margin:0 auto;}

/*Æ®·»µå Å°¿öµå=======================================*/
#tabmenuuuu{
    width:100%;
    margin:0px auto;
    overflow:hidden;
}
#tabmenuuuu ul.tabbbb {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    padding: 0 16px;
    padding-bottom: 14px;
    box-sizing: border-box;
}
.tabbbb>li{
    display:inline-block;
    height:28px;
    position:relative;
    list-style-type: none;
    text-align:center;
    word-break: break-all;
    margin-bottom: 8px;
    margin-right: 2px;
}
.tabbbb>li>a{
    font-family: "Noto Sans KR","Dotum","µ¸¿ò",sans-serif;
    font-size: .875rem;
    height: 28px;
    line-height: 28px;
    letter-spacing: -.28px;
    background: #f5f5f5;
    color: #777;
    padding: 0.1rem 0.625rem;
    border-radius: 0.125rem;
    display: inline-block;
}
.tabbbb>li>a.selecteddd{  /*ÇöÀç ¼±ÅÃµÈ ÅÇ¸Þ´º*/
    background: #000;
    color: #fff;
}
.panellll {
    width: 100%;
    box-sizing: border-box;
    clear: both;
    padding: 0px;
    /*height: 300px;*/
    position: relative;
}

.panellll>li>ul{
    width: 100%;
    box-sizing: border-box;padding:0 16px;margin:0 auto;}
.panellll>li>ul>li{
    display: inline-block;
    width: 48.5%;
    position: relative;
    box-sizing: border-box;
    padding-right:6px;}
.panellll>li>ul>li:nth-of-type(1){
    margin-right: 1% !important;
    margin-bottom: 6px !important;}
.panellll>li>ul>li:nth-of-type(2){
    margin-bottom: 6px !important;}
.panellll>li>ul>li:nth-of-type(3){
    margin-right: 1% !important;}
.panellll>li>ul>li:nth-of-type(4){}
.hashtag_ttl {
    padding-top: 20px;
    padding-bottom: 30px;
}
/*  // Æ®·»µå Å°¿öµå ³¡=======================================*/


/* =============================================================================
   ¸ÞÀÎ ¾ÆÀÌÄÜ ¹× Ç°Àý¹è°æ °ü·Ã
================================================================================*/

.items-wrap .items .icons { /*position: absolute; left: 5px; top: 0;*/ }
.items-wrap .items .icons span { /*display: block; width : 30px;*/ }
.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 95px; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }

    .swiper-container {
        width: 100%;
        height: auto;
        margin: 0px auto;
    }
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }


.event{width:100%;height:auto;}
.event ul {overflow:hidden;}
.event ul li{float:left;width:49.5%;margin-top:4px;}
.event ul .s_event1{}
.event ul .s_event2{float:right;}
.event ul .s_event3{margin-top:5px;}
.event ul .s_event4{float:right;margin-top:5px;}


.mb_b{width:100%;height:auto;}
.mb_b ul li{float:left;width:33.333%;}


#more{display:none;}
.more_button{width:99%;height:50px;line-height:50px;text-align:center;border:1px solid #969696;margin:auto;margin-top:0px;}




/*»óÇ° Áø¿­ ¹Ù²Ù´Â Æû*/
.SMS_Product_display #prdviewContainer { margin-top: 35px;}
.SMS_Product_display #prdviewContainer { position: relative; text-align: center; margin-top: 45px;}
.SMS_Product_display #prdviewContainer ul { position: initial; display: inline-table;  margin: 0;}
#prdviewContainer ul { position: absolute; top: 7px; right: 7px; display: inline-table; margin: 5px 5px 0 0;}


#prdviewContainer ul li.display1.over, #prdviewContainer ul li.over1 ,#prdviewContainer ul li.display1{ background-position: 2px 4px !important;}
#prdviewContainer ul li.display2.over, #prdviewContainer ul li.over2 ,#prdviewContainer ul li.display2 { background-position: -29px 4px !important;}
#prdviewContainer ul li.display3.over, #prdviewContainer ul li.over3 ,#prdviewContainer ul li.display3 { background-position: -60px 4px !important;}



#prdviewContainer ul li.display1.over, 
#prdviewContainer ul li.display2.over, 
#prdviewContainer ul li.display3.over { background: #fff url(https://ijun76.godohosting.com/html/images/mobile/icon/main_converter_icon_sel.png) no-repeat; background-size: auto 20px;}


#prdviewContainer ul li { display: inline-block; width: 30px;  height: 30px;  text-align: center;  text-indent: -999px !important;  
                          background: #fff url(https://ijun76.godohosting.com/html/images/mobile/icon/main_converter_icon.png) no-repeat; background-size: auto 20px;  
                          border: 0px solid #ddd; border-right: none;
}

#prdviewContainer ul li:first-child {
    border-radius: 0px 0 0 0px;
}

/*Å¬¸¯ÇßÀ»¶§*/
.SMSwidth100 .items li{width:100% !important;}
.SMSwidth50 .items li{width:50% !important;}
.SMSwidth33 .items li{width:33% !important;}


/*»óÇ° Áø¿­ ¹Ù²Ù´Â Æû_end*/


/*Å©·¹¸¶ ¸®ºä Å¸ÀÌÆ²*/
.crema_rv_ttl {
    /*º¯°æ Àü
    padding-top: 65px;
    margin-bottom: -30px;
    */
    padding-top: 45px;
    PADDING-BOTTOM: 20px;
    margin-bottom: 30px;
}



/*  ¸ÞÀÎ Äü¹è³Ê cssÃß°¡ 250107 ÀÌÀü */

#quick_bn{display: none;
    overflow: hidden;
    position: fixed;
    right: 13%; /* 50% background-color:#fff;*/
    bottom: 10px;
    z-index: 100;
    /* margin-right: -10px; */
    font-size: 0;
    text-align: center;
    cursor: pointer;
    }

#quick_bn span{display: block;
    float: right;
    width: 320px;
    height: 79px;
    color: #fff;
    font-size: 14px;
    line-height: 40px;
    /*text-indent: -30px;*/
    vertical-align: top;}
    

#quick_bn{display:block;}



/*  ¸ÞÀÎ Äü¹è³Ê Ãß°¡ 250116 css */

.image-container {
   /*position: relative;width: 596px;height: 147px;*/
    position: fixed;
    overflow: hidden;
    vertical-align: top;
    bottom: 10px; /* right: 10%;*/
    z-index: 100;
    text-align: center;


}

.close-button {
  position: relative;
  top: 8px;
  right:45px;
  font-size:19px;
  background-color: #f8f8f8;
  border: none;
  cursor: pointer;
}



/* BASIC css end */

