@charset "UTF-8";

/**
 * 공통 스타일 선언 css 입니다.
 */

/**/
.fcWhite,
.fcWhite > a,
.fcWhite a{color:#fff !important}

/* 공통 스타일 */
.divide-bar {
	vertical-align: middle;
	width: 1px;
	height: 10px;
	display: inline-block;
	background: #cdcdcd;
	margin: 0 10px;
}
.clear-both{ clear: both }
.c-black {color: #111;}
.c-red {color: #111111 !important; }
.c-blue {color: #329cff !important; }
.c-gray {color: #acacac !important; }
.fz10 {font-size: 10px;}
.fz11 {font-size: 11px;}
.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz16 {font-size: 16px;}
.fz20 {font-size: 20px;}
.fz24 {font-size: 24px;}
.clear {
	zoom: 1;
}
.clear:after {
	display: block;
	content: '';
	clear: both;
}
.textbox {
	border: 1px solid #cecece;
	padding: 16px;
}
.va-m {
	vertical-align: middle;
}
.ta-r {
	text-align: right;
}
.ta-l {
	text-align: left;
}
.ta-c {
	text-align: center;
}
.m0 {margin-top:0px !important;}
.m1 {margin-top:10px !important;}
.m2 {margin-top:20px !important;}
.m3 {margin-top:30px !important;}
.m4 {margin-top:40px !important;}
.m5 {margin-top:50px !important;}
.m6 {margin-top:60px !important;}
.m7 {margin-top:70px !important;}
.m8 {margin-top:80px !important;}

.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}

.mb0{margin-bottom:0px !important}
.mb5{margin-bottom:5px !important}
.mb10{margin-bottom:10px !important}
.mb15{margin-bottom:15px !important}
.mb20{margin-bottom:20px !important}
.mb25{margin-bottom:25px !important}
.mb30{margin-bottom:30px !important}
.mb35{margin-bottom:35px !important}
.mb40{margin-bottom:40px !important}
.mb45{margin-bottom:45px !important}
.mb50{margin-bottom:50px !important}
.mb55{margin-bottom:55px !important}
.mb60{margin-bottom:60px !important}
.mb65{margin-bottom:65px !important}

.pt5{padding-top:5px !important}
.pt0{padding-top:0px !important}
.pt10{padding-top:10px !important}
.pt15{padding-top:15px !important}
.pt20{padding-top:20px !important}
.pt25{padding-top:25px !important}
.pt30{padding-top:30px !important}
.pt35{padding-top:35px !important}
.pt40{padding-top:40px !important}
.pt45{padding-top:45px !important}
.pt50{padding-top:50px !important}
.pt55{padding-top:55px !important}
.pt60{padding-top:60px !important}
.pt65{padding-top:65px !important}

.pb0{padding-bottom:0px !important}
.pb5{padding-bottom:5px !important}
.pb10{padding-bottom:10px !important}
.pb15{padding-bottom:15px !important}
.pb20{padding-bottom:20px !important}
.pb25{padding-bottom:25px !important}
.pb30{padding-bottom:30px !important}
.pb35{padding-bottom:35px !important}
.pb40{padding-bottom:40px !important}
.pb45{padding-bottom:45px !important}
.pb50{padding-bottom:50px !important}
.pb55{padding-bottom:55px !important}
.pb60{padding-bottom:60px !important}
.pb65{padding-bottom:65px !important}




.w100,
.wp100 {
	width: 100% !important;
}
.wauto {
	width: auto !important;
}
.input-text input {
	height: 31px;
	padding: 0 5px;
	border: 1px solid #d6d6d6;
	color: #a9a9a9;
	line-height: 31px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.textarea textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #d6d6d6;
	color: #a9a9a9;
}
.check-list .check-item {
	float: left;
	width:49% !important;
}
.check-list .check-item input[type=checkbox] {
	vertical-align: middle;
	margin: 0 4px 0 0;
}
.check-list .check-item + .check-item input[type=checkbox] {
	_margin: 0 0 0 30px;
}
.check-list .row {
	overflow: hidden;
}
.check-list .row + .row {
	margin: 10px 0 0;
}
.pos-r {
	position: relative;
}

.pre {
	white-space: pre-line;
}

.td-u {
	text-decoration: underline;
}

input.radio {
	width:13px;
	height:13px;
	vertical-align:top;
}
input.text,
input.password,
input.edit {
	padding:0 5px;
	outline:none;
	font-size:12px;
}
input.text.field-b {
	width:100%;
	height:31px;
	padding:0 10px;
	background:#fff;
	border:1px solid #d0d0d0;
}
input.text.field-s {
	width:100%;
	height:26px;
	padding:0 10px;
	background:#fff;
	border:1px solid #d0d0d0;
}
input.checkbox {
	width:13px;
	height:13px;
	vertical-align:top;
}
input.image {
	vertical-align:top;
	border:none;
	cursor:pointer;
}
input.button {
	border:none;
	background:none;
	cursor:pointer;
}
input.submit {
	cursor:pointer;
	vertical-align:top;
	font-size:100%;
}
.hidden {
	overflow:hidden;
	position:absolute;
	top:-9999px;
	left:-9999px;
	visibility:hidden;
	width:0;
	height:0;
	margin:0;
	font-size:0;
	text-indent:-9999px;
	line-height:0;
	z-index:-9999;
}
.text-notover {
	display:block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dn {
	display:none !important;
}
.db {
	display:block !important;
}
.oh {
	overflow:hidden !important;
}
.oh-space {
	overflow:hidden !important;
	margin:0 17px 0 0;
}
.va-t {
	vertical-align:top;
}
.btn-justify {
	overflow:hidden;
	margin:20px 0 0;
}
.btn-justify > div {
	float:right;
	font-size:0;
}
.btn-justify > div:first-child {
	float:left;
}
.btn-justify > div:first-child .btn-a3-bd {
	margin-right:10px;
}

/*
	꾸민 셀렉트 정의
*/
.st-hs {
	text-align:left;
}
.st-hs .select2-container {
	margin:0;
}
.st-hs .select2-container .select2-selection--single {
	height:28px;
}
.st-hs .select2-container--default .select2-selection--single {
	border:1px solid #ccc;
	border-radius:0;
}
.st-hs .select2-container--default .select2-selection--single .select2-selection__arrow {
	width:20px;
	height:26px;
}
.st-hs .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height:24px;
}
.st-hs .select2-container--default .select2-selection--single .select2-selection__arrow b {
	top:10px;
}

/*
	꾸민 셀렉트 재정의
*/
.chosen-container {
	font-size: 12px;
}
.chosen-container .chosen-drop {
	border: 1px solid #ccc;
	border-radius: 0;
	box-sizing: border-box;
	box-shadow: none;
}
.chosen-container-single .chosen-single {
	height: 28px;
	border: 1px solid #ccc;
	line-height: 27px;
	margin: 0 !important;
	background: none;
}
.chosen-container-single .chosen-sch {
	height: 35px;
	border: 1px solid #ccc;
	line-height: 27px;
	margin: 0 !important;
	background: none;
}
.chosen-container-single .chosen-search input[type="text"] {
	border: 1px solid #ccc;
}
.chosen-container-single .chosen-drop {
	margin-top: -1px;
	border-radius: 0;
	padding: 5px 0;
}
.chosen-container .chosen-results {
	margin: 0;
	padding: 0;
}
.chosen-container .chosen-results li {
	padding: 5px 6px !important;
}
.chosen-container .chosen-results li.active-result {
	display: list-item !important;
}
.chosen-container .chosen-results li.highlighted {
	background-color: #e9e9e9;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #efefef), color-stop(90%, #e9e9e9));
	background-image: -webkit-linear-gradient(#efefef 20%, #e9e9e9 90%);
	background-image: -moz-linear-gradient(#efefef 20%, #e9e9e9 90%);
	background-image: -o-linear-gradient(#efefef 20%, #e9e9e9 90%);
	background-image: linear-gradient(#efefef 20%, #e9e9e9 90%);
}
.chosen-container-single .chosen-single div b {
	background:url('../img/etc/select-arrow-down-11x7.png') no-repeat left 50%;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
	background:url('../img/etc/select-arrow-up-11x7.png') no-repeat left 50%;
}
.chosen-container-multi .chosen-choices {
	border: 1px solid #ccc;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
	background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
	background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
	cursor: text;
}
.chosen-container-multi .chosen-choices li.search-choice {
	border: 1px solid #ccc;
	border-radius: 0;
	box-shadow: none;
}
.chosen-container-active .chosen-single {
	border: 1px solid #b7b7b7;
}
.chosen-container-active.chosen-with-drop .chosen-single {
	border: 1px solid #ccc;
}
.chosen-container-active .chosen-choices {
	border: 1px solid #b7b7b7;
}

/*
	게시판 페이징
*/
.board-paging {
	padding:20px 0 0;
	text-align:center;
}
.board-paging a {
	display:inline-block;
	height:21px;
	padding:4px 10px 0;
	border:1px solid #fff;
	text-align:center;
	vertical-align:middle;
}
.board-paging .btn {
	width:27px;
	height:17px;
	padding:10px 0 0;
	border:1px solid #e0e0e0;
	text-align:center;
	vertical-align:middle;
}
.board-paging .this {
	border:1px solid #111111;
	color:#111111;
}

/*
	파일첨부 버튼 꾸미기
*/
div.file-upload {
	overflow:hidden;
	width:100%;
}
div.file-upload label {
	float:left;
}
div.file-upload label input.text {
	width:280px;
	height:26px;
	padding:0 15px;
	border:1px solid #ccc;
	line-height:26px;
}
div.file-upload div.upload-btn {
	overflow:hidden;
	position:relative;
	float:left;
	padding-left:6px;
}
div.file-upload div.upload-btn .btn-db-bd em {
	width:40px;
}
div.file-upload div.upload-btn input.file {
	position:absolute;
	top:0;
	right:56px;
	height:25px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
	-khtml-opacity:0;
	-moz-opacity:0;
}

/*
	레이어 호출시 딤처리
*/
#layerDim {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:50;
	background:#000;
	opacity:0.3;
	filter:alpha(opacity=30);
}

/*
	서브 네비게이션
*/
.location {
	height:40px;
	background:#f9f9f9;
	border-bottom:1px solid #ececec;
	position:relative;
	z-index:23;
}
.location h2 {float:left; padding:7px 20px; }
.location:after {
	content:"";
	display:block;
	clear:both;
}
.location .locationInner {
	float:right;
	margin-top:8px;
	margin-right:20px;
}
.location > span,
.location > .locationInner > span{
	float:left;
	padding:3px 0 0;
	color:#535353;
}
.location .navi {
	float:left;
	margin:0 0 0 10px;
	padding:0 0 0 14px;
	background:url('../img/etc/step-5x9-8f.png') no-repeat left 8px;
}
.location .navi .this {
	position:relative;
	z-index:1;
	border:1px solid #ccc;
	letter-spacing:-1px;
	background:#fff;
	
}
.location .navi .this div {
	display:none;
	position:absolute;
	left:-1px;
	top:21px;
	width:100%;
	min-width:146px;
	padding:6px 0;
	background:#fff;
	border:1px solid #111111;
}
.location .navi .this div a {
	display:block;
	height:20px;
	padding:2px 0 0 8px;
}
.location .navi .this div a:hover {
	background:#111111;
	color:#fff;
}
.location .navi .this > a {
	display:inline-block;
	min-width:115px;
	height:20px;
	padding:1px 23px 0 8px;
	background:url('../img/etc/loc-hide.png') no-repeat right 8px;
	color:#535353;
}
.location .navi .this:hover {
	position:relative;
	border:1px solid #111111;
}
.location .navi .this:hover > a {
	background:url('../img/etc/loc-show.png') no-repeat right 8px;
	color:#111111;
}
.location .navi .this:hover > div {
	display:block;
}

/*
	이동 경로
*/
#route {
	height:40px;
	background:#f9f9f9;
	border-bottom:1px solid #ededed;
}
#route div {
	padding:11px 10px 0 0;
	text-align:right;
}
#route div span {
	padding:0 8px 0 11px;
	background:url('../img/icon/route-arrow.png') no-repeat left 5px;
	color:#777;
	font-size:11px;
}
#route div span a {
	color:#777;
}
#route div span:first-child {
	background:none;
}

/*
	체크박스 라디오버튼 스타일
*/
.form-element {
	position:relative;
}
span.form-element {
	display:inline-block;
}
.form-element label {
	position:relative;
	top:0;
	left:0;
	display:inline-block;
	min-width:20px;
	min-height:20px;
	padding:0 0 0 27px;
	background:#fff url('../img/etc/check-off.png') no-repeat 1px top;
}
.form-element label:hover {
	background:#fff url('../img/etc/check-ov.png') no-repeat 1px top;
}
.form-element label.on {
	background:#fff url('../img/etc/check-on.png') no-repeat 1px top;
}
.form-element label.choice {
	background:#fff url('../img/etc/radio-off.png') no-repeat 1px 50%;
}
.form-element label.choice:hover {
	background:#fff url('../img/etc/radio-ov.png') no-repeat 1px 50%;
}
.form-element label.choice.on {
	background:#fff url('../img/etc/radio-on.png') no-repeat 1px 50%;
}
.form-element label.check-s {
	min-width:13px;
	padding:0 0 0 22px;
	background:url('../img/etc/check-off-s.png') no-repeat 1px 2px;
}
.form-element label.check-s:hover {
	background: url('../img/etc/check-ov-s.png') no-repeat 1px 2px;
}
.form-element label.check-s.on {
	background:url('../img/etc/check-on-s.png') no-repeat 1px 2px;
}
.form-element label.check-s.none-txt{
	padding:0 0 0 18px;
	box-sizing: border-box;
}
.form-element label.choice-s {
	min-width:13px;
	padding:0 0 0 22px;
	background:#fff url('../img/etc/radio-off-s.png') no-repeat 1px 50%;
}
.form-element label.choice-s:hover {
	background:#fff url('../img/etc/radio-ov-s.png') no-repeat 1px 50%;
}
.form-element label.choice-s.on {
	background:#fff url('../img/etc/radio-on-s.png') no-repeat 1px 50%;
}
.form-element label.single {
	width: 21px;
	height: 21px;
	padding: 1px 0 0;
	background-color:transparent;
	text-indent: -9999px;
}
.form-element label.single:hover {
	background-color:transparent;
}
.form-element label span {
	color:#979797;
}
.form-element label img {
	vertical-align:middle;
}
.form-element input {
	position:absolute;
	top:2px;
	left:1px;
	z-index:-1;
}

/*
	평점 (별)
*/
.rating-s {
	display:inline-block;
	width:66px;
	height:11px;
	background:url('../img/etc/star-bg.png') no-repeat left top;
	vertical-align:-2px;
	text-indent:-9999px;
}
.rating-s span {
	display:block;
	height:11px;
	background:url('../img/etc/star-fill.png') no-repeat left top;
}


/*
	텍스트 필드
*/
.txt-field {
	position:relative;
	width:auto;
	height:33px;
	padding:0 10px;
	background:#fff;
	border:1px solid #d0d0d0;
	border-radius: 4px;
}
span.txt-field {
	display:inline-block;
}
.txt-field label {
	position:absolute;
	top:8px;
	left:11px;
	color:#444;
	cursor:text;
}
.txt-field .text {
	width:100%;
	height:31px;
	padding:0;
	border:1px solid #fff;
	color:#444;
	line-height:31px;
}
.txt-field .keyword {
	width:100%;
	height:31px;
	padding:0;
	border:1px solid #fff;
	color:#444;
	line-height:28px;
}
.money {
	text-align:right;
	padding-right:1px !important;/* IE9 에서 우측 정렬일때 커서가 보이지 않음 */
}
.txt-field.hs {
	height:26px;
}
.txt-field.hs .text {
	width:100%;
	height:24px;
	padding:0;
	border:1px solid #fff;
	color:#979797;
	line-height:24px;
}
.txt-field.hs label {
	position:absolute;
	top:4px !important;
	left:11px;
	color:#979797;
}
.txt-field.error {
	border:1px solid #111111;
}
.txt-field .accept {
	float:right;
	width:14px;
	height:100%;
	background:url('../img/etc/accept.png') no-repeat left 50%;
	vertical-align:middle;
}

/*
	상단 스탭형 타이틀
*/
.step-top {
	overflow:hidden;
	padding:0px 0 30px 0;
	border-bottom:1px solid #dbdbdb;
}
.step-top.none-btm-bd {
	border:none;
}
.step-top h2 {
	float:left;
	padding:0 0 0 3px;
	color:#111;
	font-size:24px;
}
.step-top div {
	float:right;
	padding:10px 0 0;
}
.step-top div span {
	margin:0 12px 0 0;
	padding:0 27px 0 0;
	background:url('../img/etc/join-step.png') no-repeat right 7px;
	color:#bdbcbc;
	font-size:16px;
}
.step-top div span.this {
	background:url('../img/etc/join-step-this.png') no-repeat right 7px;
	color:#111111;
	font-weight:bold;
}
.step-top div span.this strong {}
.step-top div span.end {
	margin:0;
	padding:0;
	background:none;
}

/* 주의 메세지 */
.caution-msg1 {
	min-height:17px;
	margin:15px 0 0;
	padding:0 0 0 19px;
	background:#fff url('../img/icon/caution-1.png') no-repeat left 4px;
	color:#111111;
	line-height:20px;
}
.caution-msg1 span {
	color:#999;
}
.caution-msg2 {
	min-height:17px;
	margin:15px 0 0;
	padding:0 0 0 19px;
	background:#fff url('../img/icon/caution-2.png') no-repeat left 4px;
	color:#999;
	line-height:20px;
}

/*
	센터정렬 레이어
*/
.layer-wrap {
	position:fixed;
	left:0;
	top:0;
	z-index:100;
	overflow-y:auto;
	width:100%;
	height:100%;
}
.layer-wrap .box {
	background:#fff;
	border:2px solid #555;
}
.layer-wrap .box .view {
	position:relative;
	margin:14px 20px;
}
.layer-wrap .box .view h2 {
	padding:0 0 13px;
	border-bottom:1px solid #717171;
	color:#000;
	font-size:18px;
}
.layer-wrap .box .view h2.none-bd {
	border:none;
}
.layer-wrap .box .view .tit {
	overflow:hidden;
	padding:20px 10px 10px;
}
.layer-wrap .box .view .tit h3 {
	float:left;
	padding:6px 0 0;
}
.layer-wrap .box .view .tit .skinbtn {
	float:right;
}
.layer-wrap .box .view .table1 {
	padding:0 10px;
}
.layer-wrap .box .view > .btn,
.layer-wrap .box .view > form > .btn {
	padding:30px 0 0;
	font-size:0;
	text-align:center;
}
.layer-wrap .box .view > .btn.top-line,
.layer-wrap .box .view > form > .btn.top-line {
	margin:20px 0 0;
	border-top:1px solid #e6e6e6;
}
.layer-wrap .box .view .close {
	display:block;
	position:absolute;
	top:6px;
	right:0;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url('../img/btn/layer-close.png') no-repeat left top;
}
.layer-wrap .box .layer-cart-btn {
	padding-left:10px;
}
.layer-wrap .scroll-box  {
	overflow-x:hidden;
	overflow-y:auto;
}

/*
	고정좌표 레이어
*/
.fix-layer-wrap {
	position:absolute;
	background:#fff;
	border:1px solid #555;
}
.fix-layer-wrap .box {
	position:relative;
}
.fix-layer-wrap .box > strong {
	display:block;
	height:27px;
	padding:13px 0 0 17px;
	background:#f4f4f4;
	color:#222;
}
.fix-layer-wrap .box > .view {
	padding:20px;
}
.fix-layer-wrap .box .close {
	display:block;
	position:absolute;
	top:11px;
	right:12px;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url('../img/btn/layer-close.png') no-repeat left top;
}
/*
	팁 레이어
*/
.tip-layer {
	position:absolute !important;
	z-index:5;
	width:auto !important;
	height:auto !important;
	padding:0 18px !important;
	background:#fff !important;
	border:1px solid #111111 !important;
}
.tip-layer div {
	position:relative;
}
.tip-layer div * {
	line-height:16px !important;
}
.tip-layer div strong {
	display:block;
	padding:15px 0 8px;
	color:#111111;
	border-bottom:1px solid #e8e8e8;
}
.tip-layer div p {
	padding:13px 0 18px;
	font-size:11px;
}
.tip-layer div ol {
	padding:13px 0 20px;
	font-size:11px;
}
.tip-layer div ol li {
	padding:0 !important;
}
.tip-layer div .pointer {
	position:absolute;
	top:-7px;
	left:45px;
	width:11px;
	height:7px;
	background:url('../img/etc/layer-pointer-top.png') no-repeat left top;
}
.goods-qty {
	display:inline-block;
	vertical-align:middle;
}
.goods-qty .text {
	float:left;
	width:43px;
	height:31px;
	border:1px solid #ccc;
	color:#3f3f3f;
	line-height:31px;
	text-align:center;
}
.goods-qty span {
	float:left;
	margin:0 0 0 -1px;
}
.goods-qty span button {
	display:block;
	width:23px;
	height:17px;
	text-indent:-9999px;
}
.goods-qty span button.up {
	background:url('../img/btn/count-up.png') no-repeat left top;
}
.goods-qty span button.down {
	margin:-1px 0 0;
	background:url('../img/btn/count-down.png') no-repeat left top;
}
/* 스킨 버튼 정의 */
.skinbtn {
	display: inline-block;

	height:40px;
	padding:0 5px;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	cursor: pointer;
	font-size:12px;
border-radius: 4px;
}
.skinbtn + .skinbtn {
	margin:0 0 0 10px;
}
.skinbtn.common {
	width:149px;
	height:50px;
	line-height:48px;
}
.skinbtn * {
	font-size:100%;
}
.skinbtn img {
	vertical-align:middle;
}
.skinbtn.point1 {
	border:1px solid #df3d3d;
	color:#df3d3d;
}

.skinbtn.point1.cart-orderselect {
	font-size:14px;
}
.skinbtn.point2 {
	background:#df3d3d;
	border: 1px solid #df3d3d;
	color:#fff;
	font-weight:bold;
}

.skinbtn.point2.cart-orderall {
	font-size:14px;
}
.skinbtn.base1 {
	background:#c7c7c7;
	border:1px solid #c7c7c7;
	color:#fff;
}
.skinbtn.base1:hover {
	background:#979797;
	border:1px solid #979797;
}
.skinbtn.base2 {
	background:#979797;
	border:1px solid #979797;
	color:#fff;
}
.skinbtn.base2:hover {
	background:#626262;
	border:1px solid #626262;
}
.skinbtn.base3 {
	background:#df3d3d;
	border:#df3d3d;
	color:#fff;
}
.skinbtn.base3:hover {
	background:#444444;
	border:1px solid #444444;
}
.skinbtn.default {
	border:1px solid #a3a3a3;
	color:#666;
}
.skinbtn.default:hover {
	border:1px solid #444444;
	color:#222;
}
.normal-btn {
	display: inline-block;

	width:auto;
	padding:0 10px !important;
	border:1px solid #ccc;
	color:#222;
	text-align: center;
	vertical-align: top;
	box-sizing: border-box;
	cursor: pointer;
	background:#fff;
	font-weight:800;
	box-shadow: 1px 1px 1px rgba(0,0,0,.1);
	border-radius:5px;
	min-width:100px;
}
.normal-btn.small1 {
	height:24px;
	background:url('../img/etc/btn-small1-bg.png') repeat-x left top;
	font-size:11px !important;
	line-height:22px;
}
.normal-btn.small1  i{
	transform:scale(1.4);
	margin-right:4px;
}
.normal-btn.small1:hover {
	background:#f8f8f8;
	border:1px solid #dbdbdb;
}
.normal-btn.small2 {
	height:28px;
	font-size:12px !important;
	line-height:26px;
}
.normal-btn.small2:hover {
	background:#fff;
	border:1px solid #cccccc;
}
.normal-btn.small3 {
	height:35px;
	border:1px solid #dbdbdb;
	font-size:12px !important;
	line-height:33px;
}
.normal-btn.small3:hover {
	background:#f8f8f8;
	border:1px solid #dbdbdb;
}
.normal-btn img {
	margin:0 0 0 5px;
	vertical-align:middle;
}
/* 비회원 개인정보 수집 동의 시작 */
.info-collection-agree {
	clear:left;
	float:left;
	width:100%;
	padding:7px 0 0;
}
.info-collection-agree label:hover,
.info-collection-agree label {
	position:static !important;
	background-color:transparent;
	color:#333 !important;
	cursor:pointer !important;
}
.info-collection-agree a {
	color:#111111;
	text-decoration:underline;
}
/* 비회원 개인정보 수집 동의 끝 */

/* 시스템 팝업 시작 */
.sys-pop {
	position:absolute;
	padding:10px 10px 0px;
	border:2px solid #727071;
	background:#fff;
}
.sys-pop .box {
	position:relative;
	padding:38px 0 0;
}
.sys-pop .box .close {
	display:block;
	position:absolute;
	top:6px;
	right:0;
	width:18px;
	height:18px;
	text-indent:-9999px;
	background:url(../img/btn/layer-close.png) no-repeat left top;
}
.sys-pop .box .view {
	border:1px solid #dbdbdb;
}
.sys-pop .box .check {
	padding:9px 0;
	text-align:right;
}
.sys-pop .box .check label {
	padding:0 22px 0 0;
	background-position:right 2px;
}
.sys-pop .box .check input {
	left:auto;
	right:1px;
	top:1px;
}
/* 시스템 팝업 끝 */


/*반응형 공동 스타일*/
.clearFix:after {
	content:"";
	display:block;
	clear:both;
}
.container-fluid{
	width:100%;
}
.container-inner{
	margin:0 auto;
	width:100% !important;
	max-width:1500px;
	min-width:1380px;
}

@media(max-width:1400px){
	.head .container-inner{
		box-sizing:border-box;
	}
}


/*css3 버튼 스타일*/

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
  background: #fff;
border-radius: 4px ;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  z-index:3;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #00C6ED;
  border-radius: 4px ;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
border-radius: 3px;
}

.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #0071bf;
  border-radius:4px ;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in.cart-in {
	background: #ff7676;
}
.hvr-rectangle-in.cart-in:before{
	background:#df3d3d;
}
.hvr-rectangle-in.cart-in2 {
	background: #ff7676;
}
.hvr-rectangle-in.cart-in2:before{
	background:#df3d3d;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/**/
.hvr-rectangle-in-white {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #0071bf;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
border-radius: 3px;
}

.hvr-rectangle-in-white:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
border-radius: 3px;
}
.hvr-rectangle-in-white:hover:before, .hvr-rectangle-in-white:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}


