/* BASIC css start */
/* 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.6); z-index:95 }
.content-main { margin-top: 130px; }
/* header */
#header { min-width:1270px; position:fixed; width:100%; background:none; z-index:100; top:0;  box-sizing:border-box; -webkit-box-sizing:border-box; }
#header .header_inner {  height: 90px; margin: 20px 50px; background: #fff; box-sizing:border-box; -webkit-box-sizing:border-box;  padding: 0 40px; }
#header.fix { padding:0; background: rgba(255,255,255,.97); height:90px; }
#header.fix .header_inner { background:none; margin:0 auto; width: 91.4353%; padding: 0; }
#header .logo_box { float:left; width: 16%; padding: 25px 0; }
#header .logo_box>a { background:url(/design/cbkmall/pc/img/main/main_logo.png) center center no-repeat; display:block; width: 88px; height: 40px; }
#header .menu_box { float:left;  width: 68%; height:27px; text-align:center; }
#header .menu_box>ul>li { display:inline-block; float:left; /*padding: 25px 50px;*/ height: 90px; line-height: 90px; text-align:center; position:relative;     width: 12.5%; }
#header .menu_box>ul>li:after { content:''; width:1px; height: 15px; background: #fff; 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 .menu_box>ul>li:last-child:after { width:0; }
#header .menu_box>ul>li a { font-size: 16px; color: #fff; font-weight: 300; cursor:pointer;  }
#header .menu_box>ul>li:hover a { font-weight:bold; }
#header .menu_box>ul>li:last-child {
    padding-right: 0;
}
#header .menu_box>ul>li:first-child {
    padding-left: 0;
}


.btn_box { width: 158px;
    margin: 0 auto;
    position: absolute;
    /*height: 100%;*/
    top: 59%;
    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%); 
    z-index: 10; }

.btn_box .left { position:absolute; right:0; cursor:pointer; }
.btn_box .right { position:absolute; left:0; cursor:pointer; }
.quick_back .back_menu01 .recent_list .btn_box img {
    width: auto;
}

#header.fix .menu_box>ul>li .sub_menu:after { top:0; }
#header.fix .menu_box>ul>li .sub_menu { padding-top:0; }

#header .menu_box>ul>li .sub_menu.shop_menu ul {
    width: 16.5%;
    height:420.16px;
}
#header .menu_box>ul>li .sub_menu.shop_menu { width: 53vw!important; }
#header .menu_box>ul>li .sub_menu { display:none; border:1px solid #ccc; width: 100%!important; position: absolute; left:0; top: 90px; background:rgba(255,255,255,.97); overflow:hidden; box-sizing:border-box;  }
#header .menu_box>ul>li .sub_menu ul { float:left; border-right: 1px solid #ccc; width:100%;  box-sizing: border-box; margin: 20px 0 0; }
#header .menu_box>ul>li .sub_menu ul:nth-child(6) { border-right:none; }
#header .menu_box>ul>li .sub_menu ul li { display:block; text-align:center; margin-bottom: 16px; line-height: normal; }
#header .menu_box>ul>li .sub_menu ul li:last-child { margin-bottom:0; }
#header .menu_box>ul>li .sub_menu ul li a { color:#666; font-weight: 300; font-size: 14px; }
#header .menu_box>ul>li .sub_menu ul li a:hover { font-weight:bold; }
#header .menu_box>ul>li .sub_menu ul li.li_title a { font-size: 14px; font-weight: 700!important; color:#333; }
#header .menu_box>ul>li .sub_menu ul li.li_medi a { font-weight:500; }
#header .menu_box>ul>li .sub_menu:after {
    content: '';
    width: 100%;
    height: 2px;
    position: absolute;
    top: 0px;
    left: 0;
    background: #000;
}

#header .menu_box>ul>li .sub_menu.shop_menu:after { width:166px; }

.menu_img {position:absolute;right: 30px;bottom: 20px;width: 43%;}
.menu_img img  { width: 100%; }

