/* BASIC css start */
/* BASIC css start */
.reviewView .desc .pr-options dt,
.reviewView .desc .pr-options dd {color: #000000 !important; }
#reviewForm .info{display:none;}

/* BASIC css start */
/* call class */
.clear {*zoom:1} /* float clear */
.clear:after {content:" "; display:block; clear:both;} /* float clear */
.float_l {float:left;} /* float left */
.float_r {float:right;} /* float right */
.none_blank {font-size: 0; letter-spacing: -3px; line-height: 0;} /* ?ýý???ýý?ýý????????????????????????????????????????????????????????????????????????????????????????????????????????????? -3px(¨ú??ýý?????????????????????????????????????????????????????????????????????????????????????????????????????????????? */
@-moz-document url-prefix() { .none_blank {letter-spacing: 0;} } /* ¨¡Ä¨¡©????????????????????????????????????????????????????????????????????????????????????????????????????????CÈ¢??ýý????????????????????????????????????????????????????????????????????????????????????????????????????????? */


/* event */ 
header {margin:0px;padding:0px;position:relative;z-index: 9999;}
header .section1 {margin-top: 0px;height:40px;width:100%;line-height:40px;/* border-bottom:1px solid #eaeaea; */z-index:1;background-color:#fff;position: relative;top:0px;}

.fixeded {margin-top: 0px;height:40px;width:100%;line-height:40px;border-bottom:1px solid #eaeaea;z-index:30;background-color:#fff;position:fixed; top:0px;}



  

header .section1 .top_category {position:absolute;top:0;left:0;/* border-right:1px solid #eaeaea; */height:40px;line-height:40px;}
header .section1 .search1 {position:absolute;top:0;left:40px;/* border-right:1px solid #eaeaea; */height:40px;line-height:40px;}
header .section1 p img {height:40px;vertical-align:top;}



header .section1 .logo {margin:0 auto;text-align:center;}
header .section1 .search1 button {background:url('');border:0px;text-indent:0;vertical-align:top;}
header .section1 .search1 button img {width:100%;}




header .section1 .join{position:absolute;top:0;right:40px;/* border-left:1px solid #eaeaea; */height:40px;line-height:40px;}
header .section1 .cart{position:absolute;top:0;right:0;/* border-left:1px solid #eaeaea; */height:40px;line-height:40px;}


.kakao_join { position: absolute; right: 2.5%; top: 20px; z-index:9999; } 
.kakao_join img { height:22px; }

header .section1 .kakao_join { position: absolute; right: 6%; top: -20px; z-index:9999; } 
header .section1 .kakao_join img { height:22px; }


@-webkit-keyframes shakeY {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 3px, 0);
        transform: translate3d(0, 3px, 0)
    }
}
@keyframes shakeY {
    0%, to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(0, -3px, 0);
        transform: translate3d(0, -3px, 0)
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(0, 3px, 0);
        transform: translate3d(0, 3px, 0)
    }
}
.shakeY {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
    animation-fill-mode: both;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}



.search1 span {display:none;}