/**/
.hvr-rectangle-in-gray {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  background: #0071bf;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s; 
border-radius: 3px;
}

.hvr-rectangle-in-gray:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f1f1f1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
border-radius: 3px;
}
.hvr-rectangle-in-gray:hover:before, .hvr-rectangle-in-gray:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

#em4{font-size: 5em;}


p.hr {padding:10px 0px 0px 0px; margin:0px 0px 10px 0px; border-bottom:1px solid #555; height:1px; overflow:hidden;}

/*리스트 형태*/
.productRange {

}
.productRange .list-style-tab{
	float:left;
}
.productRange .list-style-tab > li {
	float:left;
	margin:0;
	margin-right:5px;
}
.pro-list-type-tab{
}
.pro-list-type-tab label{
	float:left;
}
input.radio-svg + label svg{
	width:20px;
	vertical-align:middle;
}
.productRange .list-style-tab > li > a {
	display:block;
	padding:5px 20px;
	border:1px solid #ddd;
	background:#f1f1f1;
}
.productRange .list-style-tab > li.active > a {
	background:#df3d3d;
	border:1px solid #df3d3d;
	color:#fff;
border-radius: 5px;
}
.type-tab-list {
	position:relative;
	padding-top:0px;
}
.type-tab-list table{
	border-top:1px solid #333;
	border-spacing:0;
	border-right:1px solid #ddd;
border-radius: 5px;
}
.type-tab-list table > tr > th,
.type-tab-list table > thead > tr > th{
	font-weight:bold;
	padding:10px 5px;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	font-size:14px;
}
.type-tab-list table > tr > td,
.type-tab-list table > tbody > tr > td{
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	text-align:center;
	padding:3px 10px;
	text-align:left;
	font-size:13px;
}
.type-tab-list table > tbody > tr > td .tooltip br{display:none;}
.type-tab-list .price-inner{
	margin:0px;
	width:auto;
}

.list-area-box{
	position:relative !important;
	padding-top:60px !important;
}
.list-area-box .productRange{
	background:rgba(228,228,228,.8);
	position:absolute;
	/*padding-bottom:10px;*/
	top:0;
	left:0;
	width:100%;
border-radius: 8px;
margin-top: 20px;
	z-index:22;
}


/*테이블 스타일 */
div.table-style01 > table{
	border-spacing: 0px;
	border-collapse: separate;
	border:0;
	border-top:2px solid #333;
}
div.table-style01 > table > thead > tr > th,
div.table-style01 > table > tr > th,
div.table-style01 > table > tbody > tr > th{
	border:0;
	border-bottom:1px solid #dbdbdb;
	padding:10px;
}

div.table-style01 > table > thead > tr > td,
div.table-style01 > table > tbody > tr > td,
div.table-style01 > table > tr > td{
	border:0;
	border-left:1px solid #dbdbdb;
	border-bottom:1px solid #ddd;
	padding:10px;
}
div.table-style01 > table > thead > tr > th:first-child,
div.table-style01 > table > tr > th:first-child,
div.table-style01 > table > thead > tr > td:first-child,
div.table-style01 > table > tbody > tr > td:first-child,
div.table-style01 > table > tr > td:first-child{
	border-left:0;
}

div.table-style01 .detail.js-detail td {
	padding:0 !important;
	border-bottom:0;
}

input.radio-svg {
  display: none;
}
input.radio-svg + label svg {
  height: 16px;
}
input.radio-svg + label svg .outer {
  transition: fill 0.3s ease-in-out 0.3s;
  fill: #bdbdbd;
}
input.radio-svg + label svg .inner {
  fill: #ffffff;
  transition: r 0.3s ease-in-out 0.3s;
  r: 28px;
}
input.radio-svg + label:hover svg .outer {
  fill: #9e9e9e;
}
input.radio-svg + label:hover svg .inner {
  r: 17px;
}
input.radio-svg:checked + label svg .outer {
  transition: fill 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  fill: #2196f3;
}
input.radio-svg:checked + label svg .inner {
  transition: r 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  r: 14px;
}


/*2024 추가 table style*/
.table_new{}
.table_new > table{
	width:100%;
	border-collapse: collapse;
}

.table_new > table > tr > th,
.table_new > table > thead > tr > th,
.table_new > table > tbody > tr > th{
	background:#dbdcdc;
	font-size:15px;
	padding:10px;
}
.table_new > table > tr > th:first-child,
.table_new > table > thead > tr > th:first-child,
.table_new > table > tbody > tr > th:first-child{
	border-radius:8px 0 0 8px;
}
.table_new > table > tr > th:last-child,
.table_new > table > thead > tr > th:last-child,
.table_new > table > tbody > tr > th:last-child{
	border-radius:0 8px 8px 0;
}


.table_new > table > tr > td,
.table_new > table > thead > tr > td,
.table_new > table > tbody > tr > td{
	border:1px solid #ddd;
	border-top:0;
	padding:20px 10px;
}
.table_new > table td:nth-child(1),
.table_new > table td.bl_none{
	border-left:0;
}
.table_new > table td:last-child{
	border-right:0;
}
.table_new.line_none table td{
	border:0 !important;
}
.table_new.board-write table{
	border-top:1px solid #ddd;
}
.table_new.board-write table th{
	border-radius:8px;
	border-bottom:1px solid #fff;
}
.table_new.board-write table td{
	border:0;
	border-bottom:1px solid #ddd;
}


/**/
.ordernum .order_date{
	font-size:16px;
	color:#999;
}
.ordernum .order_nm{
	font-size:16px;
	color:#999;
}
.ordernum .order_nm a{
	color:#0071bf;
}
.ordernum .order_desc{
	font-size:15px;
	color:#888;
	margin-bottom:15px;
}
.order-title .order_productinfo{
	display:flex;
	align-items: center;
}
.order-title .order_productinfo .img{
	margin-right:15px;
}
.order-title .order_productinfo .img img{
	width:120px;
}
.goods-board .order-title{
	border-right:0;
}
.goods-board .order-title .goods-name a > text:first-child{
	display:block;
}
.goods-board .order-title .order_productinfo .goods-name a{
	font-size:15px;
}
.goods-board .order-price-ea{
	border-left:0;
	font-size:16px;
}
.goods-board .order-price-sum{
	text-align:center;
	font-size:16px;
	font-weight:600;
}
.goods-board .order-price-sum{
	border-right:0;
}
.goods-board .order-status{
	border-left:0;
	font-size:16px;
	font-weight:600;
}

/*버튼스타일*/



/*폰트사이즈*/
/*�고듃 �ъ씠利� rem*/
.fs10{font-size:10px !important;}
.fs11{font-size:11px !important;}
.fs12{font-size:12px !important;}
.fs13{font-size:13px !important;}
.fs14{font-size:14px !important;}
.fs15{font-size:15px !important;}
.fs16{font-size:16px !important;}
.fs17{font-size:17px !important;}
.fs18{font-size:18px !important;}
.fs19{font-size:19px !important;}
.fs20{font-size:20px !important;}
.fs21{font-size:21px !important;}
.fs22{font-size:22px !important;}
.fs23{font-size:23px !important;}
.fs24{font-size:24px !important;}
.fs25{font-size:25px !important;}
.fs26{font-size:26px !important;}
.fs27{font-size:27px !important;}
.fs28{font-size:28px !important;}
.fs29{font-size:29px !important;}
.fs30{font-size:30px !important;}
.fs31{font-size:31px !important;}
.fs32{font-size:32px !important;}
.fs33{font-size:33px !important;}
.fs34{font-size:34px !important;}
.fs35{font-size:35px !important;}
.fs36{font-size:36px !important;}
.fs37{font-size:37px !important;}
.fs38{font-size:38px !important;}
.fs39{font-size:39px !important;}
.fs40{font-size:40px !important;}
.fs41{font-size:41px !important;}
.fs42{font-size:42px !important;}
.fs43{font-size:43px !important;}
.fs44{font-size:44px !important;}
.fs45{font-size:45px !important;}
.fs46{font-size:46px !important;}
.fs47{font-size:47px !important;}
.fs48{font-size:48px !important;}
.fs49{font-size:49px !important;}
.fs50{font-size:50px !important;}
.fs60{font-size:60px !important;}
.fs70{font-size:70px !important;}
.fs80{font-size:80px !important;}
.fs90{font-size:90px !important;}
.fs100{font-size:100px !important;}

.fw300{font-weight:300}
.fw400{font-weight:400}
.fw500{font-weight:500}
.fw600{font-weight:600}
.fw700{font-weight:700}
.fw800{font-weight:800}

.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}

.dp-flex{
	display:flex;
}
.dp-flex.ac{
	align-items: center;
}
.dp-flex.jc{
	justify-content: center;
}
.dp-flex.js{
	justify-content: space-between;
}
.gap5{
	gap:5px;
}