@charset "UTF-8";
/*
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
*/


/* 본고딕 가져오기*/
	@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


	@font-face {
	  font-family: 'Noto Sans KR';
	  font-style: normal;
	  font-weight: 100;
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
		   url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
		   url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
	}
	@font-face {
	  font-family: 'Noto Sans KR';
	  font-style: normal;
	  font-weight: 300;
	  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
		   url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
		   url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
	}
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 400;
	   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
	 }
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 500;
	   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
	 }
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 700;
	   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
	 }
	@font-face {
	   font-family: 'Noto Sans KR';
	   font-style: normal;
	   font-weight: 900;
	   src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
			url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}


BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;min-width:1100px;

}

* {
    font-family: "Noto Sans KR";
}

HR {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
BLOCKQUOTE {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
DD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
OL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LI {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
PRE {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {margin:0; padding:0;}

FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
LEGEND {
	TEXT-INDENT: -9999em; WIDTH: 0px; DISPLAY: block; HEIGHT: 0px
}
FIELDSET {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
img,fieldset { border:none; /*vertical-align:top;*/}

BUTTON {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
INPUT {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TEXTAREA {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TH {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
TD {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
}
BODY {
	COLOR:#333;FONT-SIZE: 12px;font-family: "Nanum Gothic";
}
BUTTON {
	COLOR:#333;FONT-SIZE: 12px;font-family: "Nanum Gothic";
}
INPUT {
	COLOR:#333;FONT-SIZE: 12px;font-family: "Nanum Gothic";
}
SELECT {
		font-family: "Nanum Gothic";
}
TEXTAREA {
	COLOR:#333;FONT-SIZE: 12px;font-family: "Nanum Gothic";
}
BODY {
 COLOR: #626363; /*font: 0.75em Malgun Gothic,Verdana,Dotum,AppleGothic,sans-serif;*/
}
UL {
	LIST-STYLE-TYPE: none  
}
OL {
	LIST-STYLE-TYPE: none
}
LI {
	LIST-STYLE-TYPE: none
}
DL {
	LIST-STYLE-TYPE: none
}
DD {
	LIST-STYLE-TYPE: none
}
INPUT {
	VERTICAL-ALIGN: middle
}
SELECT {
VERTICAL-ALIGN: middle;
}



EM {
	FONT-STYLE: normal
}
IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px;
}
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px;display : inline
}
H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px;display : inline
}
H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px;display : inline
}
H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px;display : inline
}
H5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px;display : inline
}
H6 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 100%; PADDING-TOP: 0px;display : inline
}

IMG {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
.hidden {
	DISPLAY: none
}


@charset 'utf-8';

/* ftp용량 절감을 위해 웹폰트 관련 경로를 변경하였습니다. 소스를 넘길 때는 webfont 폴더를 꼭 복사하시고 경로 변경 해주세요.*/
/* IE 9 이하버전에서는 font-weight: 800(extrabold)이 반영되지 않음. 

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 400;
	src: url("./font/NanumGothic-Regular.eot");
	src: url("./font/NanumGothic-Regular.eot?#iefix") format("embedded-opentype"), 
	url("./font/NanumGothic-Regular.woff2") format("woff2"), 
	url("./font/NanumGothic-Regular.woff") format("woff"), 
	url("./font/NanumGothic-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 700;
	src: url("./font/NanumGothic-Bold.eot");
	src: url("NanumGothic-Bold.eot?#iefix") format("embedded-opentype"), 
	url("./font/NanumGothic-Bold.woff2") format("woff2"), 
	url("./font/NanumGothic-Bold.woff") format("woff"), 
	url("./font/NanumGothic-Bold.ttf") format("truetype");
}

@font-face {
	font-family: "NanumGothic";
	font-style: normal;
	font-weight: 800;
	src: url("./font/NanumGothic-ExtraBold.eot");
	src: url("./font/NanumGothic-ExtraBold.eot?#iefix") format("embedded-opentype"), 
	url("./font/NanumGothic-ExtraBold.woff2") format("woff2"), 
	url("./font/NanumGothic-ExtraBold.woff") format("woff"), 
	url("./font/NanumGothic-ExtraBold.ttf") format("truetype");
}

@font-face {
	font-family: "NanumBarunGothic";
	font-style: normal;
	font-weight: 400;
	src: url("./font/NanumBarunGothic.eot");
	src: url("./font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"), 
	url("./font/NanumBarunGothic.woff2") format("woff2"), 
	url("./font/NanumBarunGothic.woff") format("woff"), 
	url("./font/NanumBarunGothic.ttf") format("truetype");
}
*/
.left { FLOAT: left }
.right { FLOAT: right }
.clear { BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px }

/* 폼 이미지 map등 변두리 없애기 */
input:focus,img:focus,embed:focus,map:focus {
	outline:none;
}

A:link    {FONT-SIZE: 12px; COLOR: #555; text-decoration:none; }
A:visited {FONT-SIZE: 12px; COLOR: #555; text-decoration:none; }
A:active  {FONT-SIZE: 12px; COLOR: #555; text-decoration:none; }
A:hover  {FONT-SIZE: 12px; COLOR: #000;text-decoration:underline; }


A.ttt_link:link    {color:#999;text-decoration:none;}
A.ttt_link:visited {color:#999;text-decoration:none;}
A.ttt_link :active  {color:#999;text-decoration:none; }
A.ttt_link:hover  {color:#999;text-decoration:underline ; }



 .wrap_box {position: relative;width: 1100px;margin: 0 auto;*zoom: 1;}

/* TOP 링크 */
.toplink-wrap{position: relative;border-bottom:1px solid #eee;background:#f6f6f6;height:36px;}

.toplink-wrap .add-link .icon_bookmark {
    display: inline-block;
    height: 11px;
    line-height: 32px;
    width: 11px;
    background: url(image/topn_01.gif) no-repeat;
    margin: 0 5px 0 0px;
    vertical-align: middle;
}
.toplink-wrap .add-link .add1{padding:0 12px 0 12px;border-right:0px solid #484848;}
.toplink-wrap .add-link .add2{padding:0 12px;}
.toplink-wrap .add-link {float:left;  }
.toplink-wrap .add-link span{color:#555;border-right:1px solid #eee;border-left:1px solid #eee;DISPLAY: inline-block;height:36px;line-height:36px;padding-right:8px;padding-left:8px;font-size:11px; }
.toplink-wrap .add-link a {display: inline-block; color:#8d8d8d;}
.toplink-wrap .add-link a img {vertical-align: middle;}
.toplink-wrap .add-link a:hover { color:#747474; text-decoration:none;}
.toplink-wrap .add-link form {display:inline;}
.toplink-wrap .top-link {float:right;color: #8d8d8d; letter-spacing:-1px;height:32px;line-height:32px; }
.toplink-wrap .top-link a {color:#8d8d8d; padding:0 6px;}
.toplink-wrap .top-link a:hover { color:#747474; text-decoration:none;}
.toplink-wrap .top-link .count {    color: #333;
    letter-spacing: -0.5px;
    margin-left: 4px;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 11px;
    min-width: 9px;
    height: 14px;
    line-height: 13px;
    text-align: center;

    padding: 0 4px 0 3px;
    min-width: 8px;}
.toplink-wrap .join-link {position:relative;}



#img_ball{position:absolute;z-index:10;top:15px;left:50%;width:50px;margin:0 0 0 -28px;height:20px;line-height:20px;text-align:center;padding:6px 0 0;background:url("image/joinpoin_bg.png") no-repeat 50% 0;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function:ease-in-out;}
#img_ball .pmm{VERTICAL-ALIGN: middle; display:block;width:50px;margin:0;background:#f76e97;border-radius:3px;font-size:10px;color:#fff}



.topArea {height:151px;position:relative;}
.topArea  h1{position: absolute; top: 46px; left:420px}
.topArea .special {position: absolute; top: 50px; left: 0;}
.topArea .special li {float:left; margin-right: 10px; font-size:10px; background: url(image/top_bg_round.gif) no-repeat 0 0; }
.topArea .special li a {display:table-cell; width: 57px; height: 57px; text-align: center; vertical-align:middle; color: #666666;}
.topArea .special li a:hover {color:#333333; text-decoration:none;}
.topArea  .inputTypeText { height: 19px; padding: 3px 0 0 9px; border: 1px solid #d5d5d5;}
.topArea fieldset { border: 1px solid #696969 }
.topArea #keyword{width: 176px;height: 32px;padding: 0 0 0 9px;border: 0;line-height: 32px;font-size: 12px;color: #333;background: #fff;}
.topArea  .serch_box{position: absolute; top: 65px; right: 0;}
.topArea  img,fieldset { border: none;vertical-align: top;}



/* ajax_category */
.category-wrap{margin-bottom:10px;height:50px; width:100%; z-index:80; background: #000;}
.ajax_category{}
.ajax_category h2{display: none;}
.ajax_category .position{position: relative;z-index: 70;}
.ajax_category .position strong{}
.ajax_category .position > ul{}
.ajax_category .position > ul > li{display: inline-block;position: relative;z-index: 10;}
.ajax_category .position > ul > li > a{display: block;height: 50px;line-height: 50px;padding: 0 0 0 18px;color: #fff; word-spacing: -1px;text-decoration: none;font-size:14px}
.ajax_category .position > ul > li > a: hover,.ajax_category .position > ul > li.selected > a,.ajax_category .position > ul > li.on > a{color: #686868;}
.ajax_category .position > ul > li.front > a{padding: 0 26px 0 15px;color: #fff;background: url(image/mm_star000.gif) no-repeat left 20px;}
.ajax_category .sub-category{position: absolute;top: 50px;left: 0;width: 145px;padding: 8px 0;border-left: 1px solid #cecece;border-right: 1px solid #cecece;border-bottom: 1px solid #cecece;background: #fff;}
.ajax_category .sub-category ul{text-align: left;}
.ajax_category .sub-category li{padding: 0 0 0 15px;}
.ajax_category .sub-category a{display: block;padding: 6px 0;font-size: 12px;color: #2e2e2e;text-decoration: none;}
.ajax_category .sub-category a: hover,.ajax_category .sub-category li.selected a{color: #999999;}
.ajax_category .sub-category a:hover{color:#999999;text-decoration:none;}


/* today*/
#wrap {POSITION: relative; MARGIN: 0px auto; WIDTH: 1280px;background:#ff0000;z-index:99999999}
#quickL {POSITION: absolute; MIN-HEIGHT: 200px; WIDTH: 54px; TOP: 0px; LEFT: -20px}
#quickR {POSITION: absolute; MIN-HEIGHT: 200px; WIDTH: 54px; TOP: 0px; RIGHT: 18px}



/* banner_area*/
.home_icon{DISPLAY: inline-block; BACKGROUND: url(image/home_icon.png) no-repeat ;margin-top:8px}
.home_conts{PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px;OVERFLOW: hidden; PADDING-TOP: 0px;WIDTH:1100PX;margin-bottom:8px;margin-TOP:8px} 
.home_conts .home_promotion{POSITION: relative; TEXT-ALIGN: center}
.home_conts .home_promotion .btn_arrow .prev{POSITION: absolute; MARGIN-TOP: 46px; WIDTH: 20px; BACKGROUND-POSITION: -420px 0px; HEIGHT: 120px; TOP: 0px; LEFT: 0px}
.home_conts .home_promotion .btn_arrow .next{POSITION: absolute; MARGIN-TOP: 46px; WIDTH: 20px; BACKGROUND-POSITION: -450px 0px; HEIGHT: 120px; TOP: 0px; RIGHT: 0px}

.home_conts .home_promotion .banner_area{margin-bootom: 20px; OVERFLOW: hidden;border-bottom:1px solid #7f7f7f;padding-bottom:50px}
.home_conts .home_promotion .banner_area:after {display:block;visibility:hidden;clear:both;content:""}

.home_conts .home_promotion .banner_area ul:after {display:block;visibility:hidden;clear:both;content:""}
.home_conts .home_promotion .banner_area li {FLOAT: left; OVERFLOW: hidden;}
.home_conts .home_promotion .banner_area li img{border:1px solid #E9E9E9}
.home_conts .home_promotion .banner_area  .name{display: block;margin-top:12px}
.home_conts .home_promotion .banner_area  .name a{TEXT-ALIGN: center}
.home_conts .home_promotion .banner_area  .sizhong{font-size:12px;display: block;margin-top:5px;color:#999;text-decoration:line-through;}
.home_conts .home_promotion .banner_area  .price{display: block;font-weight:500px;color:#555;margin-top:0px;font-size:13px;}
.home_conts .home_promotion .roll_btn{TEXT-ALIGN: center; OVERFLOW: hidden}
.home_conts .home_promotion .roll_btn A{MARGIN: 0px 1px}
.home_conts .home_promotion .roll_btn .roll_on{WIDTH: 10px; BACKGROUND-POSITION: -390px 0px; HEIGHT: 10px; VERTICAL-ALIGN: top}
.home_conts .home_promotion .roll_btn .roll_off{WIDTH: 10px; BACKGROUND-POSITION: -380px 0px; HEIGHT: 10px; VERTICAL-ALIGN: top}


/* 메인 큰배너 박스*/
.main-slide{float: left; position: relative; overflow: hidden;}
.right-area {float: right; width: 255px; height: 500px; overflow: hidden;}
.main-right-item{position: relative;}
.main-right-item h2{margin: 0 0 16px;font-weight: normal;font-size: 20px;color: #2e2e2e;text-align: center;}
.main-right-item img{vertical-align: middle;}
.main-right-item ul.prdList{display: table;width: 100%;margin: 0;font-size: 0;line-height: 0;}
.main-right-item ul.prdList li.item{display: inline-block;margin: 0;color: #757575;vertical-align: top;*display: inline;*zoom: 1;border: 1px solid #e5e5e5;}
.main-right-item ul.prdList li.item .box{margin: 20px auto 0;font-size: 12px;line-height: 18px;text-align: center;}
.main-right-item ul.prdList li .color{overflow: hidden;display: inline-block;margin: 3px 0 0 0;}
.main-right-item ul.prdList.column4 li .color{width: 116px;}
.main-right-item ul.prdList .thumb{margin: 20px 0 8px 0;}
.main-right-item ul.prdList .name{text-align: center;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow: hidden;}
.main-right-item ul.prdList .name a{color: #555;font-size: 12px;}
.main-right-item ul.prdList .name .title{font-weight: normal;}
.main-right-item ul.prdList  .sizhong{font-size:12px;display: block;color:#999;text-decoration:line-through;}
.main-right-item ul.prdList  .price{font-weight:500;color:#555;margin-top:0px;font-size:13px;}
.main-right-item ul.prdList  .icnbox{position: absolute; top: 10px; right: 10px;}

.main-right-item ul.column4 li.item{width: 253px;}
.main-right-item ul.column4 li.item .box{width: 200px;height: 316px;}
.main-right-item ul.column4 li.item .thumb{width: 200px;}
.main-notice-box{height:150px; margin-top: 10px; border: 1px solid #e5e5e5;}
.main-notice-box .titiimg{padding: 23px 20px 0;}
.main-notice-box .titiimg a{text-decoration: none;}
.main-notice-box .vm {vertical-align: middle;}
.main-notice-box  li{ line-height:20px; clear:both; overflow:hidden;}
.main-notice-box  li:first-child{ line-height:20px; clear:both; overflow:hidden;margin-top: 10px; }
.main-notice-box  a{color: #999999; font-size: 11px;}


.ul-list {margin-top: 10px;margin-bottom: 10px;overflow: hidden;}
.ul-list:after {display:block;visibility:hidden;clear:both;content:""}
.ul-list li{float: left;display: inline; }

.cycle-slideshow-box{overflow: hidden; clear: both;}
.cycle-slideshow{width: 835px; height: 500px; overflow: hidden;}
#mTprev{position:absolute; top:245px; left:0; z-index:55; display:block;}
#mTnext{position:absolute; top:255px; right:0; z-index:55; display:block;}



/* ●● 상품리스트 */
 .item_list_area {width:1100px;  overflow:hidden; padding:0 0 60px 0px; border-bottom:1px solid #7F7F7F}
 .item_list_area:after {display:block;visibility:hidden;clear:both;content:""}
.item_area {overflow:hidden;}
.item_area:after {display:block;visibility:hidden;clear:both;content:""}
.item_list_area .item_one {padding:0px 0 0px 0; width:20%; float:left; overflow:hidden; text-align:center; position:relative;}
.item_list_area .item_one:after {display:block;visibility:hidden;clear:both;content:""}
.item_list_area .item_one .blank {background:transparent url('../images/blank.gif') left top repeat; overflow:hidden; width:275px; height:100%; position:absolute; top:0; left:0}
.item_list_area .item_one .thumb {background:transparent url('../images/no_img.png') center center no-repeat; padding:10px; overflow:hidden; border:0px solid #ff0000;text-align:center;}
.item_list_area .item_one .thumb img {width:200px; height:200px; border:1px solid #E9E9E9}
.item_list_area .item_one .name {color:#888; font-size:12px; margin:0px auto 0px auto ; width:180px;text-align:center; }
.item_list_area .item_one .sizhong{overflow:hidden;margin-top:6px; text-decoration:line-through;color:#999;}
.item_list_area .item_one .price {overflow:hidden;margin-top:5px;font-weight:500;color:#555;margin-top:0px;font-size:13px;}
.item_list_area .item_one:hover .name {color:#000}
.item_list_area .item_one .show_ico{position:absolute; left:10px;top:10px}



/* ●● 카테고리 리스트 */
.sub_cate_list{text-align:left;padding:10px 0 5px 0;background:url('image/nnin_icn01.gif')  no-repeat 0 14px; }
.sub_cate_list .cate_title{font-size:15px;padding-left:8px}
.sub_cate_subject{background:#8c8c8c;padding-left:8px;height:30px;line-height:30px;}
.sub_cate_subject a{font-size:13px;padding-left:5px;color:#ffffff;font-weight:bolder}
.sub_cate_name{border-collapse:collapse;border:2px solid #8c8c8c;padding:5px 10px 5px 10px;background:#fafafa}

.sub_cate_name a{color:#555;padding:6px;line-height:20px;}


.sub_cate_brand{text-align:left;padding:10px 0 5px 0}
.sub_cate_brand .titie{text-align:left;padding:10px 0 5px 0}
.sub_cate_brand .name{border:1px solid #E7E7E7;padding:6px;margin:0 0 10px 0;background:url('<?=$g_skin_link?>/image/bg_grid01.jpg')}
.sub_cate_brand .name:after {display:block;visibility:hidden;clear:both;content:""}

.list_type_box{height:38px;line-height:38px;overflow:hidden;}
.list_total_cont{FLOAT:left ;padding:0 0 0 8px;color:#a1a1a1;}
.list_type{FLOAT:right;}
.list_type ul:after {display:block;visibility:hidden;clear:both;content:""}
.list_type  li {display:inline;padding:0 10px 0 10px;background:url("<?=$g_skin_link?>/image/bg_result_type.gif") no-repeat 0 2px;}
.list_type  li:first-child {background:none;}
.list_type li a{color:#bbbbbb;font-size:11px;letter-spacing:-1px;}

.list_type li a:hover {color:#bbbbbb;text-decoration:none;}

/* ●● 상세페이지 */
/**************가격 UP DOUWN****************/
.quantity{POSITION: relative; WIDTH: 50px; DISPLAY: inline-block; VERTICAL-ALIGN: top;margin-top:3px}
.quantity INPUT{BORDER-BOTTOM: #d4d8d9 1px solid; BORDER-LEFT: #d4d8d9 1px solid; PADDING-BOTTOM: 0px; LINE-HEIGHT: 23px; PADDING-LEFT: 3px; WIDTH: 52px; PADDING-RIGHT: 2px; HEIGHT: 23px; BORDER-TOP: #d4d8d9 1px solid; BORDER-RIGHT: #d4d8d9 1px solid; PADDING-TOP: 0px; border-radius: 3px 0 0 3px;background:#fafafa}
.quantity .up{POSITION: absolute; TOP: 0px; LEFT: 50px}
.quantity .down{POSITION: absolute; TOP: 12px; LEFT: 50px}

/**************가격 UP DOUWN****************/
/**************가격 UP DOUWN****************/
.jq_detail{ border:0px  solid #C8C8C8;padding:0px;padding-top:50px;margin-top:8px;background:#fff}
.jq_detail_left{ width:460px;float:left;}
.jq_detail_left span{display:inline-block;VERTICAL-ALIGN: middle; }
.zuoyouico {width:50px;}
.jq_detail_right{ margin-left:30px;width:520px;float:left;font-size:13px}
.jq_detail_right select{padding:3px}
.spanbleft{letter-spacing:-1px;display:inline-block;width:80px;height:38px;line-height:38px}




/* ●● 하단정보 */
#footer{margin-top: 50px;}
.footermmm{height: 136px;}
.footermmm a{}
.footermmm .utilMenu{clear: both;overflow: hidden;margin: 20px 0 0 0;}
.footermmm .utilMenu li{float: left;padding-left: 10px;margin-left: 10px;}
.footermmm .utilMenu li:first-child{padding-left: 0;margin-left: 0;background: none;}
.footermmm .utilMenu li a{font-weight: bold;font-size: 11px;color: #353535;}
.footermmm .address{clear: both;padding: 13px 0 0;color: #a6a6a6;line-height: 18px;}
.footermmm .address span{padding: 0 25px 0 0;font-size: 11px;}
.footermmm .address span a{color: #a6a6a6;}
.footermmm .copyright{color: #a6a6a6;font-size:12px}
.footermmm .pageTop{position: absolute;right: 0;top: 10px;}
.footermmm .hosting{position: absolute;right: 0;top: 77px;}


.foot-h3 { font-size:14px; color:#ffffff;}
.foot-h3 a {color:#ffffff; text-decoration:none;}

.footer-box{padding: 30px 0 30px 0; background: #232323;}
.footer-box a{}
.footer-box:after {display:block;visibility:hidden;clear:both;content:""}
.footer-box .cscenter{float:left; height:140px; width:225px;}
.footer-box .cscenter .hpnum{ font-size:28px; font-weight:400; color:#ffffff; letter-spacing:-1px; line-height:55px;}
.footer-box .cscenter .jobtime { font-size:11px; padding-bottom:8px;color:#888888}
.footer-box .bankinfo {float:left; height:120px; width:230px; padding-left:30px; border-left: 1px solid #363636;}
.footer-box .bankinfo .banknum{ font-size:22px; font-weight:400; color:#ffffff; letter-spacing:-1px; line-height:55px;}
.footer-box .bankinfo .bankname{fcolor:#888888; font-size:11px;color:#888888}

.footer-box .notice {float:left; height:120px; width:245px; padding-left: 30px; border-left: 1px solid #363636; }
.footer-box .notice  .notice_name { width:200px; }
.footer-box .notice  .notice_name a{color: #999;}
.footer-box .notice  .notice_name a:hover{color: #ddd;}

.footer-box .houqi{float:left; height:120px; width:300px; padding-left: 30px; border-left: 1px solid #363636;}
.footer-box .houqi li a{color: #999;}
.footer-box .houqi li a:hover{color: #ddd;}



/* 공통 */
.jq_top_navigation{ height:20px;line-height:20px;text-align:right;border:0px solid #000 }
.jq_top_title{ padding-left:10px;height:30px;line-height:30px;border-bottom:0px solid #ddd;color:#333333;FONT-SIZE:16PX; background:url('../../img/jq_icn01.gif') no-repeat 0px 7px;}
.jq_top_title img{ vertical-align:middle; }


.ed{	PADDING-TOP: 0px; PADDING-LEFT: 3px;  PADDING-RIGHT: 3px;PADDING-BOTTOM: 0px;BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid;  LINE-HEIGHT: 18px;HEIGHT: 20px;  MARGIN: 0px 0px 0px 0px; FONT-FAMILY: Arial; VERTICAL-ALIGN: middle; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid;  }


.head {border:1px solid black;font-size:9pt;color:black;background-color:white;height:19px}
.textarea {border:1px solid;border-color:#e1e1e1;width:100%;font-size:9pt;color:black;background-color:white}
.text  {	 padding:2px;  MARGIN: 0px 0px 0px 0px; VERTICAL-ALIGN: middle;  BORDER: #ddd 1px solid; background:#fafafa}


.submit1 {border:0px solid;font-size:9pt;color:white;background-color:black;height:19px}
.submit2 {border-color:#b0b0b0;background-color:#3d3d3d;color:#ffffff;font-size:9pt;height:23px}
.comment_submit {border:0px solid;font-size:9pt;color:white;background-color:black;height:100%;width:100%;}
.price {color:#222;font-size: 12px;}
.point {color:#222;font-size: 12px;}
.page_list {color:#595959;font-size:12px;text-decoration:none;}
.board_show {color:#595959;font-size:9pt;text-decoration:none;word-break:break-all;}
.sms_textarea {background-color:#ffffff;border:1px solid;border-color:#B4B4B4;font-size:9pt;color:black; OVERFLOW: hidden;}
.sms_text { border:0px FONT-SIZE: 9pt; BACKGROUND: #FFFFFF; HEIGHT: 15px;}


.search_subject {font-weight:bold; background-color:#FFFF66;}
.search_list {background-color:#FFFF66;}

.b_input{border:1px solid #dddddd;background:#fafafa;padding:6px;  }








.cate_list_img_all{WIDTH: 1100px; BACKGROUND: #ffffff}
.cate_list_img{PADDING-TOP: 10px}
.cate_list_img p{display:block; padding:3px}
.cate_list_img .list_img{FLOAT: left; WIDTH: 20%; BORDER-BOTTOM: #ff0000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #ff0000 0px solid;DISPLAY: inline; BACKGROUND: #ffffff; COLOR: #424242; OVERFLOW: hidden; BORDER-TOP: #ff0000 0px solid; BORDER-RIGHT: #ff0000 0px solid}
.cate_list_img .list_img .dico img{border:1px solid #e1e1e1;}
.cate_list_img .list_img . dico img:hover{border:1px solid #D1D1D1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ filter:alpha(opacity=80); /*IE5、IE5.5、IE6、IE7*/ opacity: .8; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/ z-index: -1; /*让其位于in的下面*/ background:#fff;}
.cate_list_img H4{width:162px;margin:0px auto;TEXT-ALIGN: center; LINE-HEIGHT: 16px; DISPLAY: block; COLOR: #666666; FONT-WEIGHT: normal; PADDING-TOP: 2px;word-wrap:break-word;overflow:hidden;}



.main_list_img_all{WIDTH: 1148px; BACKGROUND: #ffffff}
.main_list_img{PADDING-TOP: 10px}
.main_list_img p{display:block; padding:3px}
.main_list_img .list_img{FLOAT: left; WIDTH: 16.6%; BORDER-BOTTOM: #ff0000 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #ff0000 0px solid;DISPLAY: inline; BACKGROUND: #ffffff; COLOR: #424242; OVERFLOW: hidden; BORDER-TOP: #ff0000 0px solid; BORDER-RIGHT: #ff0000 0px solid}
.main_list_img .list_img .dico img{border:1px solid #e1e1e1;}
.main_list_img .list_img . dico img:hover{border:1px solid #D1D1D1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*IE8*/ filter:alpha(opacity=80); /*IE5、IE5.5、IE6、IE7*/ opacity: .8; /*Opera9.0+、Firefox1.5+、Safari、Chrome*/ z-index: -1; /*让其位于in的下面*/ background:#fff;}
.main_list_img H4{width:162px;margin:0px auto;TEXT-ALIGN: center; LINE-HEIGHT: 16px; DISPLAY: block; COLOR: #666666; FONT-WEIGHT: normal; PADDING-TOP: 2px;word-wrap:break-word;overflow:hidden;}





/**************************************** **************************************** **************************************** **************************************** 
//////  버튼감싸기!!!
**************************************** **************************************** **************************************** **************************************** /



/* 가운데정렬이 필요한 버튼감싸기!!! float:left 때문에 가운데정렬이 안됨 */
.btn_line_up_center {display:inline-block; *display:inline; *zoom:1;} 

.shop_btn_pack {float:left; margin:0 2px;}
.shop_btn_pack span {display:inline-block; float:left;}
.shop_btn_pack a {display:inline-block;cursor:pointer; float:left;text-decoration:none;}
.shop_btn_pack input {display:inline-block;cursor:pointer; border:none; background:none;  
overflow:visible; /* ie7에서 가로값 넓어지는거 잡아줌 */ 
 -webkit-border-radius:0; -webkit-appearance:none; -webkit-gradient:none; /* 모바일에서 인풋버튼 잡아주기 */}


/* 세로로 나열된 버튼간격은 버튼클래스와 같이 나열해서 사용 */
.shop_btn_pack .blank_h {margin:2px 0;} 


/* 사용법:<span class="shop_btn_pack"><span class="blank_3"></span></span> */
.shop_btn_pack .blank_3 {margin:3px;} 
.shop_btn_pack .blank_5 {margin:5px;}
.shop_btn_pack .blank_10 {margin:10px;}


/* A버튼 크기 */
.shop_btn_pack .height_16 {padding:0 5px; height:16px; line-height:17px; font-size:12px;letter-spacing:0px; font-weight:normal}
.shop_btn_pack .height_20 {padding:0 7px; height:18px; line-height:18px; font-size:12px; letter-spacing:0px; font-weight:normal}
.shop_btn_pack .height_22 {padding:0 7px; height:20px; line-height:20px; font-size:12px;  letter-spacing:0px; font-weight:normal} /* 수량증가감소버튼추가 */
.shop_btn_pack .height_25 {padding:0 10px; height:23px; line-height:23px; font-size:12px; font-weight:bold;}
.shop_btn_pack .height_30 {padding:0 15px; height:28px; line-height:28px; font-size:12px; font-weight:bold;}
.shop_btn_pack .height_30_period {padding:0 8px; height:28px; line-height:28px; font-size:12px; font-weight:bold;} /* 나의주문내역의기간버튼추가 */
.shop_btn_pack .height_35 {padding:0 15px; height:33px; line-height:33px; font-size:12px; font-weight:bold;}
.shop_btn_pack .height_40 {padding:0 15px; height:38px; line-height:38px; font-size:12px; font-weight:bold;}
.shop_btn_pack .height_45 {padding:0 15px; height:43px; line-height:43px; font-size:12px; font-weight:bold;}
.shop_btn_pack .height_50 {padding:0 30px; height:48px; line-height:48px; font-size:15px; font-weight:bold;}

/* 버튼 컬러 */
.shop_btn_pack .white {color:#5e5a5a!important; border:1px solid #d7d7d7!important; background:#ffffff!important;}
.shop_btn_pack .white:hover {color:#5e5a5a!important; border:1px solid #a4a4a4!important; background:#dbdbdb!important;}

.shop_btn_pack .light {color:#5b5b5b!important; border:1px solid #c2c2c2!important; background:#f3f3f3!important;}
.shop_btn_pack .light:hover {color:#fff!important; border:1px solid #808080!important; background:#aeaeae!important;}

.shop_btn_pack .dark {color:#ffffff!important; border:1px solid #575757!important; background:#767676!important;}
.shop_btn_pack .dark:hover {color:#ffffff!important; border:1px solid #000000!important; background:#2e2e2e!important;}

/* Design_ColorSet (버튼컬러셋) */
.shop_btn_pack .color {color:#fff!important; border:1px solid #21979b!important; background:#45c5c9!important;}
.shop_btn_pack .color:hover {color:#fff!important; border:1px solid #d20059!important; background:#ff4594!important;}


/* red */
.shop_btn_pack .red {color:#fff!important; border:1px solid #A30000!important; background:#A30000!important;}
.shop_btn_pack .red:hover {color:#fff!important; border:1px solid #AC3800!important; background:#D50000!important;}


/* red */
.shop_btn_pack .blue {color:#fff!important; border:1px solid #003399!important; background:#0066CC!important;}
.shop_btn_pack .blue:hover {color:#fff!important; border:1px solid #0066CC!important; background:#0099FF!important;}

.shop_btn_pack .black { color:#ffffff!important; border:1px solid #000000!important; background:#2e2e2e!important; }
.shop_btn_pack .black:hover {color:#ffffff!important; border:1px solid #575757!important; background:#767676!important;}

/* orange*/
.shop_btn_pack .orange {color:#fff!important; border:1px solid #7E2328!important; background:#A52A2F!important;}
.shop_btn_pack .orange:hover {color:#fff!important; border:1px solid #ff3300!important; background:#ff6600!important;}


/* 인풋버튼 크기 */
.shop_btn_pack .input_16 {height:16px; font-size:12px;letter-spacing:0px; text-align:center; border:none; background:none; padding:0 10px;}
.shop_btn_pack .input_20 {height:18px; font-size:12px; letter-spacing:0px; text-align:center; border:none; background:none; padding:0 10px;}
.shop_btn_pack .input_25 {height:23px; font-size:12px; font-weight:bold; text-align:center; background:none; padding:0 10px;}
.shop_btn_pack .input_30 {height:28px; font-size:12px; font-weight:bold; text-align:center; background:none; padding:0 15px; }
.shop_btn_pack .input_35 {height:33px; font-size:12px; font-weight:bold; text-align:center; background:none; padding:0 15px;}
.shop_btn_pack .input_40 {height:38px; font-size:15px; font-weight:bold; text-align:center; background:none; padding:0 15px;}
.shop_btn_pack .input_45 {height:43px; font-size:15px; font-weight:bold; text-align:center; background:none; padding:0 20px;}
.shop_btn_pack .input_50 {height:48px; font-size:17px; font-weight:bold; text-align:center; background:none; padding:0 30px;}


/* 인풋버튼 컬러 */
.btn_input_white { border:1px solid #d7d7d7!important; background:#ffffff!important;}
.btn_input_white:hover { border:1px solid #a4a4a4!important; background:#dbdbdb!important;}
.btn_input_white input {color:#5e5a5a!important;}
.btn_input_white input:hover {color:#5e5a5a!important;}

.btn_input_light {border:1px solid #c2c2c2!important; background:#f3f3f3!important;}
.btn_input_light:hover {border:1px solid #808080!important; background:#aeaeae!important;}
.btn_input_light input {color:#5e5a5a!important;}
.btn_input_light input:hover {color:#fff!important;}

.btn_input_dark {border:1px solid #575757!important; background:#767676!important;}
.btn_input_dark:hover {border:1px solid #050505!important; background:#2e2e2e!important;}
.btn_input_dark input {color:#ffffff!important;}
.btn_input_dark input:hover {color:#ffffff!important;}


.btn_input_huang {border:1px solid #ebbf01!important; background:#ffcf00!important;}
.btn_input_huang:hover {border:1px solid #e2b700!important; background:#f7c800!important;}
.btn_input_huang input {color:#333!important;}
.btn_input_huang input:hover {color:#000!important;}

.btn_input_shenglan {border:1px solid #3A40501!important; background:#3A4050!important;}
.btn_input_shenglan:hover {border:0px solid #3A4050!important; background:#3A4050!important;}
.btn_input_shenglan input {color:#fff!important;}
.btn_input_shenglan input:hover {color:#fff!important;}




/* Design_ColorSet (버튼컬러셋-인풋)*/
.btn_input_color {border:1px solid #21979b!important; background:#45c5c9!important;}
.btn_input_color:hover {border:1px solid #d20059!important; background:#ff4594!important; }
.btn_input_color input {color:#ffffff!important;}
.btn_input_color input:hover {color:#ffffff!important;}


/* <공통> 상태텍스트아이콘 (컬러추가해서사용가능) @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-------------------------------*/
.shop_state_pack span {display:inline-block; font-weight:normal; height:17px; line-height:17px; font-size:12px;letter-spacing:-1px; color:#fff!important;  padding:0 7px;}

.shop_state_pack .red {background:#ff365c!important;}
.shop_state_pack .orange {background:#ff8a00!important;}
.shop_state_pack .green {background:#86ae00!important;}
.shop_state_pack .sky {background:#00a7bc!important;}
.shop_state_pack .blue {background:#0058b4!important;}
.shop_state_pack .purple {background:#8000ec!important;}
.shop_state_pack .dark {background:#474747!important;}
.shop_state_pack .light {background:#b4b4b4!important;}
.shop_state_pack .black {background:#000!important;}











/**************************************** **************************************** **************************************** **************************************** 
//////  장바구니 + 주문서작성 + 완료  이미지
**************************************** **************************************** **************************************** **************************************** /
ntents_area {overflow:hidden;}
#shop_contents_area div,li,span,a,th,td,input,textarea,pre {FONT-FAMILY:Malgun Gothic,"돋움",Dotum;}


/* 프로세스이미지 */
#shop_contents_area .page_process {overflow:hidden; margin-bottom:10px; padding:15px 0; text-align:center; background:transparent url(image/process_bg.gif) left bottom repeat-x; border:1px solid #e6e6e6;}
#shop_contents_area .page_process li {float:left; width:30%; text-align:center;}
#shop_contents_area .page_process li > span {display:inline-block; background:transparent url(image/default_shop_pack.png) no-repeat; height:40px; width:130px;}
#shop_contents_area .page_process .divi_area {width:5%;}

#shop_contents_area .page_process .divi {background-position:-480px -240px; width:20px;}
#shop_contents_area .page_process .first {background-position:-480px -180px;}
#shop_contents_area .page_process .second {background-position:-610px -180px;}
#shop_contents_area .page_process .third {background-position:-740px -180px;}

#shop_contents_area .page_process .first_on {background-position:-480px -600px;}
#shop_contents_area .page_process .second_on {background-position:-610px -600px;}
#shop_contents_area .page_process .third_on {background-position:-740px -600px;}

#shop_contents_area .shop_division {display:inline-block; width:1px; height:11px; margin:0 15px; background:#d7d7d7; vertical-align:middle;}
#shop_contents_area .shop_dash {font-size:14px; color:#666; display:inline-block; float:left; margin-right:5px;}
#shop_contents_area .shop_blank {display:inline-block; float:left; width:5px;}





.pages {
	TEXT-ALIGN: center; MARGIN-TOP: 16px;border:0px solid #ff0000;
}
.pages A {
	BORDER-BOTTOM: #DEDFE1 1px solid; BORDER-LEFT: #DEDFE1 1px solid;LINE-HEIGHT: 30px; MARGIN: 0px 2px;DISPLAY: inline-block; BACKGROUND: 
	#F8F8F8; HEIGHT: 30px; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #DEDFE1 1px solid; BORDER-RIGHT: #DEDFE1 1px solid; 
	PADDING-TOP: 0px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px;  PADDING-BOTTOM: 0px; 
}
.pages SPAN {
 LINE-HEIGHT: 30px; MARGIN: 0px 2px; PADDING-LEFT: 12px; PADDING-RIGHT: 12px; DISPLAY: inline-block; BACKGROUND: #fff; HEIGHT: 30px; FONT-SIZE: 12px; OVERFLOW: hidden; 
	
}
.pages A:hover {
	BORDER-BOTTOM: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; BACKGROUND: #ffffff; COLOR: #fff; BORDER-TOP: #ddd 1px solid; BORDER-RIGHT: #ddd 1px solid; 
	TEXT-DECORATION: none;color:#555;
}
.pages SPAN {
	BORDER-BOTTOM: #5C5C5C 1px solid; BORDER-LEFT: #5C5C5C 1px solid; BACKGROUND: #7F7F7F; COLOR: #fff; BORDER-TOP: #5C5C5C 1px solid; 
	BORDER-RIGHT: #5C5C5C 1px solid; TEXT-DECORATION: none
}

.pages SPAN.disabled {
	BORDER-BOTTOM: #dad9de 1px solid; BORDER-LEFT: #dad9de 1px solid; BACKGROUND: #fff; COLOR: #ccc; BORDER-TOP: #dad9de 1px solid; BORDER-RIGHT: #dad9de 1px solid
}



.sub_title { color:#333333;FONT-SIZE:16PX;}





























/* CSS형 버튼 : ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆  하나만 활성화할것!!!! */

.button_pack a,.button_pack input,.button_pack button {background-image:none; position:relative; float:left; font-weight:normal; margin:0 !important; word-wrap:normal; word-break:keep-all; letter-spacing:-0.5px;}
.button_pack .btn_input {background:none; position:relative; position:relative; float:left; margin:0;}
.button_pack input,.button_pack button {border:0; display:inline-block; overflow:visible; font-weight:normal; cursor:pointer; word-wrap:normal; word-break:keep-all; letter-spacing:-0.5px;}
.button_pack .edge {display:none;}

.button_pack .btn_input .btn_sm_white,.button_pack .btn_input .btn_sm_black,.button_pack .btn_input .btn_sm_color {height:25px;}
.button_pack .btn_sm_white,.button_pack .btn_sm_black,.button_pack .btn_sm_color {font-size:11px; height:23px; line-height:23px; padding:0 14px !important;}
.button_pack .btn_sm_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_sm_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_sm_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_sm_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_sm_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_sm_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

.button_pack .btn_input .btn_md_white,.button_pack .btn_input .btn_md_black,.button_pack .btn_input .btn_md_color {height:35px;}
.button_pack .btn_md_white,.button_pack .btn_md_black,.button_pack .btn_md_color {height:33px; line-height:33px; font-size:13px; padding:0 19px !important; font-weight:600;}
.button_pack .btn_md_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_md_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_md_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_md_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_md_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_md_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

.button_pack .btn_input .btn_lg_white,.button_pack .btn_input .btn_lg_black,.button_pack .btn_input .btn_lg_color {height:55px;}
.button_pack .btn_lg_white,.button_pack .btn_lg_black,.button_pack .btn_lg_color { height:53px; line-height:53px; padding:0 43px !important; font-size:16px; font-weight:600;}
.button_pack .btn_lg_white {background:#fff; color:#333 !important; border:1px solid #ccc;}
.button_pack .btn_lg_white:hover {background:#ececec !important; border:1px solid #bbb;}

.button_pack .btn_lg_black {background:#505258; color:#fff !important; border:1px solid #333;}
.button_pack .btn_lg_black:hover {background:#111 !important; border:1px solid #000;}

.button_pack .btn_lg_color {background:#0096d9; color:#fff !important; border:1px solid #0073a7; }
.button_pack .btn_lg_color:hover {background:#6100d9 !important; border:1px solid #5414a2;}

 





/* 상태텍스트아이콘 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

.texticon_pack span {display:inline-block; font-weight:normal; height:22px; line-height:22px; font-size:11px; letter-spacing:-0.5px; color:#fff!important; padding:0 10px; margin:0; cursor:default; font-weight:600}

.texticon_pack .red {background:#ff365c !important;}
.texticon_pack .orange {background:#ff8a00 !important;}
.texticon_pack .green {background:#86ae00 !important;}
.texticon_pack .sky {background:#00a7bc !important;}
.texticon_pack .blue {background:#0058b4 !important;}
.texticon_pack .purple {background:#8000ec !important;}
.texticon_pack .dark {background:#474747 !important;}
.texticon_pack .light {background:#b4b4b4 !important;}
.texticon_pack .black {background:#000 !important;}





/* 상태텍스트아이콘 라운드이미지형 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆ */

.roundtext_pack {padding-left:15px; overflow:hidden}
.roundtext_pack span {background: transparent url('../../images/common/roundtext_pack.png') right 0 no-repeat ; height:29px; line-height:29px; color:#fff; font-size:13px; cursor:default; padding:0 20px 0 23px; position:relative;}
.roundtext_pack .edge {top:0; left:-15px; position:absolute; overflow:hidden; width:15px; padding:0; height:29px; background-position:0 0;}
.roundtext_pack .color {background-position:right -30px}
.roundtext_pack .color .edge {background-position:0 -30px;}
.roundtext_pack .ic_check {background: transparent url('../../images/common/roundtext_check.png') left top no-repeat;  width:21px; height:21px; top:4px; left:-10px ; position:absolute; z-index:100; padding:0;} 



.back_home {margin:0px auto;width:300px;text-align:center;}
.back_home a{color:#fff }
.back_home:after {display:block;visibility:hidden;clear:both;content:""}
.back_home a{display:block;padding:30px;font-size:14px}


.cm_member_login_logo{width:200px; margin:50px auto 30px auto;}
.cm_member_login_logo img{display:none }
/* 로그인 */

.cm_member_login {overflow:hidden; background:#fff;overflow:hidden; width:560px; margin:0px auto 0px auto; padding:60px; border:1px solid #ddd;}
.cm_member_login:after {display:block;visibility:hidden;clear:both;content:""} 
.cm_member_login li {list-style:none}
.cm_member_login .title_box {margin-bottom:0px; overflow:hidden; font-family:calibri; font-size:50px; color:#333; letter-spacing:-1px; font-weight:600;}
.cm_member_login .form_box {position:relative; width:520px; margin:0 auto; overflow:hidden}
.cm_member_login .form_box ul {overflow:hidden; position:relative; float:left;}
.cm_member_login .form_box li {margin:0 0 5px 0; overflow:hidden; position:relative;}
.cm_member_login .form_box .input_design {height:63px; line-height:63px; width:353px; font-size:19px; text-indent:55px; color:#888; float:left; border:0; background:#ededed; border:1px solid #d1d1d1;}
.cm_member_login .form_box .input_design:focus {color:#000; background-color:#fafafa; border:1px solid #999;}
.cm_member_login .form_box .login_id:before {content:''; width:63px; height:63px; position:absolute; left:0; top:0; background:transparent url('image/member_login_id.png') center center no-repeat}
.cm_member_login .form_box .login_pw:before {content:''; width:63px; height:63px; position:absolute; left:0; top:0; background:transparent url('image/member_login_pw.png') center center no-repeat}
.cm_member_login .form_box .save_id {clear:both; overflow:hidden; }
.cm_member_login .form_box .save_id label {padding:5px 0; line-height:15px; color:#666; float:left; font-size:11px; letter-spacing:-1px}
.cm_member_login .form_box .save_id label:hover {color:#ff0000}
.cm_member_login .form_box .save_id input {height:15px; margin:0 5px 0 0; float:left;}
.cm_member_login .btn_login {background: #555; width:140px; height:135px; border:0; color:#fff; font-size:25px; font-family:calibri; font-weight:600; float:right;cursor:pointer}
.cm_member_login .btn_login:hover {background: #333; color:#fff;}
.cm_member_login .btn_box {width:520px; margin:20px auto 0 auto; overflow:hidden; text-align:center; position:relative;}
.cm_member_login .btn_box ul {border:1px solid #eee; overflow:hidden;}
.cm_member_login .btn_box li {float:left; text-align:center; width:50%; letter-spacing:-1px; color:#999; padding:20px 0;  list-style:none; overflow:hidden; font-size:12px;}
.cm_member_login .btn_box li:hover {color:#000}
.cm_member_login .btn_box:before {content:''; width:1px; height:100%; background:#eee; position:absolute; left:50%; top:0;}

.cm_member_login .btn_box .btn_loss{margin:10px auto;display:block;border:1px solid #ccc;background:#fff;color:#333;width:156px;height:32px;line-height:32px;word-wrap:normal; word-break:keep-all; border-radius:3px;}
.cm_member_login .btn_box .btn_join{margin:10px auto;display:block;border:1px solid #505258;background:#505258;color:#fff !important;width:156px;height:32px;line-height:32px;word-wrap:normal; word-break:keep-all; border-radius:3px;}

.cm_member_login .btn_box .btn_loss:hover{border:1px solid #bbb;background:#ececec}
.cm_member_login .btn_box .btn_join:hover{border:1px solid #111;background:#111}


.cm_member_login .btn_box2 .btn_box2_1 {border:1px solid #eee; overflow:hidden;}
.cm_member_login .btn_box2 .btn_box2_2 {float:left; text-align:center; width:100%; letter-spacing:-1px; color:#999; padding:20px 0;  list-style:none; overflow:hidden; font-size:12px;}
.cm_member_login .btn_box2 .btn_box2_2:hover {color:#000}

.cm_member_login .button_pack {padding:0; margin:10px 0 0 0;}
.cm_member_login .button_pack a {width:115px; text-align:center;}
.cm_member_login .title_txt { font-size:13px; color:#888;margin-bottom:20px;}




/* 로그인폼  비회원 주문조회   비회원구매 */
.displaynone{DISPLAY: none !important}
.NoMember{width:560px;margin:60px auto;padding:60px;POSITION: relative;border:1px solid #ddd;/*DISPLAY: inline-block;FLOAT:right;*/}
.NoMember h3{margin-bottom:8px;DISPLAY: inline-block;}
.NoMember .btn_nomem{POSITION: absolute;TOP: 82px;RIGHT: 74px;DISPLAY: inline-block;}
.noorder_box{width:560px;margin:60px auto;padding:60px;POSITION: relative;border:1px solid #ddd;}
.noorder_box H3{PADDING-BOTTOM: 0px;PADDING-LEFT: 0px;PADDING-RIGHT: 0px;PADDING-TOP: 0px}
.noorder_box P{PADDING-TOP: 10px;}
.noorder_box UL{MARGIN: 10px 0px 0px}
.noorder_box LI{PADDING-BOTTOM: 0px;PADDING-LEFT: 6px;PADDING-RIGHT: 0px;BACKGROUND: url(<?=$g_skin_link?>/image/ico_login.gif) no-repeat 0px 11px;PADDING-TOP: 5px}
.noorder_box LI STRONG{WIDTH: 120px;DISPLAY: inline-block;COLOR: #999}
.noorder_box LI INPUT{BORDER-BOTTOM: #d9d9d9 1px solid;BORDER-LEFT: #d9d9d9 1px solid;PADDING-BOTTOM: 2px;MARGIN: 0px 3px;PADDING-LEFT: 2px;WIDTH: 166px;PADDING-RIGHT: 2px;HEIGHT: 14px;COLOR: #202020;BORDER-TOP: #d9d9d9 1px solid;BORDER-RIGHT: #d9d9d9 1px solid;PADDING-TOP: 2px}
.noorder_box LI.number{}
.noorder_box LI.number INPUT{WIDTH: 74px}
.noorder_box .button{POSITION: absolute;TOP: 110px;RIGHT: 74px}




/*  우편번호검색  아이디체크 */
.chenck_button{background: #bbb; border: 1px solid #aaa; color: #fff; height: 26px;line-height: 26px; padding: 0 10px 2px 10px; border: none; font-size: 12px; cursor: pointer; vertical-align: top; border-radius: 3px;}