header .search {height:100%; position:relative; top:0px; left:0; right:0; height:42px; background-color:#ccc; padding-right:45px; text-align:center; display:none; z-index:10;}
header .search .searchBox {width:100%;}
header .search .searchBox input {width:95%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#ccc; position:absolute; top:0; right:0; color:#fff; text-align:center;}


header .section2 {border:1px solid #eaeaea;border-left:0;border-right:0; border-top:0px; border-bottom:0px;  margin-top:0px; }
header .section2 .top_line {border-top:1px solid #eaeaea;}
header .section2 ul {text-align:center;margin:0 auto;font-size:0;}
header .section2 ul li {width:25%;height:35px;display:inline-block;}
header .section2 ul li a {border-left:0px solid #fff; display:block; font-weight:bold; line-height:35px;color:#fff; letter-spacing:-0.5px; font-size:12px;}

header .section1 {/* border:1px solid #eaeaea; */border-left:0;border-right:0;/* border-top:0px; */}
header .section1 .top_line {border-top:1px solid #eaeaea;}
header .section1 ul {text-align:center;margin:0 auto;font-size:0;}
header .section1 ul li {width:20%;height:35px;display:inline-block;}
header .section1 ul li a {border-left:1px solid #eaeaea;display:block;line-height:35px;color:#222; letter-spacing:-0.5px; font-size:12px;}

/* event */

/*
header { margin:0px;padding:0px;position:relative;}
header .section { height:40px; width:100%; line-height:40px; position:fixed;border-bottom:1px solid #eaeaea;z-index:1;background-color:#fff; top:0px;}
header .section { height:40px; width:100%; line-height:40px; position:fixed;border-bottom:1px solid #eaeaea;z-index:1;background-color:#fff; top:0px;}

header .section .top_category {position:absolute;top:0;left:0;border-right:1px solid #eaeaea;height:40px;line-height:40px;}
header .section .search1 {position:absolute;top:0;right:0;border-left:1px solid #eaeaea;height:40px;line-height:40px;}
header .section p img {height:40px;vertical-align:top;}
header .section .logo {margin:0 auto;text-align:center;}
header .section .search1 button {background:url('');border:0px;text-indent:0;vertical-align:top;}
header .section .search1 button img {width:100%;}

.search1 span {display:none;}

header .search {height:42px; position:relative; top:40px; left:0; right:0; background-color:#ccc; padding-right:45px; text-align:center; display:none; z-index:10;}
header .search .searchBox {width:100%;}
header .search .searchBox input {width:95%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#ccc; position:absolute; top:0; right:0; color:#fff; text-align:center;}



header .section2 {border:1px solid #eaeaea;border-left:0;border-right:0; border-top:0px; border-bottom:0px;}
header .section2 .top_line {border-top:1px solid #eaeaea;}
header .section2 ul {text-align:center;margin:0 auto;font-size:0;}
header .section2 ul li {width:25%;height:35px;display:inline-block;}
header .section2 ul li a {border-left:0px solid #fff; display:block; font-weight:bold; line-height:35px;color:#fff; letter-spacing:-0.5px; font-size:12px;}

header .section1 {border:1px solid #eaeaea;border-left:0;border-right:0;/* border-top:0px; */}
header .section1 .top_line {border-top:1px solid #eaeaea;}
header .section1 ul {text-align:center;margin:0 auto;font-size:0;}
header .section1 ul li {width:20%;height:35px;display:inline-block;}
header .section1 ul li a {border-left:1px solid #eaeaea;display:block;line-height:35px;color:#222; letter-spacing:-0.5px; font-size:12px;}
*/

/* ¨ù¡©¨¬???????????????????????????????????????????????????????????????????????????????????????????????????????? Ũ???????????????????????????????????????????????????????????????????????????????????????????????????????? Å¢??ýýýý???????????????????????????????????????????????????????????????????????????????????????????????????????? */
.sub_img_area {display:none; width:100%; background:url("/design/envelope10/mobile/sub_top_bg.jpg") no-repeat center center; background-size:cover; height:100px;border-bottom:1px solid #dedede; clear:both;}
.sub_img_area .title_top_space {height:22px; clear:both;}
.sub_img_area .sub_title {width:80%; height:50px; border:4px solid #fff; color:#fff; font-size:22px; line-height:50px; letter-spacing:-1px;text-align:center;margin:0 auto; display:none;}
.sub_img_area .sub_title a  {width:80%; height:50px; color:#fff; font-size:22px; line-height:50px; letter-spacing:-1px;text-align:center;margin:0 auto;}
#company {display:none;}


/* ??ýýýý?ýýýý???????????????????????????????????????????????????????????????????????????????????????????????????????? */



aside .section li sup {background-color: #f1191f; color: #fff; width: 14px; height: 14px; display: block; border-radius: 7px; text-align: center; vertical-align: middle; line-height: 14px; position: absolute; top: 8px; right:0;}

aside nav .brand{padding:20px 0px 0px 20px; background:#ededed; }
aside nav .brand li strong{font-size:14px;}


aside nav .brand .shopbrand11 li a img{width:100%;}




.shopbrand111 .MK_product_list {background:#ededed; /* padding-bottom:10px; */}



.shopbrand111 .MK_product_list .items {white-space: nowrap;text-align:center;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.shopbrand111 .MK_product_list .items li {width:12% !important; display:inline-block; vertical-align: top; padding:10px 5px 0 0;}
.shopbrand111 .MK_product_list .items li a{ padding:0; margin-right:0px !important; text-align:center;}
.shopbrand111 .MK_product_list .items li a span{font-size:1.2em;font-weight:bold;text-align: center;display: block; margin-top:10px;}

.shopbrand111 .MK_product_list .items li a img{width:100%;}





.shopbrand11 .MK_product_list {background:#ededed; padding-bottom:10px; }



aside nav .brand .shopbrand11 .MK_product_list .items {white-space: nowrap;text-align:center;overflow: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;}
aside nav .brand .shopbrand11 .MK_product_list .items li {width:20% !important; display:inline-block; vertical-align: top; padding:10px 5px 0 0;}
aside nav .brand .shopbrand11 .MK_product_list .items li a{ padding:0; margin-right:0px !important;}
aside nav .brand .shopbrand11 .MK_product_list .items li a span{font-size:1.2em;font-weight:bold;text-align: center;display: block; margin-top:10px;}

aside nav .brand .shopbrand11 .MK_product_list .items li a img{width:100%;}


aside {position:fixed;   width:100%; height:100%;top:0px;left:0;bottom:0;/* padding:4%; */background:rgba(255,255,255,1);overflow-y:auto;-webkit-overflow-scrolling: touch;z-index: 9999;/*z-index:1001; */display:none;  box-shadow: 2px 2px 4px #333;}
/*
aside {position:fixed;width: 100%;height:100%;top:0px;left:0;bottom:0;/* padding:4%; */background:rgba(255,255,255,1);overflow-y:auto;-webkit-overflow-scrolling: touch;z-index: 9999;/*z-index:1001; */display:none;}
aside {position:fixed; width:92%; height:100%; top:0px; left:0; bottom:0; padding:4%; background:rgba(255,255,255,1); overflow-y:auto; -webkit-overflow-scrolling: touch; z-index: 9999; }
*/

aside nav li { /* border-bottom:1px solid #ccc;*/  position:relative;}
aside nav li a {display: block; /* height: 35px; */ line-height:41px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:14px; /* font-weight:500; */}

/*
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
*/

aside nav li .fa {/*position: absolute;  top:0; right: 0; */ width: 40px; text-align: center; height: 35px; line-height:35px;}

aside nav li .blue{display: block; height: 35px; color:#0000ff; line-height:35px; padding:0 0 0 20px; margin-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }



aside nav .line{
	border-top:1px #ccc solid !important;
	margin-top:10px;
	width: 90% !important;
	display: block;
	margin: 15px auto;
}




aside nav .brand1,
aside nav .brand3,
aside nav .brand5,
aside nav .brand7,
aside nav .brand9,
aside nav .brand11,
aside nav .brand13,
aside nav .brand15{display: block; height: 41px; line-height:41px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


aside nav .brand1 a,
aside nav .brand3 a,
aside nav .brand5 a,
aside nav .brand7 a,
aside nav .brand9 a,
aside nav .brand11 a,
aside nav .brand13 a,
aside nav .brand15 a{display:inline-block; margin:0px; width:80%; }

aside nav .brand1 a:nth-child(2),
aside nav .brand3 a:nth-child(2),
aside nav .brand5 a:nth-child(2),
aside nav .brand7 a:nth-child(2),
aside nav .brand9 a:nth-child(2),
aside nav .brand11 a:nth-child(2),
aside nav .brand13 a:nth-child(2),
aside nav .brand15 a:nth-child(2){display:inline-block; width:10%; margin:0px; padding:0px; text-align:center;}


aside nav .brand3 a,
aside nav .brand15 a{display:inline-block;  margin:0px; width:80%; /* font-weight:bold !important;*/ }



aside nav .brand2,
aside nav .brand4,
aside nav .brand6,
aside nav .brand8,
aside nav .brand10,
aside nav .brand12,
aside nav .brand14,
aside nav .brand16{display: block; height:41px; line-height:41px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight:bold; display:none;}



aside nav .brand2 a,
aside nav .brand4 a,
aside nav .brand6 a,
aside nav .brand8 a,
aside nav .brand10 a,
aside nav .brand12 a,
aside nav .brand14 a,
aside nav .brand16 a{display:inline-block; margin:0px; width:80%; }






aside nav .brand2 a:nth-child(2),
aside nav .brand4 a:nth-child(2),
aside nav .brand6 a:nth-child(2),
aside nav .brand8 a:nth-child(2),
aside nav .brand10 a:nth-child(2),
aside nav .brand12 a:nth-child(2),
aside nav .brand14 a:nth-child(2),
aside nav .brand16 a:nth-child(2){display:inline-block; width:10%; margin:0px; padding:0px; text-align:center;}





aside nav .brand_menu1,
aside nav .brand_menu2,
aside nav .brand_menu3,
aside nav .brand_menu4,
aside nav .brand_menu5,
aside nav .brand_menu6,
aside nav .brand_menu7,
aside nav .brand_menu8{

	display:none; padding:0 0 0 20px;
	background:#F5F5F5;
	margin:0 20px 0 20px;

}


aside nav .brand_menu2 li,
aside nav .brand_menu4 li,
aside nav .brand_menu5 li,
aside nav .brand_menu6 li,
aside nav .brand_menu7 li,
aside nav .brand_menu8 li{
	display:inline-block!important; width: 48%;
}

aside nav .brand_menu2 li a,
aside nav .brand_menu4 li a,
aside nav .brand_menu5 li a,
aside nav .brand_menu6 li a,
aside nav .brand_menu7 li a,
aside nav .brand_menu8 li a{
	padding:0 0 0 0px !important; margin:0px !important;
}




aside nav li > ul > li {border-bottom:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside .asideBottom {padding:20px 22px;}
aside .asideBottom .tel {color:#666; font-size:1.333em; font-weight:bold; display: block;}
aside .asideBottom .fa-stack {color:#000; margin-top: -5px;}
aside .asideBottom .copyright {margin-top:10px;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}

aside nav li > ul {background-color:#f4f4f4; display:none; border-top:1px solid #c3c3c3;}

aside .section ul {padding:10px; margin:0;}
/*
aside .section ul {padding:10px; margin:0;}
*/

/*
aside .section li {float:left;border:1px solid #2E5189; margin:0 3% 0 0; border-radius:5px; width:35%;  }
*/
aside .section li {display:inline-block;border:1px solid #2E5189;margin: 0 5px 0 0;border-radius:5px;padding: 0 3% 0 3%;/* width:35%; *//* width:35%;*/}

aside .section li a { color:#000; line-height:31px; font-size: 12px; display: block;text-align:right;}
aside .section li img {height:15px;vertical-align:middle;}

aside .section .points{display:inline-block;}


aside .section .points div .fc-blue{color:#2E5189; margin-right:5px;}
aside .section .points div .fc-blue1{color:#2876E1; margin-left:5px;}
aside .section .points div .fc{margin-left:5px;}


/*
aside .section .points div{display:inline-block; margin-right:10px; vertical-align:middle; font-size:12px;}
*/

aside .section .points div{display:inline-block; margin-right:10px; vertical-align:top; font-size:12px;}


aside .section .points div .kakao_join1 {position: absolute;right: 0%;top: 3px;z-index:9999;} 


aside .section .lvl-img{display:inline-block; vertical-align:top; } 
aside .section .lvl-img img{width:40px;} 

aside .section li.login {background-color:#2E5189;}
aside .section li.login a {color:#fff;}
aside .section li.close {border:0; width:50%; text-align:right;padding-top:4px;/* float:right; */display:inline-block;}
/*
aside .section li.close {border:0; width:10%;text-align:right;padding-top:4px; /* float:right; */ display:inline-block;}
*/

aside .section1 {margin:15px auto 20px;}
aside .section1 ul {padding:0;margin:0;}
aside .section1 ul li {float:left;width:19%;margin:0 6% 0 0;text-align:center;}
aside .section1 ul li:nth-child(4) {width:24%;margin:0;}
aside .section1 ul li img {height:40px; margin-bottom:10px;}
aside .section1 ul li a {color:#000; line-height:20px; font-size: 12px; display: block;text-align:center;}

aside .section2 {border-top:1px solid #c3c3c3; /* border:1px solid #c3c3c3; */  border-bottom:0;  background:rgba(255,255,255,0.5);}
aside .section2 .asideTop {background-color:#fafafa;font-size:0;}
aside .section2 .asideTop a { width: 33%;line-height:40px;height:40px;text-align:center;display: inline-block;font-size:12px; color:#8f8f8f; font-weight: bold; border-left:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3;border-top:0;}
aside .section2 .asideTop a:first-child {border-left:0;}
aside .section2 .asideTop a.act {color:#000;border-bottom:1px solid #fff;background-color:#fff;color:#000;}


aside .section3 {margin: 25px 0 50px 20px;font-size: 14px;color:#000;line-height: 25px;}
aside .section3 p {margin-bottom:20px;border:1px solid #eaeaea;width:150px;text-align:center;}
aside .section3 p img {height:30px;border-right:1px solid #eaeaea;float:left;}
aside .section3 a {font-size:12px;color:#000;line-height:30px;text-align:center;font-weight:bold;display:block;}



/* ?ýý????????????????????????????????????????????????????????????????????????????????????????????????????????? ¨¬???????????????????????????????????????????????????????????????????????????????????????????????????????? ??ýý???????????????????????????????????????????????????????????????????????????????????????????????????????? */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //?ýý????????????????????????????????????????????????????????????????????????????????????????????????????????? ¨¬???????????????????????????????????????????????????????????????????????????????????????????????????????? ??ýý???????????????????????????????????????????????????????????????????????????????????????????????????????? */


/* BASIC css end */

header .section1{z-index:0;}
.langWrap{display:none; position:absolute;position:absolute;top:8px;right:86px;padding:4px;line-height:normal;}
.langWrap .now_lang{position:relative;display:inline-block;padding-right:12px;}
.langWrap .now_lang:after{position:absolute;right:0;top:50%;width:0;height:0;margin-top:-2px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #000;content:'';}
.langWrap ul.langlist{display:none;position:absolute;left:0;top:24px;background:#fff;padding:2px 0;}
.langWrap ul.langlist > li{display:block;width:auto;height:auto;line-height:normal;padding:2px 4px;}
.langWrap ul.langlist > li > a{border:none;line-height:normal;font-size:0;letter-spacing:0;}
.langWrap.active .now_lang:after{border-top:none;border-bottom:4px solid #000;}
.langWrap.active ul.langlist{display:block;}

/* BASIC css end */


/* BASIC css end */