@charset "utf-8";
:root {
	--site-m-maxwidth : 525px; /* normal 상태 */
	--site-tablet-maxwidth : 680px; /* @media (max-width: 930px) 일때 */
}
/* 공통 css */

/* 디폴트 색상 -> /data/(site_ID)/m/css/common.css 복사하여 사용할 것 */
:root{
	--th:57px; /*top height*/

	--bh:64px; /*bottom height*/
	--ih:20px; /*bottom iPhone margin*/
	--bh-i:calc(var(--bh) + var(--ih)); /*bottom height iphone*/
}

/* @import url('/css/nanumgothic.css'); */
/* @import url('/css/NotoSansKR.css'); */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;400;700&display=swap'); */
/*font-family: 'Noto Sans', sans-serif;*/

/* iOS 11.0 버전 */
/*
constant(safe-area-inset-top)
constant(safe-area-inset-right)
constant(safe-area-inset-bottom)
constant(safe-area-inset-left)
*/

/* iOS 11.2 이상 */
/*
env(safe-area-inset-top)
env(safe-area-inset-right)
env(safe-area-inset-bottom)
env(safe-area-inset-left)
*/


@font-face {
    font-family: 'GmarketSansLight';
    src: url('/css/font/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('/css/font/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('/css/font/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
 font-family: 'Campton_Medium';
 src: url('/css/font/Campton-Medium.eot');
 src: local(※),
  url('/css/font/Campton-Medium.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/font/Campton-Medium.woff') format('woff'),
  url('/css/font/Campton-Medium.ttf') format('truetype'),
  url('/css/font/Campton-Medium.svg#webfonturzspG4F') format('svg');
}


@font-face {
	font-family: 'Noto Sans KR';
	font-style:normal;
	font-weight:normal;
	src:url('/css/font/notokr-regular.eot');
	src:local(※),
	url('/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
	url('/css/font/notokr-regular.woff') format('woff'),
	url('/css/font/notokr-regular.ttf') format('truetype');
}

@font-face {
	font-family: 'MontserratL';
	src: url('/css/font/Montserrat-Light.eot');
	src: local(※),
	url('/css/font/Montserrat-Light.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/css/font/Montserrat-Light.woff') format('woff'),
	url('/css/font/Montserrat-Light.ttf') format('truetype'),
	url('/css/font/Montserrat-Light.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family: 'MontserratR';
	src: url('/css/font/Montserrat-Regular.eot');
	src: local(※),
	url('/css/font/Montserrat-Regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/css/font/Montserrat-Regular.woff') format('woff'),
	url('/css/font/Montserrat-Regular.ttf') format('truetype'),
	url('/css/font/Montserrat-Regular.svg#webfonturzspG4F') format('svg');
}



@font-face {
	font-family: 'MontserratB';
	src: url('/css/font/Montserrat-Bold.eot');
	src: local(※),
	url('/css/font/Montserrat-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/css/font/Montserrat-Bold.woff') format('woff'),
	url('/css/font/Montserrat-Bold.ttf') format('truetype'),
	url('/css/font/Montserrat-Bold.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family: 'NanumSquareB';
	src: url('/css/font/NanumSquareB.eot');
	src: local(※),
	url('/css/font/NanumSquareB.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/css/font/NanumSquareB.woff') format('woff'),
	url('/css/font/NanumSquareB.ttf') format('truetype'),
	url('/css/font/NanumSquareB.svg#webfonturzspG4F') format('svg');
}

@font-face {
	font-family: 'NanumSquareL';
	src: url('/css/font/NanumSquareL.eot');
	src: local(※),
	url('/css/font/NanumSquareL.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/css/font/NanumSquareL.woff') format('woff'),
	url('/css/font/NanumSquareL.ttf') format('truetype'),
	url('/css/font/NanumSquareL.svg#webfonturzspG4F') format('svg');
}

/*헬로펫*/
@font-face {
	font-family: 'OpenSansSB';
	src: url('/css/font/OpenSans-Semibold.eot');
	src: local(※),
	url('/css/font/OpenSans-Semibold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('/css/font/OpenSans-Semibold.woff') format('woff'),
	url('/css/font/OpenSans-Semibold.ttf') format('truetype'),
	url('/css/font/OpenSans-Semibold.svg#webfonturzspG4F') format('svg');
}

/* 디그렘 */
@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-1Thin.eot');
    src: local(※),
        url('/css/font/S-CoreDream-1Thin.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-1Thin.woff2') format('woff2'),
        url('/css/font/S-CoreDream-1Thin.woff') format('woff'),
        url('/css/font/S-CoreDream-1Thin.ttf') format('truetype'),
        url('/css/font/S-CoreDream-1Thin.svg#S-CoreDream-1Thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-2ExtraLight.eot');
    src: local(※),
        url('/css/font/S-CoreDream-2ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-2ExtraLight.woff2') format('woff2'),
        url('/css/font/S-CoreDream-2ExtraLight.woff') format('woff'),
        url('/css/font/S-CoreDream-2ExtraLight.ttf') format('truetype'),
        url('/css/font/S-CoreDream-2ExtraLight.svg#S-CoreDream-2ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-3Light.eot');
    src: local(※),
        url('/css/font/S-CoreDream-3Light.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-3Light.woff2') format('woff2'),
        url('/css/font/S-CoreDream-3Light.woff') format('woff'),
        url('/css/font/S-CoreDream-3Light.ttf') format('truetype'),
        url('/css/font/S-CoreDream-3Light.svg#S-CoreDream-3Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-4Regular.eot');
    src: local(※),
        url('/css/font/S-CoreDream-4Regular.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-4Regular.woff2') format('woff2'),
        url('/css/font/S-CoreDream-4Regular.woff') format('woff'),
        url('/css/font/S-CoreDream-4Regular.ttf') format('truetype'),
        url('/css/font/S-CoreDream-4Regular.svg#S-CoreDream-4Regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-5Medium.eot');
    src: local(※),
        url('/css/font/S-CoreDream-5Medium.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-5Medium.woff2') format('woff2'),
        url('/css/font/S-CoreDream-5Medium.woff') format('woff'),
        url('/css/font/S-CoreDream-5Medium.ttf') format('truetype'),
        url('/css/font/S-CoreDream-5Medium.svg#S-CoreDream-5Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-6Bold.eot');
    src: local(※),
        url('/css/font/S-CoreDream-6Bold.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-6Bold.woff2') format('woff2'),
        url('/css/font/S-CoreDream-6Bold.woff') format('woff'),
        url('/css/font/S-CoreDream-6Bold.ttf') format('truetype'),
        url('/css/font/S-CoreDream-6Bold.svg#S-CoreDream-6Bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-7ExtraBold.eot');
    src: local(※),
        url('/css/font/S-CoreDream-7ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-7ExtraBold.woff2') format('woff2'),
        url('/css/font/S-CoreDream-7ExtraBold.woff') format('woff'),
        url('/css/font/S-CoreDream-7ExtraBold.ttf') format('truetype'),
        url('/css/font/S-CoreDream-7ExtraBold.svg#S-CoreDream-7ExtraBold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-8Heavy.eot');
    src: local(※),
        url('/css/font/S-CoreDream-8Heavy.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-8Heavy.woff2') format('woff2'),
        url('/css/font/S-CoreDream-8Heavy.woff') format('woff'),
        url('/css/font/S-CoreDream-8Heavy.ttf') format('truetype'),
        url('/css/font/S-CoreDream-8Heavy.svg#S-CoreDream-8Heavy') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'S-Core Dream';
    src: url('/css/font/S-CoreDream-9Black.eot');
    src: local(※),
        url('/css/font/S-CoreDream-9Black.eot?#iefix') format('embedded-opentype'),
        url('/css/font/S-CoreDream-9Black.woff2') format('woff2'),
        url('/css/font/S-CoreDream-9Black.woff') format('woff'),
        url('/css/font/S-CoreDream-9Black.ttf') format('truetype'),
        url('/css/font/S-CoreDream-9Black.svg#S-CoreDream-9Black') format('svg');
    font-weight: 900;
    font-style: normal;
}

@font-face {
	font-family: 'ProximaNova';
	font-weight: 700;
	font-display: swap;
	src: local('ProximaNova-bold'),
	url('/css/font/ProximaNova-bold.woff2') format('woff2'),
	url('/css/font/ProximaNova-bold.woff') format('woff');
}

@font-face {
	font-family: 'ProximaNova';
	font-weight: 400;
	font-display: swap;
	src: local('ProximaNova-Regular'),
	url('/css/font/ProximaNova-Regular.woff2') format('woff2'),
	url('/css/font/ProximaNova-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'),
	url('/css/font/Pretendard-Bold.woff2') format('woff2'),
	url('/css/font/Pretendard-Bold.woff') format('woff');
}


@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'),
	url('/css/font/Pretendard-Medium.woff2') format('woff2'),
	url('/css/font/Pretendard-Medium.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'),
	url('/css/font/Pretendard-Regular.woff2') format('woff2'),
	url('/css/font/Pretendard-Regular.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'),
	url('/css/font/Pretendard-Light.woff2') format('woff2'),
	url('/css/font/Pretendard-Light.woff') format('woff');
}

@font-face {
 font-family: 'Ng';
 src: url('/css/font/NanumGothic.eot');
 src: local(※),
  url('/css/font/NanumGothic.eot#iefix') format('embedded-opentype'), IE6-IE8
  url('/css/font/NanumGothic.woff') format('woff'),
  url('/css/font/NanumGothic.ttf') format('truetype'),
  url('/css/font/NanumGothic.svg#webfonturzspG4F') format('svg');
}
@font-face {
 font-family: 'Ngb';
 src: url('/css/font/NanumGothicBold.eot');
 src: local(※),
  url('/css/font/NanumGothicBold.eot#iefix') format('embedded-opentype'), IE6-IE8
  url('/css/font/NanumGothicBold.woff') format('woff'),
  url('/css/font/NanumGothicBold.ttf') format('truetype'),
  url('/css/font/NanumGothicBold.svg#webfonturzspG4F') format('svg');
}

/* 통합 아이콘 */
@font-face {font-family: "iconfont";
  src: url('/css/font/iconfont.eot?t=1481682779234'); /* IE9*/
  src: url('/css/font/iconfont.eot?t=1481682779234#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('/css/font/iconfont.woff?t=1481682779234') format('woff'), /* chrome, firefox */
  url('/css/font/iconfont.ttf?t=1481682779234') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('/css/font/iconfont.svg?t=1481682779234#iconfont') format('svg'); /* iOS 4.1- */
}

/* 나눔고딕 */
.fontface-Ng {font-family:'Ng';}
/* 노토산스 */
.fontface-Ns {font-family:'Noto Sans';font-weight: 400;}

.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.ftic-local:before { content: "\e600"; } /* 로컬 */
.ftic-home:before { content: "\e601"; } /* 홈 */
.ftic-home2:before { content: "\e601"; } /* 홈 */
.ftic-mypage:before { content: "\e602"; } /* 마이페이지 */
.ftic-like:before { content: "\e606"; } /* 좋아요&찜한상품 */
.ftic-like2:before { content: "\e626"; } /* 좋아요2&찜한상품2 */
.ftic-zan:before { content: "\e62e"; } /* 엄지, 좋아요 */
.ftic-cart:before { content: "\e604"; } /* 장바구니 */
.ftic-cart2:before { content: "\e63c"; } /*장바구니2*/
.ftic-fax:before { content: "\e61e"; } /* 팩스 */
.ftic-set:before { content: "\e60f"; } /* 설정 */
.ftic-del:before { content: "\e612"; } /* 삭제 */
.ftic-pc:before { content: "\e60e"; } /* PC */
.ftic-cmt:before { content: "\e617"; } /* 댓글 */
.ftic-tel:before { content: "\e61d"; } /* 전화 */
.ftic-warning:before { content: "\e61f"; } /* 경고 */
.ftic-coupon:before { content: "\e609"; } /* 쿠폰1 */
.ftic-coupon2:before { content: "\e60a"; } /* 쿠폰2 */
.ftic-write:before { content: "\e614"; }  /* 편집,쓰기 */
.ftic-search:before { content: "\e613"; } /* 검색 */
.ftic-search2:before { content: "\e637"; } /* 검색 Bold */
.ftic-close:before { content: "\e60d"; } /* 닫기 */
.ftic-coupon-list:before { content: "\e618"; } /* 쿠폰사용내역 */
.ftic-id:before { content: "\e60b"; } /* 아이디 */
.ftic-distribution:before { content: "\e608"; } /* 배송 */
.ftic-fail:before { content: "\e620"; } /* 실패 */
.ftic-intro:before { content: "\e611"; } /* 회사소개 */
.ftic-cscenter:before { content: "\e619"; } /* 고객센터 */
.ftic-member-list:before { content: "\e61a"; } /* 회원리스트 */
.ftic-lately:before { content: "\e607"; } /* 최근 본 상품 */
.ftic-watch:before { content: "\e635"; } /* 시계 */
.ftic-fund:before { content: "\e61b"; } /* 적립금 */
.ftic-faqqna:before { content: "\e60c"; } /* FAQ,QNA */
.ftic-gotop:before { content: "\e610"; } /* 위로가기 */
.ftic-qmark:before { content: "\e622"; } /* 물음표 */
.ftic-inquire:before { content: "\e61c"; } /* 1:1문의하기 */
.ftic-allmenu:before { content: "\e603"; } /* 전체메뉴,카테고리 */
.ftic-pw:before { content: "\e616"; } /* 비밀번호 */
.ftic-join:before { content: "\e615"; } /* 회원가입 */
.ftic-telfax:before { content: "\e621"; } /* 전화&팩스 */
.ftic-other:before { content: "\e605"; } /* 기타 */
.ftic-prompt:before { content: "\e623"; } /* 주의 */
.ftic-success:before { content: "\e624"; } /* 성공 */
.ftic-fenxiang:before { content: "\e62b"; } /* 공유하기1 */
.ftic-fenxiang2:before { content: "\e627"; } /* 공유하기2 */
.ftic-back:before { content: "\e62d"; } /* 이전 */
.ftic-next:before { content: "\e625"; } /* 다음 */
.ftic-next2:before { content: "\e62a"; } /* 다음2 */
.ftic-top:before { content: "\e62c"; } /* 위 */
.ftic-bottom:before { content: "\e629"; } /* 아래 */
.ftic-card:before { content: "\e628"; } /* 카드 */
.ftic-staron:before { content: "\e630"; } /* 별on */
.ftic-staroff:before { content: "\e62f"; } /* 별off */
.ftic-star05:before { content: "\e636"; } /* 반별 */
.ftic-phone:before { content: "\e631"; } /* 핸드폰 */
.ftic-login:before { content: "\e633"; } /* 등록 */
.ftic-logout:before { content: "\e632"; } /* 탈퇴 */
.ftic-calendar:before { content: "\ee634"; } /* 달력 */
.ftic-list:before { content: "\e63a"; } /* list */
.ftic-list1:before { content: "\e63b"; } /* list1 */
.ftic-list2:before { content: "\e63f"; } /* list2 */
.ftic-list3:before { content: "\e63e"; } /* list3 */
.ftic-gallery:before { content: "\e638"; } /* 겔러리 */
.ftic-Favorites:before { content: "\e639"; } /*즐겨찾기 깃발모양*/

/* Reset */
body, h1, h2, h3, h4, h5, h6,
div, p, blockquote, pre, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td,
form, fieldset, legend,
hr {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}
table {
	margin:0;
	padding:0;
	border-spacing:0;
	border:0;
	_border-collapse:collapse;
	/* font-family:'돋움', dotum; */
	font-family:"MontserratL", "Noto Sans KR", "MontserratR", "Dotum";
	font-weight: 400;
}
*+html table {border-collapse:collapse;}
img, fieldset, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
input, select, button, textarea {
	color:#222;
	font-size:100%;
	/* font-family:"Nanum Gothic", "Dotum";						2015.12.31 수정 */
	font-family:"MontserratL", "Noto Sans KR", "MontserratR", "Dotum";
	font-weight: 400;
	vertical-align:middle;
	outline:none;							/* 2015.12.31 추가 */
	-webkit-appearance:none;
}



/* Base */
html body {
	color:#222;
	font-size:15px;
	line-height:1.6rem;
	/* font-family:"Nanum Gothic", "Dotum"; 2015.12.31 추가 */
	/* font-family:"MontserratL", "Noto Sans KR", "MontserratR", "Dotum"; */
	font-family: "Noto Sans KR", "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 400;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	/*scale : 1;*/
}

hr {
	display:none
}
caption, legend,
#skipNavi {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	margin:0;
}
a {
	color:#222;
	text-decoration:none;
}
a:focus, a:hover, a:active {
	/*color:#888;*/
}
input.text,
input.pswd,
textarea.textarea {
	padding:0 0 0 5px;
	margin:0;
	border:1px solid #000;
}
label,
input.button, input.submit , input.image,
button {
	cursor:pointer;
}
textarea, pre {
	overflow:auto;
}
.hide {
	position:absolute !important;
	top:0 !important;
	left:-99999px !important;
	width:0 !important;
	height:0 !important;
	font-size:0 !important;
	line-height:0 !important;
	display:block !important;
	visibility:hidden !important;
}

/*html5*/
article, aside, dialog, footer, header, section, nav, figure, menu {
	display:block;
}
img {
	vertical-align:middle;
}
fieldset {
	display:block;
}

/*reset form style*/
input.text,
input[type='submit'],
input[type='button'],
button,
textarea.textarea,
select.select {appearance: none; -webkit-appearance: none; -moz-appearance: none;}

.grayborder {border:1px solid #eee !important;}

/*--------------------버튼18.09.27추가--------------------*/
/*작은(px)*/
.btn_ssty1 {display:inline-block; vertical-align:middle; width:60px; box-sizing:border-box; font-size:12px; line-height:36px; text-align:center; font-weight:bold; color:#000; background:#faf9f7; border:1px solid #e0e0e0; cursor:pointer;}/*가로60*/
.btn_ssty2 {display:inline-block; vertical-align:middle; width:80px; box-sizing:border-box; font-size:12px; line-height:36px; text-align:center; font-weight:bold; color:#000; background:#faf9f7; border:1px solid #e0e0e0; cursor:pointer;}/*가로80*/
.btn_ssty3 {display:inline-block; vertical-align:middle; width:100px; box-sizing:border-box; font-size:12px; line-height:36px; text-align:center; font-weight:bold; color:#000; background:#faf9f7; border:1px solid #e0e0e0; cursor:pointer;}/*가로100*/
.btn_ssty4 {display:inline-block; vertical-align:middle; width:120px; box-sizing:border-box; font-size:12px; line-height:36px; text-align:center; font-weight:bold; color:#000; background:#faf9f7; border:1px solid #e0e0e0; cursor:pointer;}/*가로120*/
.btn_ssty5 {display:inline-block; vertical-align:middle; width:140px; box-sizing:border-box; font-size:12px; line-height:36px; text-align:center; font-weight:bold; color:#000; background:#faf9f7; border:1px solid #e0e0e0; cursor:pointer;}/*가로140*/
.btn_ssty6 {display:inline-block; vertical-align:middle; width:160px; box-sizing:border-box; font-size:12px; line-height:36px; text-align:center; font-weight:bold; color:#000; background:#faf9f7; border:1px solid #e0e0e0; cursor:pointer;}/*가로160*/

/*큰(px)*/
.btn_bsty1 {display:inline-block; vertical-align:middle; width:210px; box-sizing:border-box; font-size:15px; line-height:56px; font-weight:bold; text-align:center; color:#fff; background:#92979b; cursor:pointer;}/*가로210*/

/*패딩*/
.btn_psty1 {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 10px; color:#000; font-size:12px; line-height:26px; text-align:center; font-weight:bold; background:#fff; cursor:pointer;}
.btn_psty2 {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 20px; color:#fff; font-size:15px; line-height:46px; font-weight:bold; text-align:center; background:#92979b; cursor:pointer;}
.btn_psty3 {display:inline-block; vertical-align:middle; box-sizing:border-box; padding:0 30px; color:#fff; font-size:15px; line-height:46px; font-weight:bold; text-align:center; background:#92979b; cursor:pointer;}

/*퍼센트*/
.btn_wsty1 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:10%; color:#fff; font-size:12px; line-height:2; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로10%*/
.btn_wsty2 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:20%; color:#fff; font-size:12px; line-height:2; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로20%*/
.btn_wsty3 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:30%; color:#fff; font-size:12px; line-height:2.5; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로30%*/
.btn_wsty4 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:40%; color:#fff; font-size:12px; line-height:2.5; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로40%*/
.btn_wsty5 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:50%; color:#fff; font-size:12px; line-height:2.5; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로50%*/
.btn_wsty6 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:60%; color:#fff; font-size:12px; line-height:2.5; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로60%*/
.btn_wsty7 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:70%; color:#fff; font-size:12px; line-height:2.5; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로70%*/
.btn_wsty8 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:80%; color:#fff; font-size:12px; line-height:3; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로80%*/
.btn_wsty9 {display:inline-block; vertical-align:middle; box-sizing:border-box; width:90%; color:#fff; font-size:12px; line-height:3; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로90%*/
.btn_wsty10 {display:block; box-sizing:border-box; width:100%; color:#fff; font-size:12px; line-height:3; text-align:center; font-weight:bold; background:#92979b; cursor:pointer;}/*가로100%*/



/*배경*/
.bgwhite {background:#fff;}
.bgblack {background:#000;}
.bgred {background:#f00;}
.bgblue {background:#00f;}

.bg2196f3 {background:#2196F3;}/*관리자연한파란버튼색*/
.bg418db {background:#4181db;}/*관리자진한파란버튼색*/
.bg5e0d8b {background:#5E0D8B;}/*관리자보라버튼색*/
.bgf0 {background:#f0f0f0;}/*데모연한회색버튼색*/
.bgd5 {background:#d5d5d5;}/*데모중간회색버튼색*/
.bg92979b {background:#92979b;}/*데모진한회색버튼색*/

/*컬러*/
.clrwhite {color:#fff;}
.clrblack {color:#000;}

/*보더*/
.btn_bd5 {border-radius:5px;}
.btn_bd10 {border-radius:10px;}
.btn_bd15 {border-radius:15px;}
.btn_bd20 {border-radius:20px;}
.btn_bd50 {border-radius:50%;}
.btn_bdsty1 {border:1px solid #000;}
.btn_bdsty2 {border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2;}

/*그림자*/
.btn_sd1 {text-align:center; -webkit-box-shadow:0 0 10px rgba(0,0,0,.3); -moz-box-shadow:0 0 10px rgba(0,0,0,.3); box-shadow:0 0 10px rgba(0,0,0,.3);}
.btn_sd2 {text-align:center; -webkit-box-shadow:1px 2px 5px rgba(0,0,0,.3); -moz-box-shadow:1px 2px 5px rgba(0,0,0,.3); box-shadow:1px 2px 5px rgba(0,0,0,.3);}
.btn_sd3 {text-align:center; -webkit-box-shadow:0 0 15px rgba(0,0,0,.2); -moz-box-shadow:0 0 15px rgba(0,0,0,.2); box-shadow:0 0 10px rgba(0,0,0,.2);}

/*사이즈*/
.btn_size1 {}

/*패딩*/
.btn_pd5 {padding:5px;}
.btn_pd10 {padding:10px;}
.btn_pd15 {padding:15px;}
.btn_pd20 {padding:20px;}

/*디스플레이*/
.btn_dp1 {display:inline-block;}
.btn_dp2 {display:block;}

/*진하게*/
.fw_bold {font-weight:bold;}

.anchorCover {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index:1;}
.prc_wrap .mkprc {color: #777;  text-decoration: line-through;  font-size: 14px; margin-bottom: 2px;}




/*--------------------버튼--------------------*/