#header .right_menu_box { width: 16%; float:right; text-align:right; padding: 25px 0; }
#header .right_menu_box ul li { display:inline-block; padding-right:24px; text-align:center; position:relative;  }
#header .right_menu_box ul li a.search_btn { background:url(/design/cbkmall/pc/img/main/header_icon01.png) center center no-repeat; width: 26px; height: 40px; display:block; }
#header .right_menu_box ul li a.my { background:url(/design/cbkmall/pc/img/main/header_icon02.png) center center no-repeat; width: 21px; height: 40px; display:block; }
#header .right_menu_box ul li a.cart { background:url(/design/cbkmall/pc/img/main/header_icon03.png) center center no-repeat; width: 21px; height: 40px; display:block; float:left; margin-right: 5px; }
#header .right_menu_box ul li span {
    background: #000;
    color: #fefefe;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-block;
    line-height: 24px;
    /* float: right; */
    /* vertical-align: -webkit-baseline-middle; */
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}



#header.fix .logo_box>a { background:url(/design/cbkmall/pc/img/main/main_logo_bk.png) center center no-repeat; }
#header.fix .right_menu_box ul li a.search_btn { background:url(/design/cbkmall/pc/img/main/header_icon01_bk.png) center center no-repeat; }
#header.fix .right_menu_box ul li a.my { background:url(/design/cbkmall/pc/img/main/header_icon02_bk.png) center center no-repeat; }
#header.fix .right_menu_box ul li a.cart { background:url(/design/cbkmall/pc/img/main/header_icon03_bk.png) center center no-repeat;  }
#header.fix .menu_box>ul>li a { color:#000; }
#header.fix .menu_box>ul>li:after { background:#000; }

#header.default .logo_box>a { background:url(/design/cbkmall/pc/img/main/main_logo_bk.png) center center no-repeat; }
#header.default .right_menu_box ul li a.search_btn { background:url(/design/cbkmall/pc/img/main/header_icon01_bk.png) center center no-repeat; }
#header.default .right_menu_box ul li a.my { background:url(/design/cbkmall/pc/img/main/header_icon02_bk.png) center center no-repeat; }
#header.default .right_menu_box ul li a.cart { background:url(/design/cbkmall/pc/img/main/header_icon03_bk.png) center center no-repeat;  }
#header.default .menu_box>ul>li a { color:#000; }
#header.default .menu_box>ul>li:after { background:#000; }



#header.default.fix .right_menu_box {
    padding: 25px 0;
}
#header.default .right_menu_box {
    padding: 45px 0;
}


#header.default.fix .menu_box>ul>li {
    height: 90px;
    line-height: 90px;
}
#header.default .menu_box>ul>li {
    height: 130px;
    line-height: 130px;
}

#header.default.fix .logo_box { padding: 25px 0; }
#header.default .logo_box { padding: 45px 0; }

#header.default .menu_box>ul>li .sub_menu { top: 110px; }
#header.default .header_inner {
    margin: 0 auto;
    width: 91.4353%;
    padding: 0;
}


#header.default.fix .menu_box>ul>li .sub_menu {
    top: 90px;
}
#header.default .menu_box>ul>li .sub_menu {
    top: 130px;
}



