/* 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}
div.content_top {padding-top: 82px; } 
/* header */
#header {position:fixed;width:100%;background:#fff;z-index:101;top:0; } 
#header .header_inner {padding:25px 19px 19px 19px;overflow:hidden;display:none;border-bottom:1px solid #ccc; } 
#header.fix { } 
#header .logo_box {float:left;width:60%; } 
#header .logo_box>a {background:url(/design/cbkmall/m/img/main/main_logo2.png) center center no-repeat;background-size:auto 35px !important;display:block;width:78px;height:35px; } 
#header .menu_box {display:none;float:left;width:52%;height:27px;text-align:center; } 
#header .menu_box ul li {display:inline-block;padding:4.5px 5%;text-align:center;position:relative; } 
#header .menu_box ul li:after {content:'';width:1px;height:15px;background:#e32526;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:15px;color:#000;font-weight:300; } 
#header .right_menu_box {width:40%;float:right;text-align:right; } 
#header .right_menu_box ul li {display:inline-block;padding:4.5px 6%;text-align:center;position:relative; } 
#header .right_menu_box ul li a.my {background:url(/design/cbkmall/m/img/main/right_icon01_bk.png) center center no-repeat;background-size:auto 26px;width:24px;height:26px;display:block; } 
#header .right_menu_box ul li a.cart {background:url(/design/cbkmall/m/img/main/right_icon02_bk.png) center center no-repeat;background-size:auto 26px;width:24px;height:26px;display:block; } 
#header .right_menu_box ul li a.person {background:url(/design/cbkmall/m/img/main/right_icon03_bk.png) center center no-repeat;background-size:auto 22px;width:27px;height:22px;display:block; } 
#header .right_menu_box ul li:last-child {padding-right:0;padding-top:6.5px;padding-bottom:6.5px; } 
#header .header_inner2 {background:#fff;padding:25px 19px 19px 19px;overflow:hidden;border-bottom:1px solid #ccc; } 
#header .header_inner2 .logo_box>a {background:none;width:auto;float:left; } 
#header .header_inner2 .logo_box {width:auto; } 
#header .header_inner2 .right_menu_box {width:49%;display:inline-block; } 
#header .header_inner2 .logo_box span.page_name {float:left;height:35px;line-height:35px;font-size:21px;font-weight:bold;color:#000;margin-left:10px; } 
#header .header_inner2 .right_menu_box ul li {padding:4.5px 4%; } 
#header .header_inner2 .right_menu_box ul li a.home {background:url(/design/cbkmall/m/img/main/home_icon.png) center center no-repeat;background-size:auto 26px;width:28px;height:26px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.my {background:url(/design/cbkmall/m/img/main/right_icon01_bk.png) center center no-repeat;background-size:auto 26px;width:24px;height:26px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.cart {background:url(/design/cbkmall/m/img/main/right_icon02_bk.png) center center no-repeat;background-size:auto 26px;width:24px;height:26px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.person {background:url(/design/cbkmall/m/img/main/right_icon03_bk.png) center center no-repeat;background-size:auto 22px;width:27px;height:22px;display:block; } 
#user_basket_quantity {position:absolute;top:2px;right:-3px;width:18px;height:18px;background:#000;text-align:center;line-height:18px;font-size:12px;color:#fff;border-radius:50%; } 
.home_go img {width:80px;margin-top:-8px; } 
/*#header .right_menu_box ul li .person { width:22px; height:22px; font-size:0; position:relative; } #header .right_menu_box ul li .person a { font-size:0; width:100%; height:100%; vertical-align:top; padding:0; } #header .right_menu_box ul li .person a div:nth-child(1) { top:1px; } #header .right_menu_box ul li .person a div:nth-child(2) { top:9.5px; } #header .right_menu_box ul li .person a div:nth-child(3) { top:18px; } #header .right_menu_box ul li .person a div { width:100%; height:2px; margin-bottom:8px; position:absolute; -webkit-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:.25s ease-in-out; transition:.25s ease-in-out; z-index:103; background: #fff; } */
#header .right_menu_box ul li .person.black a div:nth-child(1) {transform:rotate}
/* #header.white .logo_box>a { background:url(http://instantpot.img15.kr/img/mobile/m_white_logo.png) center center no-repeat; } #header.white .menu_box ul li a { color:#fff; } #header.white .right_menu_box ul li a.my { background:url(http://instantpot.img15.kr/img/mobile/m_white_icon01.png) center center no-repeat; background-size:auto 22px; } #header.white .right_menu_box ul li a.cart { background:url(http://instantpot.img15.kr/img/mobile/m_white_icon02.png) center center no-repeat; background-size:auto 22px; } #header.white .right_menu_box ul li .person a div { background: #fff; } */
/* search_box */
.search_box {width:100%;box-sizing:border-box;padding:75px 17px 110px 17px;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:30px;font-weight:bold;color:#000;margin-bottom:35px; } 
.menu_back .search_form {width:100%;border:1px solid #aaa; } 
.menu_back .search_form input {width:86%;border:none;font-size:15px;font-weight:300;color:#000;padding-left:15px;background:none;outline:none;height:45px; } 
.menu_back .search_form input::placeholder {color:#000;font-weight:300; } 
.menu_back .search_form .search_button01 {width:22px;height:22px;display:inline-block;margin-bottom:-9px; } 
.menu_back .search_form .search_button01>img {width:20px;height:20px; } 
.menu_back .search_form input::placeholder {color:#999; } 
.menu_back {position:fixed;width:77%;height:100%;background:#fff;z-index:102;overflow-y:scroll;padding-bottom:50px;right:0; } 
.home_go {position:absolute;left:17px;top:33px;font-size:23px;font-weight:bold;color:#000; } 
.close_btn {width:22px;position:absolute;right:17px;top:29px; } 
.close_btn img {width:100%; } 
.menu_back_inner {padding:30px 19px; } 
.menu_back_inner h2 {font-size:19px;font-weight:bold; } 
.login_box {padding-top:18px;padding-bottom:10px;border-bottom:1px solid #bbb; } 
.login_box>span {font-size:14px;padding-right:18px;position:relative;font-weight:500; } 
.login_box>span:after {content:'';position:absolute;right:8px;top:50%;transform:translateY(-50%);background:#dadada;width:1px;height:10px; } 
.login_box>span:last-child:after {width:0; } 
.main_menu_box ul.ham_main_menu {padding-bottom:70px;border-top:1px solid #ccc; } 
.main_menu_box ul.ham_main_menu>li {font-size:18px;font-weight:600;border-bottom:1px solid #ccc; } 
.main_menu_box ul.ham_main_menu>li a {padding:20px 19px;display:block; } 
.main_menu_box ul.ham_main_menu .arrow_btn {float:right;width:6%;margin-top:5px; } 
.main_menu_box ul.ham_main_menu .sub_menu {display:none;background:#f5f5f5;padding:0 15px;padding-bottom:25px;border-top:1px solid #ccc; } 
.main_menu_box ul.ham_main_menu .sub_menu ul li {margin-top:25px; } 
.main_menu_box ul.ham_main_menu .sub_menu ul li a {padding-bottom:0;padding-top:0px;font-weight:400;color:#666;font-size:15px;letter-spacing:-1.1px; } 
.login_box span a {color:#666;font-weight:400; } 
.con_text {color:#999999;margin-top:10px;font-size:14px;font-weight:400; } 
.home_box {position:relative;height:83px;background:#fff; } 
/*.ham_head {position:relative;background:#222;padding:32px 19px 0;overflow:hidden; } */
.ham_head {position:relative;background:#222;padding:77px 19px 0;overflow:hidden; } 
.ham_head h2 a,.ham_head h2 {font-size:16px;font-weight:bold;color:#fff; } 
.ham_head .menu ul li {display:block;width:33%;text-align:center;float:left;padding:30px 0; } 
.ham_head .menu ul li img {width:30%;margin-bottom:8px; } 
.ham_head .menu ul li p {font-size:13px;font-weight:500;color:#fff; } 
.list_box .items {overflow:hidden; } 
.list_box .items li {float:left;width:47.5%;margin-right:5%;border:1px solid #ccc;margin-bottom:20px;box-sizing:border-box; } 
.list_box .items li:nth-child(2n) {margin-right:0; } 
.list_box .items li .thumb {position:relative; } 
.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:99%;margin:0 auto; } 
.list_box .items li .thumb .sale_circle {font-size:16px;color:#fefefe;background:#000;font-weight:700;width:40px;height:40px;text-align:center;position:absolute;top:0px;left:0px;vertical-align:middle;box-sizing:border-box; } 
.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 .list_shoppingInfo {padding:15px 7px 25px;text-align:center; } 
.list_box .items li .list_shoppingInfo .listbrandName {font-size:13px;font-weight:400;color:#999;margin-bottom:6px;letter-spacing:-1.1px; } 
.list_box .items li .list_shoppingInfo .listName {font-size:13px;font-weight:300;color:#000;margin-bottom:6px;letter-spacing:-1.1px;line-height:1.5; } 
.list_box.best_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:700;color:#000; } 
.list_box .items li .list_shoppingInfo .consumer {font-size:16px;font-weight:300;color:#000; } 
.sale_box {width:20%;padding:5px;background:#333;color:#fff;font-size:13px;margin:10px auto 0; } 
@media only screen and (min-width:320px) and (max-width:376px) {#header .header_inner2 .right_menu_box ul li a.my {background-size:auto 24px;width:22px;height:24px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.cart {background-size:auto 24px;width:22px;height:24px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.person {background-size:auto 20px;width:25px;height:20px;display:block; } 
#header .header_inner2 .logo_box span.page_name {font-size:22px; } 
 }
@media only screen and (max-width:320px) {#header .logo_box {width:55%; } 
#header .right_menu_box {width:43%; } 
#header .header_inner2 .right_menu_box ul li a.my {background-size:auto 24px;width:22px;height:24px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.cart {background-size:auto 24px;width:22px;height:24px;display:block; } 
#header .header_inner2 .right_menu_box ul li a.person {background-size:auto 20px;width:25px;height:20px;display:block; } 
#header .header_inner2 .logo_box span.page_name {font-size:20px; } 
.list_box .items li .list_shoppingInfo .listPrice,.list_box .items li .list_shoppingInfo .consumer {font-size:14px; } 
.sel_div>ul>li {width:32.9%;font-size:14px; } 
.caution_content_list .box .caution_text_box .caution_head span {font-size: 20px; } 
 }
/* BASIC css end */