@charset "UTF-8";
@import url('https://kr.misumi-ec.com/vcommon/top/css/style_rev_1804121859.css');
.l-content @font-face {
    font-family: Arial, Helvetica, sans-serif;  
    
    font-weight: normal;
    font-style: normal;
}

.l-content @font-face {
    font-family: Arial, Helvetica, sans-serif;  
   
    font-weight: normal;
    font-style: normal;
}

.l-content @font-face {
    font-family: Arial, Helvetica, sans-serif;    
    font-weight: normal;
    font-style: normal;
}
.l-content p { margin-bottom: 0;}
.l-content .mb0{margin-bottom: 0;}
.l-content .mb10 { margin-bottom: 10px;}
.l-content .mb20 { margin-bottom: 20px;}
.l-content .mb30 { margin-bottom: 30px;}
.l-content .mb40 { margin-bottom: 40px;}


.l-content .btn_group{ text-align:center; margin:40px 0 0 0;}
.l-content .clearFix{clear: both;}
.l-content .center{margin: 0 auto;display: inline-block;}
.l-content .hide_txt{position: absolute;top:-9999px;left:-9999px;}

.l-content .twoColumn .keyVisual{
	position: relative;
	width: 950px;
	height: auto;
	margin: 0 !important;
	padding: 0 !important;
	border: none !important;
}

.l-content #incNavArea{ margin:0 0 20px 0;}
.l-content #incNavArea ul.hover li a:hover,
.l-content a:hover img{
	opacity: 0.8 !important;
	filter: alpha(opacity=80) !important;
	border: none;
}



	

/*문의처*/
.l-content .askdesk {
border-bottom: 1px solid #dfdfdf;
border-left: 1px solid #dfdfdf;
border-right: 1px solid #dfdfdf;
}

.l-content .askdesk .text {
	padding:0 10px 20px 10px; 
}
.l-content .askdesk .text .big {
	font-size:16px;
	font-weight:bold;
}


/*top*/
.l-content .pageTop {
    margin: 40px 0 0;
    padding-bottom: 20px;
}
.l-content .pageTop a {
    background-position: -131px -1338px;
}


/* */
.l-content .hdArea:after{content:""; display:block; height:0; clear:both; visibility:hidden;}

/* gnb */
.l-content #gnbWrap{ background-color:#666; position:relative; left:50%; z-index:9; width:100vw; transform: translateX(-50%); margin:0 0 30px 0; min-width:1200px;}
.l-content #gnbWrap #gnb{ max-width: 1200px; margin:0 auto; height:50px; display:flex;}
.l-content #gnbWrap #gnb > li{ position:relative; flex:0 0 auto;}
.l-content #gnbWrap #gnb > li + li{ margin-left:10px;}
.l-content #gnbWrap #gnb > li > a{ display:block; line-height:50px; height:50px; font-size:14px; color:#f5f5f5; padding:0 10px; text-align:center; font-weight:600; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content #gnbWrap #gnb > li > a::after{ content:""; display:inline-block; width:7px; height:7px; border-top:#fff 1px solid; border-right:#fff 1px solid; margin-left:8px; transform: rotate(135deg); vertical-align:4px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content #gnbWrap #gnb > li > a::before{ content:""; position:absolute; bottom:0; left:0; width:100%; height:5px; background-color:#ffcc00; opacity:0; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content #gnbWrap #gnb > li:hover > a{ color:#ffcc00; text-decoration:none;}
.l-content #gnbWrap #gnb > li:hover > a::before{ opacity:1;}
.l-content #gnbWrap #gnb > li:hover > a::after{ transform: rotate(-45deg); vertical-align:-2px;border-color:#ffcc00; }
.l-content #gnbWrap #gnb > li.gnb1{ flex: 0 0 70px; }
.l-content #gnbWrap #gnb > li.gnb1 > a{ color:#000; background-color:#f2f2f2;}
.l-content #gnbWrap #gnb > li.gnb2{ flex: 0 0 180px; }
.l-content #gnbWrap #gnb > li.gnb2 > a{ color:#000; background-color:#ffcc00;}
.l-content #gnbWrap #gnb > li.gnb1 > a,
.l-content #gnbWrap #gnb > li.gnb2 > a{ color:#000; }
.l-content #gnbWrap #gnb > li.gnb1 > a::before{ display:none;}
.l-content #gnbWrap #gnb > li.gnb1 > a::after{ display:none;}
.l-content #gnbWrap #gnb > li.gnb2 > a::after{border-color:#000; }
.l-content #gnbWrap #gnb > li .depth2{ position:absolute; top:44px; left:0; padding-top:6px; width:220px; letter-spacing:-.05em; display:none;}
.l-content #gnbWrap #gnb > li .depth2 ul{ background-color:#fff; border:#bfbfbf 1px solid;}
.l-content #gnbWrap #gnb > li .depth2 ul > li > a{ display:block; height:40px; line-height:40px; padding:0 0 0 15px; color:#000; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content #gnbWrap #gnb > li .depth2 ul > li > a:hover{ background-color:#ffcc00; text-decoration:none;}

