/* BASIC css start */
.collist-menu {
    border-top: 1px solid rgb(0 0 0 / 40%);
    border-bottom: 1px solid rgb(0 0 0 / 40%);
    padding: 15px 0;
    margin: 0 0 40px;
    z-index: 999999999;
    width: -webkit-fill-available;
    color: #808080;
}
.collist-menu a {position: absolute;color: #808080;
    right: 0;
    top: 15px;}
    
.container { font-size: 0;   position: relative; margin: 0 100px;}
#footer{background:#f4f4f4}
.prd-group2 img{    padding-bottom: 20px;}
#pricevalue{color:#000!important}
.swiper-container-android .swiper-slide, .swiper-wrapper {}
.size-chart-cont td{font-size:10px;padding-bottom:7px;    text-align: center;}
.size-chart-cont th{    text-align: center;padding-bottom:7px;}
.table-opt{ border-top: 1px solid rgb(0 0 0 / 28%);padding:20px 0;;margin-top:25px;}
.opt-btns input{    text-align: center!important;
    float: initial!important;
    background: #f4f4f4;
    border: 0;}
.opt-btns img{width: 9px;
    vertical-align: baseline;}
.aco {padding: 30px 0; }
.aco dt{padding: 0;}
.aco dt,.aco dd { line-height: 1.7;}
.aco dd { margin-bottom: 5px 0;    padding: 15px 0 25px 0; display: none;font-size: 11px; }
.aco dt span { display: inline-block; width: 8px; height: 8px; background-image:url(http://img.ouimerci.co.kr/2021_re/up.png);
background-size: 100%;
    vertical-align: middle; margin-right: 0px;float: right; }
.aco dt.on span {background-image:url(http://img.ouimerci.co.kr/2021_re/down.png);background-size: 100%; }


.accordion-wrapper input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.accordion-wrapper {
    
    overflow: hidden;
   
   
    margin:30px 0;
}
.accordion {
    width: 100%;
  
    overflow: hidden;
    
}
.accordion:last-child{
    margin-bottom: 0;
}
.accordion-label {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 5px 0;
    line-height: 1.7;
    cursor: pointer;
    
}

.accordion-label::after {
       margin-top: 5px;
    background-image: url('http://img.ouimerci.co.kr/2021_re/up.png');
    background-size: 10px 10px;
    display: inline-block;
    width: 10px; 
    height: 10px;
    content:"";

    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content {
    max-height: 0;line-height: 1.7;
    
    font-size: 11px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content p{
    margin: 0;
    
   font-size: 11px;
}
.accordion-wrapper input:checked + .accordion-label {
   
}
.accordion-wrapper input:checked + .accordion-label::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.accordion-wrapper input:checked ~ .accordion-content {
    max-height: 100vh;
    padding: 15px 0;
}
  
  
.korean{
    font-weight: normal;
    font-size: 11px;
    }
.size-chart-cont{padding:20px 0; margin:20px 0;  border-bottom: 1px solid rgb(0 0 0 / 40%);  border-top: 1px solid rgb(0 0 0 / 40%);}

select {    border: 1px solid #f4f4f4;
    line-height: 30px;
    height: 30px;
    width: 100%;
    background: #f4f4f4;
    font-size: 12px;}
.prd-detail .detail_content td{padding:0 !important}
.container div.detail .info .opt-wrap dt{width:70px;line-height: 28px;    display: inline-block;      line-height: 32px;
    vertical-align: top;  text-transform: lowercase;}
.container div.detail .info .opt-wrap dt::first-letter{text-transform: uppercase;}
.container div.detail .info .opt-wrap dd{width:calc(100% - 76px);    display: inline-block !important;line-height: 32px;}
.childThumbList {
    position: absolute;
    top: 0px;
    left: -60px;
}
.detail_image, .childThumb {
    width: 50px;
    
    display: block;
    margin-bottom: 10px;
}
.stickyBox:after{
    content:'';
    display:block;
    clear:both;
}
.detail{
    width:50%;
    float:right;
}

.prd-detail {
    float:left;
    width:50%;
}

.detail.center{
    position: sticky;
    height: calc(100vh - 190px);
    top: 90px;
    left: 50%;
}

.detail.center .info{
    position:absolute;
    top:50%;
    left:0;
    transform:translateY(-50%);
}
    
#footer{z-index: 9999;}

.tb-left {padding:0;}
.soldout{border: 1px solid rgb(0 0 0 / 28%);color:#808080; text-align:center;height:50px; line-height:50px;}

.container div::before,.container div::after {content:''; display:table;}
.container div::after {clear:both;}
.container .total_price{border-top:2px solid #000;height:90px; text-align:right; font-size:24px; color:black; padding-top:20px;font-family: 'Frank Ruhl Libre', serif;}
.container .total_price span{font-family: 'Frank Ruhl Libre', serif;}
.container div.thumb-links {height:35px; line-height:35px; margin-bottom:60px; display:none;}
.container div.thumb-links a {float:left; font-size:14px; font-weight:500; font-style:italic; text-transform:capitalize; color:black; display:table-cell; height:35px; line-height:35px; position:relative;}
.container div.thumb-links a.prev {padding-left:25px;}
.container div.thumb-links a.next {padding-right:25px; float:right;}

.container div.thumb-links a.prev::before {content:''; position:absolute; top:0; bottom:0; left:0; margin:auto; background-repeat:no-repeat; background-image:url(/design/urbanic30/9607/makeshop/images/icon_arrow_l.png); background-repeat:no-repeat; width:14px; height:15px;}
.container div.thumb-links a.next::before {content:''; position:absolute; top:0; bottom:0; right:0; margin:auto; background-repeat:no-repeat; background-image:url(/design/urbanic30/9607/makeshop/images/icon_arrow_l.png); background-repeat:no-repeat; width:14px; height:15px; transform:rotate(180deg);}

.container div.detail div {
    float:left; display:table-cell;}

.container div.detail .thumb {width:50%;}
.container div.detail .thumb ul li.enlarge {margin-bottom:0px;}
.container div.detail .thumb ul li.enlarge img {width:100%;}

.container div.detail .info {padding-left:60px;}
.container div.detail .info h2{line-height: 1.6;}
.container div.detail .info h3{line-height: 1.6;font-size:12px;color:#adadad; padding-bottom:30px}
.container div.detail .info h4{line-height: 1.8;font-size:12px;padding-bottom:30px}
.container div.detail .info .info2{line-height: 1.6;font-size:12px;}
.container div.detail .info .info2 img{display:none}
.container div.detail .info .tit-price{font-size:12px; }
.container div.detail .info .tit-price span{ color:#808080;}
.container div.detail .info .info-detail-list {line-height:20px;  margin:20px 0;font-family: source-han-serif-korean, serif;font-size:10px;}
.container div.detail .info .opt-wrap {}
.container div.detail .info .opt-wrap div dl {margin-bottom:25px;}
.container div.detail .info .opt-wrap div dl dt {font-size:14px; font-weight:500;margin-bottom:10px; color:black; text-transform:capitalize;}
.container div.detail .info .opt-wrap div dl dd .opt-btns * {display:inline-block;}
.container div.detail .info .opt-wrap div dl dd .opt-btns a {border: 1px solid black; width: 45px; text-align: center; line-height: 45px !important; height: 45px; vertical-align:top;}
.container div.detail .info .opt-wrap div dl dd .opt-btns div {margin:0 -5px;}
.container div.detail .info .opt-wrap div dl dd .opt-btns div input {width: 100%; border: 1px solid black; border-left: 0; border-right: 0;height: 45px; line-height: 45px; text-align: center !important; color:black;}

.container div.detail .info .opt-wrap div dl dd select {height:45px; line-height:45px; width:220px; border:1px solid black; padding:0 25px; color:black;  background: #fff;
    border-radius: 6px;}
.container div.detail .info .opt-wrap div dl dd select::-ms-expand {background-color:transparent; border:0; margin-right:-20px; margin-left:-20px;}

.container div.detail .info .table-options {padding:0px 0 40px 0;  border-collapse:separate; color:black;}
.container .point-return th{width:80px;}
.container div.detail .info .prd-btns {}
.container div.detail .info .prd-btns::before,.container div.detail .info .prd-btns::after {content:''; display:table;}
.container div.detail .info .prd-btns::after {clear:both;}
.container div.detail .info .prd-btns div {float:left; width:calc(100% - 50px);;}
.container div.detail .info .prd-btns div.add-to-cart a{border-right:0;}
.container div.detail .info .prd-btns div.wish-list {width:50px;}
.container div.detail .info .prd-btns div.wish-list img{    width: 26px; padding-top: 11px;}

.container div.detail .info .prd-btns div a {font-size:14px; color:black; display:block; height:50px; line-height:50px; border:1px solid black; text-align:center; transition:all 0.425s cubic-bezier(0.7, 0, 0.3, 1);}

.container div.detail .info .prd-btns div.add-to-cart a {}

.container div.prd-detail p img {display:block; margin:auto;}

.container div.related_item_list {padding: 30px 0 90px;
    display: inline-block;
    width: 100%;}
.container div.related_item_list::before,.container div.related_item_list::after {content:''; display:table;}
.container div.related_item_list::after {clear:both;}
.container div.related_item_list .item {float:left;     width: calc(25% - 20px);margin-right: 26px;}
.container div.related_item_list .item:nth-child(3n+1) {}
.container div.related_item_list .item:nth-child(3n+2) {}
.container div.related_item_list .item:nth-child(3n+3) {}
.container div.related_item_list .item:nth-child(4n) {float:right;margin-right: 0px;}
.container div.related_item_list .item dt.thumb a img {width:100%;}
.container div.related_item_list .item dd ul {padding:12px 0;}
.container div.related_item_list .item dd ul li.prd-name {font-size:12px; font-weight:500;     margin: 5px 0;color:black;}
.container div.related_item_list .item dd ul li.prd-price {font-size:12px; color:black;}

.swiper-container {}
.swiper-button-prev{text-align:left}
.swiper-button-next{text-align:right}
.swiper-button-prev, .swiper-button-next {width:30px;top:0;margin:0;  background:#f4f4f4; font-weight:300;  height: 100%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {right:0px;background-image:none}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left:0px;background-image:none}
.swiper-button-prev img{width:20px;vertical-align: middle;    position: absolute;
    top: calc(50% - 7px);
    left: 0;}
.swiper-button-next img{width:20px;vertical-align: middle;    position: absolute;
    top: calc(50% - 7px);
    right: 0;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity:1;  border-color:#ccc;}

.swiper-slide {cursor:pointer;}

.tb-left.point-set {;}
td.price .tb-left {    font-family: 'Gothic A1', sans-serif;font-size:11px; color:black;}

img.swiper-slide { }

.careInfo {}
.careInfo .careTitle {width:100%; border-bottom:1px solid #222; position:relative;}
.careInfo .careTitle li {font-size:1.2em;}
.careInfo ul li{ display: inline-block;width: 570px;padding:20px 0; }
.careInfo ul li:nth-child(2){margin-left:50px;vertical-align: top;}


.careInfo table tr, .careInfo table th {text-align:left}
.careInfo table th:last-child {width:50px;}
.careInfo table tr:last-child {width:50px;}


.prd-detail{position:relative;}
#myP{float:right; width:44%}
#myP.fixed{z-index: -9;     width: 45%; position:fixed; right:0;top:100px;padding-right:100px}
.prd-group2{  font-size: 12px;}
.prd-detail .detail_title{font-size: 12px;    border-bottom: 0.8px solid #adadad;
    padding-bottom: 6px;margin-bottom:20px;
    color: #adadad;}
.prd-detail .detail_content{    max-height: calc(100vh - 172px);
    overflow: scroll;font-size: 12px;line-height: 1.7; padding-top: 20px; font-family: source-han-serif-korean, serif;letter-spacing: 0.09em;}
.prd-detail .detail_content td{font-size: 11px;line-height: 2;letter-spacing: 0.09em;}
.prd-group2 img{min-width:100%}
.prd-group2 div{    font-family: 'MADE Mirage Medium', source-han-serif-korean, serif !important; line-height: 1.9em;}


/* 원클릭옵션 */
.MK-oneclick-list { overflow:hidden; zoom:1; }
.MK-oneclick-list:after { content: ""; display: block; clear: both; }
.MK-oneclick-list li { float:left; margin: 0 0 0 15px; }  
.MK-oneclick-list li:first-child{ margin: 0}
.MK-oneclick-list li a { border:0; display: inline-block; border-radius: 1px; box-sizing:border-box; } 
.MK-oneclick-list li.MK-oneclick-sel a { border-bottom:1px solid #000000; }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; }
.MK-oneclick-list li.MK-oneclick-color.MK-oneclick-sel a {  padding:1px; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
.MK-oneclick-list li a span { display: block; text-align: center; vertical-align: middle;  }                         
.MK-oneclick-list li a img { width: 100%; height:100%;}
.MK-oneclick-list li.MK-oneclick-image a {height:50px;}
.MK-oneclick-list li.MK-oneclick-image a img {width: auto; height: 48px;;}
.MK-oneclick-list li.MK-oneclick-image.MK-oneclick-sel a img {height:46px; width: auto;}
.MK-oneclick-list li.MK-oneclick-color { width:50px; height: 50px; } 
.MK-oneclick-list li.MK-oneclick-color a { padding: 2px; }
.MK-oneclick-list li.MK-oneclick-color span { width: 44px; height: 44px; }
.MK-oneclick-list li.MK-oneclick-color .mk-oo-sel span { width: 27px; height: 27px; }
.MK-oneclick-list li.MK-oneclick-text  .MK-oneclick-list li.MK-oneclick-text {min-width:35px; max-width:100%; height: 50px; }
.MK-oneclick-list li.MK-oneclick-text a {  }
.MK-oneclick-list li.MK-oneclick-text.MK-oneclick-sel a {padding:1px;}
.MK-oneclick-list li.MK-oneclick-text span {   max-width: 320px; overflow: hidden; height: 44px; }                                                                         
.MK-oneclick-list li.MK-oneclick-text .MS-oneclick-sel span { }
.MK-oneclick-value {  display:none; }
.MK-oneclick-only-text li.MK-oneclick-text { height: auto; }
.MK-oneclick-only-text li.MK-oneclick-text span { height: 14px;  max-width: 320px;     }
.MK-oneclick-list li.MK-oneclick-dis a { filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; text-decoration: line-through; cursor:default; } 


/* BASIC css end */