/* search_box */
.search_box { box-sizing:border-box; width:100%; padding: 168px 90px 180px 90px; background:#fff; position:fixed; top:-100px; left:0; z-index: 102; transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -moz-transform: translateX(-100%);  transition: top .7s cubic-bezier(.25,.46,.45,.94); text-align:left; }
.search_box.open { top:0; transform: translateX(0); -webkit-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); -moz-transform: translateX(0);  }
.search_box h2 { font-size: 48px; font-weight:bold; color:#000; margin-bottom: 180px; }

.search_box .search_form {width: 65%;border-bottom: 1px solid #000;padding-bottom:15px;overflow: hidden;}
.search_box .search_form input {width: 92%;border: none;font-size: 20px;font-weight:300;color:#000;padding-left: 15px;float: left;}
.search_box .search_form input::placeholder { color:#000; font-weight:300; }
.search_box .search_form .search_button01 {background:url(/design/cbkmall/pc/img/icon/search_btn.png) center center no-repeat;width: 5%;height: 23px;display:inline-block;float: left;}
.search_box .close_search { position:absolute; top:85px; right:4.7%; cursor:pointer; opacity:0; transition: opacity .25s ease-out; -ms-transition: opacity .25s ease-out; -webkit-transition: opacity .25s ease-out; -o-transition: opacity .25s ease-out;  transition-delay: .10s;   }
.search_box.open .close_search { opacity: 1; }


.quick_menu { position:fixed; right:0; top: 0; z-index: 101; height: 100%;  }
.quick_menu .quick_btn { width: 50px; float:left; position:absolute; top:50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -moz-transform: translateY(-50%); left:-50px;  }
.quick_menu .quick_btn ul li { background:rgba(244,244,244,1); border-bottom: 1px solid rgba(232,232,232,1); cursor:pointer; text-align:center; width:50px; height:50px; line-height:50px  }
.quick_menu .quick_btn ul li:last-child { border-bottom: none; }

.quick_back { display:none; float:left; width: 180px; box-sizing:border-box; padding: 40px 30px;  background:#fff; border-left: 1px solid #ddd; height:100%; }
.quick_back { overflow-y:scroll; -ms-overflow-style:none; }

.quick_back::-webkit-scrollbar{ display:none; }
.quick_back .back_menu01 { text-align:center; margin-bottom: 35px; overflow: hidden; }
.quick_back .back_menu01 h1 { position:relative; padding-bottom: 15px; margin-bottom: 15px; font-size: 14px; color:#000; font-weight: 600; }
.quick_back .back_menu01 h1:after { content:''; width: 20px; height:2px; position:absolute; bottom:0; left: 50%; background:#000; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -moz-transform: translateX(-50%); }
.quick_back .back_menu01 ul li { text-align:center; float:left; width:47%; margin-right: 6%; margin-bottom: 15px; }
.quick_back .back_menu01 ul li:nth-child(2n) { margin-right:0; }
.quick_back .back_menu01 ul li a .img_thumb { width:52px; height:52px; line-height:52px; text-align:center; background:#f5f5f5; border-radius:50%; margin: 0 auto; margin-bottom: 8px; }
.quick_back .back_menu01 ul li a p { font-size: 12px; font-weight:300; color:#666; }

.quick_back .back_menu01 .cs_list h2 { font-size: 18px; font-weight: 600; color:#000; letter-spacing:-1.1px; margin-bottom: 10px; }
.quick_back .back_menu01 .cs_list p { line-height: 1.5; }
.quick_back .back_menu01 .recent_list { width: 120px; height: 120px; box-sizing:border-box; position:relative; }
.quick_back .back_menu01 .recent_list img { width: 100%;  }
.quick_back .back_menu01 .recent_list ul li { width: 100%; margin: 0; border: 1px solid #ccc; }
.quick_back .back_menu01 .recent_list .slick-list { overflow:inherit!important; }
.quick_back .back_menu01 .recent_list .slick-prev, .quick_back .back_menu01 .recent_list .slick-next { font-size: 0; display: none!important; }

/* »óÇ°Æû °øÅë */
.prd_wrap .prd_list {font-size:0; letter-spacing:0; word-spacing:0;}
.prd_wrap .prd_list .list {display:inline-block;_display:inline;*display:inline; width:18.9%; margin-right:1.37%; padding-bottom:30px; vertical-align:top; /*min-height:445px;*/ position:relative; border: 1px solid #ccc; box-sizing:border-box; }
.prd_wrap .prd_list .list:nth-child(5n) {margin-right:0px;}
.prd_wrap .prd_list .list .space .prd-info {padding:20px 0px 0 0px; text-align:center; }
.prd_wrap .prd_list .list .space .prd-info .icons {padding-bottom:12px; height:19px;}
.prd_wrap .prd_list .list .space .prd-info .icons .MK-product-icons img {padding-right:5px; display:inline-block !important;}
.prd_wrap .prd_list .list .space .prd-info .prd-name,.prd_wrap .prd_list .list .space .prd-info .sub-name {padding-bottom:3px;}
.prd_wrap .prd_list .list .space .prd-info .prd-name a { font-size:16px; font-weight:300; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
word-wrap: break-word;line-height: 1.5em;white-space: normal;}
.prd_wrap .prd_list .list .space .prd-info .prd-name { padding-top: 7px; padding-bottom: 7px; font-size:16px; font-weight:300; color:#000;  overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
word-wrap: break-word;line-height: 1.5em;white-space: normal;}
.prd_wrap .prd_list .list .space .prd-info .sub-name a {font-size:13px; color:#3d3d3d; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;
word-wrap: break-word;line-height: 1.5em; white-space: normal; font-weight: 400;}
.prd_wrap .prd_list .list .space .prd-info .brand_name { font-size: 16px; color:#999; font-weight: 400; }
.prd_wrap .prd_list .list .space .prd-info .prd-price-wrap .consumer {padding-right:5px;}
.prd_wrap .prd_list .list .space .prd-info .prd-price-wrap .consumer { font-size:20px; color:#666;  }
.prd_wrap .prd_list .list .space .prd-info .prd-price-wrap .price {   font-size:20px; color:#000; font-weight: 700;}
.prd_wrap .prd_list .list .space .prd-info .prd-price-wrap .consumer strike {  font-weight: 300; }
.prd_wrap .prd_list .list .space .prd-info .prd-price-wrap em.arr { font-size: 20px; color:#666; margin-right: 5px; font-weight:300; }
em.won{
font-size : 19px;

}

.number_prd { font-size:22px;  color:#fff; font-weight: 700; width: 60px; height: 60px; text-align:center; background:#000; color:#fff; line-height: 60px;  position: absolute; top: 0px; left: 0px; }

.thumbnail { position: relative; width: 100%;   }
.thumbnail .prd-img {width:100%;}
.thumbnail .hover-btn { width:100%; height:100%; background: rgba(0,0,0,.3); display:none; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);  -ms-transform:translateX(-50%);  -o-transform: translateX(-50%);  -moz-transform: translateX(-50%); }
/*.thumbnail .hover-btn .btn_list { width:177px; position: absolute; top: 50%; left: 52%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }*/
.thumbnail .hover-btn .btn_list { position: absolute; top: 50%; left: 52%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); }
.thumbnail .hover-btn .btn_list a { float:left; box-sizing:border-box; }
.thumbnail .hover-btn .btn_list a:first-child { width: 44px; height:44px; line-height:44px; background:#fff; border:1px solid #000; text-align:center; margin-right:5px;  }
.thumbnail .hover-btn .btn_list a:last-child { width: 128px; height:44px; line-height:44px; background:#fff; border:1px solid #000; text-align:center; font-size: 14px; font-weight:400; color:#000; }
.hover-btn img {
    width: 22px;
    height: 24px;
    margin-top: -6px;
}


/*
@media screen and (min-width:1270px) and (max-width:1360px) {
    
    #header .menu_box { width: 70%!important; }
    #header .menu_box ul li {  float:left!important; }
    #header .logo_box { width: 21.5%!important; }
    #header .right_menu_box { width: 8.5%!important; }
    #header .menu_box ul li { padding: 4.5px 2.3%!important; }
}
*/


@media screen and (max-width:1800px) {
    
    .brand_bottom_list .content_list .content_box .bottom_content .make_box div p { font-size:10px; letter-spacing:-0.5px; }
    .brand_bottom_list .content_list .content_box .brand_tit { font-size:24px; }
    .brand_bottom_list .content_list .content_box .brand_sub_tit { font-size:17px; }
    .brand_bottom_list .content_list .content_box .brand_text { height:auto; }
    .brand_bottom_list .content_list.auto .content_box .brand_text { height:95px; }
    .product_name h1 { font-size: 27px; }
    .product_name .product_subtitle { font-size: 12px; letter-spacing:-0.5px; }
    .caution_box .box .source { font-size: 13px; }
    #header .menu_box>ul>li a { font-size: 14px; }
}


/* BASIC css end */


/* BASIC css end */