.l-content .l-wrapper{ overflow:hidden;}
.l-content .container{ display: flex; position:relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.l-content .container *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* lnb */
.l-content .nav{ position:relative; float:left; width:240px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.l-content .nav *{ -webkit-box-sizing: border-box;	-moz-box-sizing: border-box;	box-sizing: border-box; }
.l-content .nav > h1{ margin-bottom: 0  !important; padding: 0 !important; border-top: none !important;}
.l-content .nav > h1 a.allCate img{ display:block; padding:0;}

.l-content .ts-menu { background:#fff;	border:1px solid #ddd; padding:15px 0 30px; letter-spacing:-.05em;}
.l-content .ts-menu *{ white-space:nowrap;}
.l-content .ts-menu > .tit{ display:block; text-align:center; color:#000 !important; font-size:18px !important; font-weight:600 !important; margin:0 19px 25px 19px !important; border-bottom:#000 1px solid !important; padding:0 0 15px 0 !important;}
.l-content .ts-menu > .tit:hover{ text-decoration:none;}

.l-content #snb a{ position:relative; display: block; text-decoration: none; color:#000; font-size:14px; letter-spacing:-1.5px; line-height:30px; padding:0 0 0 28px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content #snb > li > a{ line-height:30px; font-size:16px; color:#000; padding:0 19px; font-weight:600;}
.l-content #snb > li > a:hover{ background-color:#fbf9d2; text-decoration:none;} 
.l-content #snb > li + li{ margin-top:12px;}
.l-content #snb > li > ul{ margin-top:3px; }

.l-content #snb > li > ul > li:hover > a,
.l-content #snb > li > ul > li > a:hover{ background-color:#fbf9d2; text-decoration:none;}
.l-content #snb > li > ul > li.active > a:before{ transform: rotate(90deg);  } 
.l-content #snb > li > ul > li > div.dp3{ display:none; padding:1px 0 0 0;}
.l-content #snb > li > ul > li.active > div.dp3{ display:block;}
.l-content #snb > li > ul > li > div.dp3 > ul > li + li{ margin-top:1px;}
.l-content #snb > li > ul > li > div.dp3 > ul > li > a:hover{ background-color:#fbf9d2; text-decoration:none;}
.l-content #snb > li > ul > li > div.dp3 > ul > li.active > a{ background-color:#ffcc00; text-decoration:none;}

.l-content {display: flex;flex-direction: column;min-height: 100vh;}
.l-content .contents {flex-grow: 1;width: 100%;max-width: 920px;margin-left:40px;}
.l-content .contents .page-tit{ font-size:26px !important; color:#000 !important; font-weight:600; line-height:1; background-color:transparent !important; padding:0 !important; border:none !important;}
.l-content .contents .sub-tit{ font-size:18px !important; margin:0 0 25px !important; color:#000 !important; padding:0 !important; font-weight:600; line-height:1; border:none !important; display:flex; align-items: center;}
.l-content .contents .sub-tit span{ flex:0 0 auto; margin-right:30px;}
.l-content .contents .sub-tit::after{ content:""; flex:1 1 auto; height:5px; background: -moz-linear-gradient(left,  rgba(51,51,51,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left,  rgba(51,51,51,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right,  rgba(51,51,51,1) 0%,rgba(255,255,255,1) 100%); }
.l-content .contents .page-tit + .sub-tit{ margin-top:25px !important;}

.l-content .goods-bx{ margin:-25px 0 35px 0;}
.l-content .goods-bx::after{ content:""; display:block; clear:both;}
.l-content .goods-bx .item{ float:left; width:200px; margin:25px 0 0 40px; }
.l-content .goods-bx .item:nth-child(4n+1){ margin-left:0; clear:both;}
.l-content .goods-bx .item a{ display:flex; flex-direction: column;  text-decoration:none; }
.l-content .goods-bx .item .thumb{ position:relative; display: block; padding:9px 0 0 0;width:100%; text-align:center; border:#ddd 1px solid; border-radius: 6px; flex:0 0 228px; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content .goods-bx .item .thumb img{ -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;}
.l-content .goods-bx .item .desc{ text-align:center; margin-top:10px; color:#000; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out; line-height: 1.4; }
.l-content .goods-bx .item .price{ text-align:center; margin-top:2px; color:#d00; font-weight: bold; -webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;-o-transition: all 0.1s ease-in-out; transition:all 0.1s ease-in-out;  }
.l-content .goods-bx .item .flag{ top:10px; left:0; display:block; width:100%; padding:0 10px; text-align:left; }
.l-content .goods-bx .item .flag > img{ margin-right:2px; }
.l-content .goods-bx .item .flag .flag-sale{ font-style:normal; width:93px; height:36px; line-height:36px; display:inline-block; text-align:center; font-size:10px; padding:0 2px 0 50px; color:#dd0000; letter-spacing:-.05em;}
.l-content .goods-bx .item .flag .flag-sale b{ display:block; position:absolute; top:-9999px; left:-9999px;}
.l-content .goods-bx .item .flag .flag-sale strong{ display:inline-block; font-size:22px;}
.l-content .goods-bx .item a:hover .thumb{ border-color:#0f218b; }
.l-content .goods-bx .item a:hover .desc{ color:#0f218b; text-decoration:none; font-weight:600; padding:0 10px;}

.l-content .goods-bx .item .flag2 { top:10px; left:0; display:block; width:100%; padding:0 10px; text-align:left; height: 28px; }
.l-content .goods-bx .item .flag2 > img{ margin:0px; }
.l-content .goods-bx .item .flag2 .flag-sale2 { font-style:normal; width:84px; height:28px; line-height:32px; display:inline-block; text-align:center; font-size:10px; padding:0 2px 0 33px; color:#c00; letter-spacing:-.05em; float: right;}
.l-content .goods-bx .item .flag2 .flag-sale2 b { font-size: 0; display: block; position: absolute;}
.l-content .goods-bx .item .flag2 .flag-sale2 strong{ display:inline-block; font-size:18px; font-weight: normal; font-family: 'GmarketSansBold';}
.l-content .goods-bx .item .flag2 .flag-new {width: 42px; height: 28px; display: inline-block;}
.l-content .goods-bx .item .flag2 .flag-plus {width: 42px; height: 28px; display: inline-block;}

.l-content .new_lnb {display: inline-block; margin-left: 5px;}
.l-content .new_lnb2 {display: inline-block; margin-left: 5px; vertical-align: text-bottom; height: 15px; }
.l-content .new_lnb2 img { vertical-align: top;}
.l-content .new_lnb2 img + img {margin-left: 2px;}
.l-content .new_goods {vertical-align: text-bottom; margin-right: 5px;}

.l-content .btn_box { background-color: #f5f5f5; box-sizing: border-box; padding: 20px; font-size: 18px; font-weight: bold; color: #333; text-align: center;}
.l-content .btn_box > a {display: inline-block; margin-left: 30px;}
@media screen and (max-width:1200px){
	.l-content #gnbWrap{ width:100%; left:0; transform: translateX(0); margin:0 0 30px 0; }
}