@charset "utf-8";

@import url(./layout.css);


body { background-color: #f0f0f0; }
body.bg-white { background-color: #fff; }








/* form conrols -------------------------------------------- */
	input[type=submit],
	input[type=button] {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;
	}

	input[type=text],
	input[type=password],
	input[type=search],
	input[type=number],
	input[type=email],
	input[type=tel],
	input[type=date] {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		padding: 0 0 0 11px; height: 36px; width: 100%; font-size: 14px; color: #333; text-align: left; 

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #ccc;

		background-color: #fff;
		
		/* ios input 파란 아웃라인 제거 */
		-webkit-tap-highlight-color :rgba(0,0,0,0);
		outline:none;
	}
	input[type=text]:focus,
	input[type=password]:focus,
	input[type=search]:focus,
	input[type=number]:focus,
	input[type=email]:focus,
	input[type=tel]:focus,
	input[type=date]:focus { border: 1px solid #e85050; }

	input[type=text].txt-center,
	input[type=password].txt-center,
	input[type=search].txt-center,
	input[type=number].txt-center,
	input[type=email].txt-center,
	input[type=tel].txt-center,
	input[type=date].txt-center { padding: 0; text-align: center; }

	input[type=text].txt-right,
	input[type=password].txt-right,
	input[type=search].txt-right,
	input[type=number].txt-right,
	input[type=email].txt-right,
	input[type=tel].txt-right,
	input[type=date].txt-right { padding: 0 11px 0 0; text-align: right; }

	input[type=text].mileage,
	input[type=password].mileage,
	input[type=search].mileage,
	input[type=number].mileage,
	input[type=email].mileage,
	input[type=tel].mileage,
	input[type=date].mileage { font-size: 18px; color: #e85050; font-weight: bold; padding: 0 9px 0 0; text-align: right; vertical-align: middle; }

/*
	input[readonly=readonly] {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;

		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;

		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: 0 none;
	}
	input[readonly=readonly]:focus { border: 0px none; }
*/

	input[type=checkbox] {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;

		display: inline-block; height: 22px; width: 22px; vertical-align: middle;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #ccc;

		background-color: #fff;
	}
	input[type=checkbox]:checked { background-image: url(../img/common/icon_sprite.png); background-position: -90px -45px; }

	input[type=radio] {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;

		position: relative;
		display: inline-block; height: 22px; width: 22px; vertical-align: middle;
		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
		border: 1px solid #ccc;

		background-color: #fff;
	}

	input[type=radio]:checked::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; display: block; height: 12px; width: 12px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background-color: #91278f;
	}

	input[type=radio].like-checkbox {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;

		display: inline-block; height: 22px; width: 22px; vertical-align: middle;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		border: 1px solid #ccc;

		background-color: #fff;
	}
	input[type=radio].like-checkbox:checked { background-image: url(../img/common/icon_sprite.png); background-position: -90px -45px; }
	input[type=radio].like-checkbox:checked::before { content: none; }


	label.label-checkbox { padding-left: 4px; font-size: 0.875em; color: #333; vertical-align: middle; }
	label.label-checkbox.outer { position: relative; padding-top: 2px; padding-left: 27px; display: block; line-height: 19px; }
	label.label-checkbox.outer input[type=checkbox],
	label.label-checkbox.outer input[type=radio] { position: absolute; top: 0px; left: 0px; }
	label.label-radio { padding-left: 0px; font-size: 0.875em; color: #333; vertical-align: middle; }

	textarea {
		-webkit-appearance: none;
		-moz-appearance:none;
		appearance: none;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #ccc;
		
		padding: 6px 8px 0 8px; height: 120px; width: 100%; font-size: 0.875em; color: #333; line-height: 22px; text-align: left;
		background-color: #fff;
		
		/* ios input 파란 아웃라인 제거 */
		-webkit-tap-highlight-color :rgba(0,0,0,0);
		outline:none;
	}
	textarea:focus { border: 1px solid #e85050; }

	/* custom select(not select tag) */
	.select-container { position: relative; }
		.select-container a.display {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;

			overflow: hidden; position: relative; padding: 0 45px 0 11px; display: inline-block; height: 36px;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #cccccc;
			background-color: #fff;
		}
		.select-container a.display.block { display: block; width: 100%; }
		.select-container a.display.options { display: block; width: 100%; }
		.select-container a.display::before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 34px; width: 35px; border-left: 1px solid #dcdcdc; background-color: #f0f0f0; }
		.select-container a.display::after { content: ''; position: absolute; top: 50%; right: 11px; margin-top: -4px; display: block; height: 8px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -120px -30px; }
		.select-container a.display > span { font-size: 0.875em; color: #a9a9a9; line-height: 32px; }
		
		
		.select-container p.display.block { display: block; width: 100%; }
		.select-container p.display.options { display: block; width: 100%; }
		.select-container p.display::before { content: ''; position: absolute; top: 0; right: 0; display: block; height: 34px; width: 35px; border-left: 1px solid #dcdcdc; background-color: #f0f0f0; }
		.select-container p.display::after { content: ''; position: absolute; top: 50%; right: 11px; margin-top: -4px; display: block; height: 8px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -120px -30px; }
		.select-container p.display > span { font-size: 0.875em; color: #a9a9a9; line-height: 32px; }
		
		
		
		/* 선택중 */
		.select-container a.display.active {
			-webkit-border-radius: 4px 4px 0px 0px;
			-moz-border-radius: 4px 4px 0px 0px;
			border-radius: 4px 4px 0px 0px;
			border-bottom: 0px none;
		}
		.select-container a.display.active > span { color: #333; }
		.select-container a.display.active::before { background-color: #e85050; }
		.select-container a.display.active::after { background-position: -150px -30px; }

		/* 선택 후 */
		.select-container a.display.selected > span { color: #333; }

		/* 선택 목록 */
		.select-container a.display.active + .drop { display: block; }
		.select-container a.display.options.active + .drop { display: block; position: static; height: auto; }
		.select-container .drop { z-index: 10; position: absolute; top: 35px; left: 0; padding: 4px 0; overflow: scroll; display: none; max-height: 180px; width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;

			-webkit-border-radius: 0px 0px 4px 4px;
			-moz-border-radius: 0px 0px 4px 4px;
			border-radius: 0px 0px 4px 4px;
			border: 1px solid #ccc; border-top: 1px solid #dcdcdc;
			background-color: #fff;
		}

		ul.list-drop { }
		ul.list-drop > li.line { margin-top: 4px; padding-top: 4px; border-top: 1px dashed #dcdcdc; }
		ul.list-drop > li { display: block; font-size: 0.875em; color: #333; line-height: 28px; }
		ul.list-drop > li > a { position: relative; padding: 0 0 0 11px; display: block; color: #333; }

		ul.list-drop.options { margin: -4px 0; }
		ul.list-drop.options > li { border-bottom: 1px solid #dcdcdc; }
		ul.list-drop.options > li:last-child { border-bottom: 0px none; }
		ul.list-drop.options > li > a { color: #333; line-height: 34px; }
		ul.list-drop.options > li > a::after { content: ''; position: absolute; top: 50%; right: 11px; margin-top: -4px; display: block; height: 8px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -120px -30px; }
		ul.list-drop.options > li > a.selected { color: #91278f; background-color: #f5e6f5; }
		ul.list-drop.options > li > a.selected::after { background-position: -185px -30px; }
		ul.list-drop.options > li > a.active { color: #91278f; }

		ul.list-drop.options > li > a.selected + ul.sub-list-drop { display: block; }
		ul.sub-list-drop { overflow: scroll; padding: 3px 0; display: none; max-height: 125px; border-top: 1px solid #dcdcdc; }
		ul.sub-list-drop li { padding: 0 0 0 9px; line-height: 27px; }

		/* 테이블 안쪽 */
		.form-table .select-container a.display > span { font-size: 1.000em; }
		.form-table ul.list-drop > li { font-size: 1.000em; }


		/* faq일 경우 */
		.select-container.faq { margin: 10px; }
		.select-container.faq a.display {
			-webkit-border-radius: 0px;
			-moz-border-radius: 0px;
			border-radius: 0px;
		}
		.select-container.faq .drop { height: auto; }

		/* 복지항목 리스트 */
		.select-container.welfare .drop { height: 193px; }

		/* 상품상 */
		.select-container.products { margin-top: 9px; }
		.select-container.products .drop { height: 140px!important; }
		/*.select-container.products a.display.selected > span { color: #91278f; }*/
		.select-container.products ul.list-drop > li { padding: 0 0 0 9px; }

		/* 결제 */
		.select-container.payments { margin-top: 9px; }
		.select-container.payments a.display.selected > span { color: #91278f; }
		.select-container.payments ul.list-drop > li { padding: 0 0 0 9px; }






/* btns -------------------------------------------- */
	/* pages */
	.pages { width: 100%; text-align: center; }
	.pages > a { display: inline-block; height: 7px; width: 7px; text-indent: -9999px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		border: 1px solid #91278f;
		background-color: #fff;
	}
	.pages > a:hover,
	.pages > a:focus,
	.pages > a.selected { background-color: #91278f; }


	/* 세그멘트 컨트롤러 */
	.segment-controller { overflow: hidden; padding: 15px 44px; text-align: center; }
		.segment-controller > a { float: left; display: block; height: 33px; width: 50%; font-size: 0.875em; color: #666; text-align: center; line-height: 33px; background-color: #fff; }
		.segment-controller > a.selected { color: #91278f; background-color: #efc6ee; }
		.segment-controller > a:first-child {
			-webkit-border-radius: 2px 0px 0px 2px;
			-moz-border-radius: 2px 0px 0px 2px;
			border-radius: 2px 0px 0px 2px;
		}
		.segment-controller > a:last-child {
			-webkit-border-radius: 0px 2px 2px 0px;
			-moz-border-radius: 0px 2px 2px 0px;
			border-radius: 0px 2px 2px 0px;
		}


	/* 페이지 탭 컨트롤 */
	.page-tab {
		display: -webkit-box;
		display: -moz-box;
		display: box;

		-webkit-box-align: center;
		-moz-box-align: center;
		box-align: center;
		padding: 9px 0px 8px 0px; border-bottom: 1px solid #dcdcdc; background-color: #fff;
	}
	.page-tab a {
		-webkit-box-flex: 1;
		-moz-box-flex: 1;
		box-flex: 1;

		display: block; height: 22px; text-align: center; border-right: 1px solid #dcdcdc;
	}
	.page-tab a:last-child { border-right: 0px none; }
	.page-tab a > span { position: relative; padding: 0 11px; display: inline-block; height: 22px; font-size: 0.875em; color: #666; text-align: center; line-height: 22px; }
	.page-tab a.selected > span { color: #91278f; }
	.page-tab a.selected > span::before { content: ''; position: absolute; bottom: -8px; left: 0; right: 0; display: block; height: 4px; background-color: #91278f; }

	article.description-contents .page-tab { margin: 0 -15px; }



	/* 기본 컨펌 버튼 */
	a.btn-normal {
		position: relative; display: inline-block; height: 39px; width: 160px; font-size: 0.938em; color: #fff; font-weight: bold; text-align: center; line-height: 39px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #91278f;
	}
	a.btn-normal.next { }
	a.btn-normal.next::after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -9px; display: block; height: 17px; width: 9px; background-image: url(../img/common/icon_sprite.png); background-position: -30px -45px; }

	/* 강조 컨펌 버튼 */
	a.btn-strong {
		position: relative; display: inline-block; height: 39px; width: 160px; font-size: 0.938em; color: #fff; font-weight: bold; text-align: center; line-height: 39px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #e85050;
	}
	a.btn-strong.buy { padding-left: 30px; width: 130px; }
	a.btn-strong.buy::after { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -42px; display: block; height: 25px; width: 21px; background-image: url(../img/common/icon_sprite.png); background-position: -250px -150px; }

	
	/* */
	a.btn-view {
		display: block; height: 37px; width: 100%; font-size: 0.938em; color: #91278f; font-weight: bold; text-align: center; line-height: 37px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #91278f;

		background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
		background-color: transparent;
	}

	/* 컨트롤 테이블 안쪽 기능 버튼 */
	.btn-inline-fn { display: inline-block; height: 36px; min-width: 70px; font-size: 14px; color: #fff; font-weight: normal; text-align: center; line-height: 36px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 0px none;
		background-color: #e85050;
	}
	.btn-inline-fn.normal { background-color: #b8b8b8; }


	/* 알림(숫자) 버튼 */
	a.btn-notification { position: relative; display: block; height: 25px; width: 23px; text-indent: -9999px; background-image: url(../img/common/icon_sprite.png); background-position: 0px 0px; }
	a.btn-notification[badge="N"]::after { content: attr(badge); position: absolute; top: 0; right: -8px; display: block; font-size: 0.625em; color: #fff; font-weight: bold; text-align: center; text-indent: 0em; line-height: 15px; height: 15px; width: 15px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;

		background-color: #cc0000;
	}



	/* 포인트 바로가기 버튼 */
	a.btn-sc-point { position: relative; padding: 12px 0 0 13px; display: block; height: 88px; width: 93px; color: #fff; text-align: left; background-color: #e85050; }
	a.btn-sc-point::before { content: ''; position: absolute; bottom: 13px; left: 13px; display: block; height: 30px; width: 37px; background-image: url(../img/common/icon_sprite.png); background-position: -210px -150px; }
	a.btn-sc-point::after { content: ''; position: absolute; bottom: 16px; right: 8px; display: block; height: 24px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -150px 0px; }
	a.btn-sc-point .small { font-size: 0.813em; }

	/* MY복지 바로가기 버튼 */
	a.btn-sc-mywelfare { position: relative; padding: 12px 0 0 13px; display: block; height: 88px; width: 93px; color: #fff; text-align: left; background-color: #e85050; }
	a.btn-sc-mywelfare::before { content: ''; position: absolute; bottom: 13px; left: 12px; display: block; height: 31px; width: 48px; background-image: url(../img/common/icon_sprite.png); background-position: -150px -150px; }
	a.btn-sc-mywelfare::after { content: ''; position: absolute; bottom: 16px; right: 8px; display: block; height: 24px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -150px 0px; }
	a.btn-sc-mywelfare .small { font-size: 0.813em; }

	/* 더보기 버튼 */
	a.btn-more { font-size: 0.875em; color: #787878; }
	a.btn-more:after { content: ''; margin-top: -2px; margin-left: 4px; display: inline-block; height: 12px; width: 7px; vertical-align: middle; background-image: url(../img/common/icon_sprite.png); background-position: 0px -45px; }

	.btns-container { padding: 10px 10px 10px 10px; }
	.btns-container::before { content: none!important; }
	a.btn-list-more { display: block; height: 37px; font-size: 15px; color: #666; text-align: center; line-height: 37px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #ccc;
		background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
		background-color: transparent;
	}
	a.btn-list-more2 { display: block; height: 37px; font-size: 15px; color: #666; text-align: center; line-height: 37px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #ccc;
		background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
		background-color: transparent;
	}

	/* 관심상품 버튼 */
	a.btn-favorite { display: block; height: 44px; width: 44px; text-indent: -9999px; background-image: url(../img/common/btns_navigation.png); background-position: 0px -132px; }
	/* a.btn-favorite:hover, */
	a.btn-favorite:active,
	a.btn-favorite.selected { background-position: -44px -132px; }

	/* 포인트 차감신청 버튼 */
	a.btn-point-request { position: relative; padding: 0 0 0 15px; display: block; height: 44px; width: 145px; font-size: 0.938em; color: #fff; font-weight: bold; line-height: 44px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;

		background-color: #e85050;
	}
	a.btn-point-request::before { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -9px; display: block; height: 17px; width: 9px; background-image: url(../img/common/icon_sprite.png); background-position: -30px -45px; }

	/* 복지포인트 사용안내 바로가기 버튼 */
	a.btn-guide { display: block; height: 50px; width: 50px; text-indent: -9999px; background: url(../img/btn_guide01.png) left top no-repeat; }
	
	/* 약관 전체보기 */
	a.btn-view01 { padding: 2px 9px 0px 9px; display: inline-block; height: 18px; font-size: 0.750em; color: #333; text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #e85050;

		background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
	}



/* home -------------------------------------------- 
	/* home - promotion */
	.home-promotion { position: relative; }

	.home-promotion ul.list-promotion { }
	.home-promotion ul.list-promotion li { float: left; position: relative; width: 100%; }
	.home-promotion ul.list-promotion figcaption { display: none; }

	.home-promotion .pages { position: absolute; top: 87%; }

	h1.home-title { font-size: 0.875em; color: #333; font-weight: bold; }


	/* home - MY복지 */
	section.home-welfare { overflow: hidden; background-color: #dedede; }
		section.home-welfare header { position: relative; padding: 0 15px 0 10px; height: 41px; background-color: #fff; }
		section.home-welfare header > h1 { display: none; }
		section.home-welfare header a.btn-notification { float: right; margin-top: 9px; }
		section.home-welfare header a.btn-notification:before { content: ''; }
		section.home-welfare header .hi-there { font-size: 0.875em; color: #333; line-height: 41px; }
		section.home-welfare header .hi-there > em { color: #91278f; font-weight: bold; }

		section.home-welfare .remain-point { position: relative; padding: 15px 106px 0 0; height: 85px; text-align: center; border-bottom: 1px solid #fff; }
		section.home-welfare .remain-point > a.btn-sc-point { position: absolute; top: 0; right: 0; }
		section.home-welfare .remain-point > a.btn-sc-mywelfare { position: absolute; top: 0; right: 0; }
		section.home-welfare .remain-point > label { margin: 0 auto; padding-top: 3px; display: block; height: 17px; font-size: 0.688em; width: 130px; color: #e85050; font-weight: bold;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			background-color: #fff;
		}
		section.home-welfare .remain-point input { padding-right: 17px; display: inline-block; width: 113px; font-size: 2.063em; color: #e85050; line-height: 33px; }
		
		section.home-welfare .remain-point span.mypoint { position: relative; margin: 15px 0 0 0; padding: 0 0 0 38px; display: inline-block; height: 33px; min-width: 113px; font-size: 2.063em; color: #e85050; line-height: 33px; }
		section.home-welfare .remain-point span.mypoint::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; display: block; height: 23px; width: 24px; background-image: url(../img/common/icon_sprite.png); background-position: -30px 0px; }
		section.home-welfare .remain-point span.mypoint small { margin-left: -6px; display: inline-block; font-size: 0.606em; font-weight: bold; }
		.etc-points {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left; position: relative; padding: 27px 7px 0px 8px; height: 50px; width: 33%; text-align: right; border-bottom: 1px solid #fff;
		}
		.etc-points.border { width: 34%; border-right: 1px solid #fff; border-left: 1px solid #fff; }
		.etc-points > label { position: absolute; top: 6px; left: 8px; font-size: 11px; color: #444; font-weight: bold; }
		.etc-points span { display: block; width: 100%; font-size: 1.125em; color: #91278f; text-align: right; }
		.etc-points small { margin-left: 3px; font-size: 0.611em; color: #333; }
		

	/* home - 꿈샵 */
	section.home-shop { padding: 20px 10px 0 10px; }
	section.home-shop a.btn-more { float: right; }
		
		/* 제품 목록 */
		ul.list-products { overflow: hidden; margin-top: 8px; }
		ul.list-products li {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left; padding: 0 0 10px 0; width: 50%;
		}
		ul.list-products li:nth-child(odd) { padding-right: 5px; }
		ul.list-products li:nth-child(even) { padding-left: 5px; }


			/* 개별 상품 - 꿈샵, 꿈딜(.deal) */
			figure.info-products {
				position: relative; display: block;

				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid #dcdcdc;

				background-color: #f5f5f5;
			}

			figure.info-products .soldout { z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-indent: -9999px; background: rgba(68, 68, 68, 0.7) url(../img/bg_soldout.png) center center no-repeat; }
			figure.info-products .available { z-index: 1; position: absolute; top: -1px; left: 3px; display: block; height: 27px; width: 31px; text-indent: -9999px; background-image: url(../img/common/icon_sprite.png); background-position: -170px 0px; }
			figure.info-products img {
				display: block;
				-webkit-border-radius: 3px 3px 0px 0px;
				-moz-border-radius: 3px 3px 0px 0px;
				border-radius: 3px 3px 0px 0px;
			}
			figure.info-products figcaption { overflow: hidden; position: relative; padding: 10px 9px 7px 9px;
				-webkit-border-radius: 0px 0px 3px 3px;
				-moz-border-radius: 0px 0px 3px 3px;
				border-radius: 0px 0px 3px 3px;
				background-color: #fff;
			}

			figure.info-products.deal {

				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
				border: 0px none;
				border-bottom: 1px solid #dcdcdc;
			}
			figure.info-products.deal .available { top: 0px; left: 5px; }
			figure.info-products.deal img {
				display: block;
				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
			}
			figure.info-products.deal figcaption { padding: 0px 15px 4px 13px; display: block;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;

				-webkit-border-radius: 0px;
				-moz-border-radius: 0px;
				border-radius: 0px;
				border: 1px solid #fff;
			}
			figure.info-products figcaption .options { margin-top: 7px; font-size: 0.688em; }
			figure.info-products figcaption .options > span { padding-right: 3px; }
			figure.info-products figcaption .options .option01 { color: #f8a04a; }
			figure.info-products figcaption .options .option02 { color: #64b1e2; }
			figure.info-products figcaption .options .option03 { color: #95c141; }
			figure.info-products figcaption .options .option04 { color: #776fe0; }
			figure.info-products figcaption .options .option05 { color: #d7619b; }
			figure.info-products figcaption .options .option06 { color: #e7bc3a; }

			figure.info-products figcaption em.title { display: block; height: 36px; width: 100%; font-size: 0.875em; color: #333; line-height: 18px; overflow: hidden; }
			figure.info-products.deal figcaption em.title { height: auto; }
			figure.info-products figcaption a.btn-favorite { position: absolute; bottom: 0px; right: 0px; }

			figure.info-products.deal figcaption em.title { margin-top: 5px; margin-bottom: 5px; line-height: 19px; }
			figure.info-products.deal figcaption a.btn-favorite { bottom: 0px; right: 0px; }

			figure.info-products figcaption .dc-rate { float: left; margin-top: -2px; margin-right: 5px; display: block; height: 34px; font-size: 1.875em; color: #91278f; font-weight: normal; line-height: 34px; }
			figure.info-products figcaption .price { float: left; }
			figure.info-products.deal figcaption .price { margin-top: -4px; }
			figure.info-products figcaption .price .original { font-size: 0.563em; color: #aaa; line-height: 8px; text-decoration: line-through; }
			figure.info-products figcaption .price .original > em { font-weight: normal; }
			figure.info-products figcaption .price .dc-price { display: inline-block; font-size: 0.875em; color: #333; }
			figure.info-products figcaption .price .dc-price > em { font-size: 1.214em; color: #cc0000; font-weight: normal; }




	/* home - 서비스 */
	section.home-service { padding: 10px 10px 5px 10px; }
	section.home-service a.btn-more { float: right; }

		/* 서비스 목록 */
		ul.list-service { margin-top: 8px; }
		ul.list-service li { padding: 0 0 5px 0; }

			figure.info-service {
				position: relative; overflow: hidden; padding-left: 74px; display: block; height: 74px;

				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid #dcdcdc;

				background-color: #f5f5f5;
			}
			figure.info-service a { display: block; -webkit-tap-highlight-color: rgba(0,0,0,0); }
			figure.info-service .available { position: absolute; top: -1px; left: 3px; display: block; height: 27px; width: 31px; text-indent: -9999px; background-image: url(../img/common/icon_sprite.png); background-position: -170px 0px; }
			figure.info-service img { position: absolute; top: 0; left: 0; display: block; height: 74px; width: 74px; }
			figure.info-service figcaption {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
				float: left; padding: 8px 0 0 15px; display: block; height: 74px; width: 100%;

				-webkit-border-radius: 0px 3px 3px 0px;
				-moz-border-radius: 0px 3px 3px 0px;
				border-radius: 0px 3px 3px 0px;
				background-color: #fff;
			}
			figure.info-service figcaption .category { display: block; height: 16px; font-size: 0.625em; color: #666; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
			figure.info-service figcaption em.title { margin-top: 2px; display: block; height: 16px; font-size: 0.875em; color: #333; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
			figure.info-service .options { margin-top: 7px; font-size: 0.750em; color: #333; }
			figure.info-service .options span { position: relative; padding: 0 6px 0 19px; display: inline-block; }
			figure.info-service .options em { position: absolute; top: 0; left: 0; display: inline-block; height: 15px; width: 15px; text-indent: -9999px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				background-color: #0f0;
			}
			figure.info-service .options em::after { content: attr(abbr); position: absolute; top: -1px; left: 0; display: block; height: 15px; width: 15px; font-size: 0.833em; color: #fff; text-align: center; text-indent: 0em; line-height: 17px; }
			figure.info-service .options .save em { background-color: #a3b743; }
			figure.info-service .options .dc em { background-color: #ff9125; }
			figure.info-service .options .mileage em { background-color: #91278f; }

	/* home - banner */
	aside.banner { padding: 5px 0; background-color: #fff; }
	aside.banner .list-banner li { padding: 5px 10px; }
	aside.banner .list-banner li img { border: 1px solid #dcdcdc; }
		







/* Description -------------------------------------------- */
.description-contents { padding: 0 15px 50px 15px; }
	.description-contents h1:first-child { margin-top: 15px; }
	.description-contents h1 { margin: 16px 0 0 -15px; padding: 0 20px 0 15px; display: inline-block; height: 30px; font-size: 0.875em; color: #91278f; font-weight: bold; line-height: 30px;
		-webkit-border-radius: 0px 15px 15px 0px;
		-moz-border-radius: 0px 15px 15px 0px;
		border-radius: 0px 15px 15px 0px;
		background-color: #f5e6f5;
	}
	.description-contents h1 + p { padding: 8px 0 0 0; font-size: 0.813em; color: #666; }

	.description-contents h2 { position: relative; margin-top: 8px; padding-left: 7px; font-size: 0.813em; color: #333; font-weight: bold; line-height: 20px; /*background-color: #0f0; */}
	.description-contents h2::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -6px; display: block; height: 11px; width: 2px; background-color: #e85050; }
	.description-contents h2 > span { color: #666; font-weight: normal; }
	.description-contents h2 ~ p { padding: 0 0 0 0; font-size: 0.750em; color: #666; line-height: 17px; }
	.description-contents h2 ~ p > em { color: #e85050; }
	.description-contents h2 + h2 { margin-top: 0; }


	table.table-description { clear: both; margin-top: 10px; }
	table.table-description thead tr { background-color: #f7c3c3; }
	table.table-description thead th { height: 30px; font-size: 0.813em; color: #333; font-weight: normal; text-align: center; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	table.table-description thead tr th:last-child { border-right: 0px none; }

	table.table-description tbody tr { background-color: #f0f0f0; }
	table.table-description tbody tr:nth-child(even) { background-color: #dedede; }

	table.table-description tbody.other th { font-size: 0.750em; font-weight: bold; }
	table.table-description tbody th { font-size: 0.813em; color: #333; font-weight: normal; text-align: center; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	table.table-description tbody td { padding: 8px 0 6px 10px; font-size: 0.750em; color: #333; text-align: left; line-height: 17px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	table.table-description tbody td.c { padding-right: 0px; padding-left: 0px; text-align: center; }
	table.table-description tbody tr td:last-child { border-right: 0px none; }
	table.table-description tbody tr.mileage td { padding: 5px 0 4px 0; font-size: 0.875em; color: #333; text-align: center; vertical-align: middle; }
	table.table-description tbody tr.mileage td em { font-size: 1.286em; color: #e85050; font-weight: bold; }



	table.table-description02 { clear: both; }
	table.table-description02 thead tr { background-color: #f7c3c3; }
	table.table-description02 thead th { padding: 0 19px; height: 30px; font-size: 0.813em; color: #333; font-weight: normal; text-align: center; border-right: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; }
	table.table-description02 thead th:last-child { border-right: 0px none; }

	table.table-description02 tbody tr { background-color: #ffffff; }
	table.table-description02 tbody tr:nth-child(even) { background-color: #f7f7f7; }

	table.table-description02 tbody.other th { font-size: 0.750em; font-weight: bold; }
	table.table-description02 tbody th { font-size: 0.813em; color: #333; font-weight: normal; text-align: center; border-right: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; }
	table.table-description02 tbody td { padding: 8px 10px 6px 10px; font-size: 0.813em; color: #333; text-align: left; line-height: 18px; border-right: 2px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; }
	table.table-description02 tbody td.c { padding-right: 0px; padding-left: 0px; text-align: center; }
	table.table-description02 tbody td:last-child { border-right: 0px none; }
	table.table-description02 tbody td a { color: #333; text-decoration: underline; }

	.switch-mileage table.table-description thead th { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }
	.switch-mileage table.table-description tbody td { border-right: 2px solid #fff; border-bottom: 2px solid #fff; }




/* MY복지 -------------------------------------------- */
	section.welfare { padding-bottom: 30px; } 
	/* 복지포인트 사용안내 & 포인트 차감 신청 안내 */
	section.welfare aside.point-guide { background-color: #f0f0f0; }
	aside.point-guide { position: relative; padding: 18px 0 15px 15px; border-bottom: 2px solid #f0f0f0; background-color: #fff; }
	aside.point-guide > h1 { font-size: 1.000em; color: #333; font-weight: bold; }
	aside.point-guide > p { margin-top: 7px; font-size: 0.813em; color: #666; }
	aside.point-guide > p > strong { color: #e85050; font-weight: 400; }
	aside.point-guide a.btn-guide { position: absolute; top: 50%; right: 13px; margin-top: -25px; }

	/* 복지 포인트 현황 */
	fieldset.status-point { }
	fieldset.status-point .status { }
	fieldset.status-point .status a { position: relative; padding: 0 0 0 15px; display: block; height: 50px; line-height: 50px; border-bottom: 1px solid #fff; background-color: #dedede; }
	fieldset.status-point .status a::before { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -8px; display: block; height: 17px; width: 9px; background-image: url(../img/common/icon_sprite.png); background-position: -60px -45px; }

	fieldset.status-point .status label { font-size: 0.875em; color: #444; font-weight: bold; }
	fieldset.status-point .status span { position: absolute; top: 1px; right: 34px; display: block; width: 60%; font-size: 1.375em; color: #444; text-align: right; line-height: 50px; }
	fieldset.status-point .status span small { margin-left: 3px; display: inline-block; font-size: 0.591em; color: #444; font-weight: bold; }

	fieldset.status-point .remain-point { position: relative; padding: 29px 0 30px 15px; border-bottom: 1px solid #fff; background-color: #dedede; }
	fieldset.status-point .remain-point > label { font-size: 0.875em; color: #444; font-weight: bold; }
	fieldset.status-point .remain-point > label .small { display: block; font-size: 0.786em; }
	
	fieldset.status-point .remain-point > span.mypoint { padding: 0 0 0 38px; display: inline-block; height: 33px; min-width: 113px; font-size: 2.063em; color: #e85050; text-align: right; line-height: 33px; }
	fieldset.status-point .remain-point > span.mypoint { position: absolute; top: 15px; right: 15px; display: block; }
	fieldset.status-point .remain-point > span.mypoint::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; display: block; height: 23px; width: 24px; background-image: url(../img/common/icon_sprite.png); background-position: -30px 0px; }
	fieldset.status-point .remain-point > span.mypoint small { margin-left: -6px; display: inline-block; font-size: 0.606em; font-weight: bold; }

	fieldset.status-point .remain-point .change {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		position: absolute; top: 58px; right: 15px; padding: 2px 0 0 13px; display: block; height: 22px; width: 200px; color: #555; vertical-align: middle; 

		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
		background-color: #f0f0f0;
	}
	fieldset.status-point .remain-point .change > label { font-size: 0.688em; }
	fieldset.status-point .remain-point .change > span { float: right; padding: 1px 13px 0 0; display: inline-block; font-size: 0.813em; color: #555; }
	fieldset.status-point .remain-point .change > span small { margin-top: -1px; margin-left: 3px; display: inline-block; font-size: 0.846em; }

	fieldset.status-point a.btn-point-request { margin: 15px auto 0 auto; }


	/* 포인트 내역 */
	.used-point { padding: 10px 0 14px 16px; background-color: #f0f0f0; }
	.used-point > p { position: relative; padding-right: 13px; display: inline-block; line-height: 32px; }
	.used-point > p::before { content: ''; position: absolute; top: 50%; right: 3px; margin-top: -8px; display: block; height: 15px; width: 1px; background-color: #ccc; }
	.used-point > p.last-child::before { content: none; }
	.used-point label { font-size: 1.000em; color: #333; font-weight: bold; }
	.used-point em { color: #e85050; font-weight: bold; }
	.used-point .range { display: block; font-size: 0.813em; color: #666; }

	ul.list-used-point { }
	ul.list-used-point li { overflow: hidden; position: relative; padding: 12px 15px 9px 15px; border-bottom: 1px solid #dcdcdc; }
	ul.list-used-point li p { font-size: 0.750em; color: #666; }
	ul.list-used-point li .category { position: relative; margin-right: 5px; padding: 0 9px 0 0; }
	ul.list-used-point li .category::after { content: ''; position: absolute; top: 50%; right: 0px; margin-top: -6px; display: block; height: 12px; width: 1px; background-color: #ccc; }
	ul.list-used-point li .title { margin-top: 2px; display: block; font-size: 1.167em; color: #333; }
	ul.list-used-point li .plus { color: #e85050; font-weight: bold; }
	ul.list-used-point li .minus { color: #2f83d9; font-weight: bold; }

	ul.list-used-point li .expire { clear: both; float: none; margin-top: 5px; padding-right: 5px; display: block; color: #999; text-align: right; line-height: 20px; background-color: #f0f0f0; }
	ul.list-used-point li .expire + .point { bottom: 33px; }
	.mypage ul.list-used-point li .point { right: 20px; color: #333; }
	.mypage ul.list-used-point li .point em { color: #91278f; }

	ul.list-used-point li .point { position: absolute; bottom: 8px; right: 15px; font-size: 0.875em; color: #91278f; font-weight: bold; }
	ul.list-used-point li .point em { font-size: 1.286em; }


	/* 포인트 차감 조회 영역 */
	fieldset.search-range { padding: 12px 15px; background-color: #dedede; }
	fieldset.search-range p { position: relative; text-align: center; }
	fieldset.search-range .with-btn { position: absolute; right: 75px; left: 0px; }
	fieldset.search-range .calendar { padding: 0 11px; }
	fieldset.search-range p input[type=tel],
	fieldset.search-range p input[type=text],
	fieldset.search-range p input[type=date] { min-width: 98px; width: 34.1%; vertical-align: middle; }
	fieldset.search-range p span { font-size: 0.938em; color: #666; vertical-align: middle; }

		/* 포인트 차감 조회 영역 - mypage */
		fieldset.search-range .select-range {
			display: -webkit-box;
			display: -moz-box;
			display: box;

			-webkit-box-align: center;
			-moz-box-align: center;
			box-align: center;

			margin-bottom: 7px;
		}
		fieldset.search-range .select-range li {
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			box-flex: 1;
		}
		fieldset.search-range .select-range li a { position: relative; margin-right: -1px; display: block; font-size: 0.875em; color: #333; text-align: center; line-height: 34px; border: 1px solid #ccc; background-color: #fff; }
		fieldset.search-range .select-range li:first-child a {
			-webkit-border-radius: 4px 0px 0px 4px; 
			-moz-border-radius: 4px 0px 0px 4px; 
			border-radius: 4px 0px 0px 4px; 
		}
		fieldset.search-range .select-range li:last-child a {
			-webkit-border-radius: 0px 4px 4px 0px; 
			-moz-border-radius: 0px 4px 4px 0px; 
			border-radius: 0px 4px 4px 0px; 
		}
		fieldset.search-range .select-range li a.selected { z-index: 5; color: #e85050; border: 1px solid #e85050; }

		section.order fieldset.search-range { margin-right: -10px; margin-left: -10px; }


	/* 조회 결과 */
	.welfare section.results { padding: 15px 0 0 0; }
	.welfare section.results > h1 { padding: 0 0 7px 15px; font-size: 0.875em; color: #333; font-weight: bold; }
	.welfare section.results ul.list-results { border-top: 1px solid #dcdcdc; }
	.welfare section.results ul.list-results li { position: relative; padding: 11px 15px 11px 15px; border-bottom: 1px solid #dcdcdc; }
	.welfare section.results ul.list-results li time { display: block; font-size: 0.750em; color: #666; }
	.welfare section.results ul.list-results li .title { margin-top: 2px; display: block; font-size: 0.875em; color: #333;margin: 0 20px 0 0; }
	.welfare section.results ul.list-results li .price { margin-top: 6px; display: block; font-size: 0.813em; color: #333; }
	.welfare section.results ul.list-results li .price > em { font-size: 1.385em; color: #91278f; }

	.welfare section.results ul.list-results li > button.btn-request { position: absolute; top: 50%; right: 15px; margin-top: -29px; }
	.welfare button.btn-request { position: relative; padding-top: 33px; display: inline-block; height: 58px; width: 68px; font-size: 0.688em; color: #91278f; font-weight: bold;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #91278f;
		background-color: #fff;
	}
	.welfare button.btn-request::before { content: ''; position: absolute; top: 10px; left: 50%; margin-left: -15px; display: block; height: 23px; width: 30px; background-image: url(../img/common/icon_sprite.png); background-position: -210px 0px; }

	.welfare section.results ul.list-results li > button.btn-retry { position: absolute; bottom: 10px; right: 15px; }
	.welfare button.btn-retry {	position: relative; padding: 6px 10px; display: inline-block; font-size: 0.750em; color: #ffffff; text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 0px none;
		background-color: #91278f;
	}
	
	.welfare section.results ul.list-results li > button.btn-cancel { position: absolute; bottom: 10px; right: 15px; }
	.welfare button.btn-cancel { position: relative; padding: 6px 10px; display: inline-block; font-size: 0.688em; color: #e85050; text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #e85050;
		background-color: #fff;
	}
	/* .welfare button.btn-cancel::before { content: ''; position: absolute; top: 10px; left: 50%; margin-left: -10px; display: block; height: 20px; width: 20px; background-image: url(../img/common/icon_sprite.png); background-position: -150px -45px; } */
	
	.welfare section.results ul.list-results li > button.btn-retry + button.btn-normal { top: 27%; }
	.welfare section.results ul.list-results li > button.btn-cancel + button.btn-normal { top: 27%; }
	.welfare section.results ul.list-results li > button.btn-normal { position: absolute; top: 50%; right: 15px; margin-top: -9px; }
	.welfare section.results ul.list-results li > button.btn-retry + button.btn-normal2 { top: 27%; }
	.welfare section.results ul.list-results li > button.btn-cancel + button.btn-normal2 { top: 27%; }
	.welfare section.results ul.list-results li > button.btn-normal2 { position: absolute; top: 50%; right: 15px; margin-top: -9px; }
	.welfare button.btn-normal { position: relative; padding-right: 10px; font-size: 0.813em; color: #00669a; font-weight: bold; text-align: center; border: 0px none; background-color: #fff; }
	.welfare button.btn-normal::before { content: ''; position: absolute; top: 50%; right: 0px; margin-top: -4px; display: block; height: 8px; width: 6px; background-image: url(../img/common/icon_sprite.png); background-position: -170px -30px; }
	.welfare button.btn-normal::after { content: ''; position: absolute; bottom: 1px; left: 0px; right: 0px; display: block; height: 1px; background-color: #3f8cb2; }
	.welfare button.btn-normal.disabled { padding: 0; color: #888; }
	.welfare button.btn-normal.disabled::before,
	.welfare button.btn-normal.disabled::after { content: none; }

	.welfare button.btn-normal2 { position: relative; padding-right: 10px; font-size: 0.813em; color: #00669a; font-weight: bold; text-align: center; border: 0px none; background-color: #fff; }
	.welfare button.btn-normal2::before { content: ''; position: absolute; top: 50%; right: 0px; margin-top: -4px; display: block; height: 8px; width: 6px; background-position: -170px -30px; }
	.welfare button.btn-normal2::after { position: absolute; bottom: 1px; left: 0px; right: 0px; display: block; height: 1px; background-color: #3f8cb2; }
	.welfare button.btn-normal2.disabled { padding: 0; color: #888; }
	.welfare button.btn-normal2.disabled::before,
	.welfare button.btn-normal2.disabled::after { content: none; }

	/* 포인트 상세 */
	section.point-detail { padding: 1px 10px 20px 10px; }
	table.point-detail { margin-top: 10px; border-collapse: separate; }
	table.point-detail caption {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		position: static; visibility: visible; padding: 10px 0 0 12px; height: 35px; width: auto; font-size: 0.875em; color: #fff; font-weight: bold; text-align: left;
		-webkit-border-radius: 4px 4px 0px 0px;
		-moz-border-radius: 4px 4px 0px 0px;
		border-radius: 4px 4px 0px 0px;
		background-color: #91278f;
	}
	table.point-detail tbody tr:first-child th { padding-top: 5px; }
	table.point-detail tbody tr:first-child td { padding-top: 5px; }
	table.point-detail tbody tr:last-child th { padding-bottom: 4px; border-bottom-left-radius: 4px; border-bottom: 1px solid #dcdcdc;  }
	table.point-detail tbody tr:last-child td { padding-bottom: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #dcdcdc;  }

	table.point-detail tbody th { padding: 0 0 0 11px; font-size: 0.875em; color: #333; font-weight: bold; text-align: left; line-height: 27px; border-left: 1px solid #dcdcdc; background-color: #fff; }
	table.point-detail.invert tbody th { color: #fff; border-left: 0px none; background-color: #777; }
	table.point-detail tbody th > label { position: relative; padding: 0 0 0 9px; }
	table.point-detail tbody th > label::before { content: ''; position: absolute; top: 50%; left: 0px; margin-top: -2px; display: block; height: 3px; width: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #91278f;
	}
	table.point-detail tbody td { padding: 0 11px 0 0; font-size: 0.875em; color: #333; text-align: right; line-height: 27px; border-right: 1px solid #dcdcdc; background-color: #fff; }
	table.point-detail.invert tbody td { color: #fff; border-right: 0px none; background-color: #777; }
	table.point-detail tbody td.reject { color: #e85050; }
	.tbl-desc { margin-top: 8px; }
	.tbl-desc > p { padding: 4px 5px 0 5px; font-size: 0.813em; color: #666; line-height: 17px; }


	/* 포인트 차감 신청 입력 폼 */
	fieldset.point-use { padding-top: 8px; }
	fieldset.point-use h2 { margin-left: 5px; margin-bottom: 2px; }
	fieldset.point-use .available-price { padding-top: 12px; padding-right: 5px; }
	fieldset.point-use .available-price > h2 { margin-top: 0px; display: inline-block; }
	fieldset.point-use .available-price .point { float: right; font-size: 0.875em; color: #e85050; font-weight: bold; line-height: 18px; }

	fieldset.point-use .request-price { padding-top: 8px; padding-right: 5px; }
	fieldset.point-use .request-price > h2 { display: inline-block; }
	fieldset.point-use .request-price > label { float: right; display: block; font-size: 0.813em; color: #333; vertical-align: middle; }
	fieldset.point-use .request-price > label > input { width: 140px; font-size: 1.231em; vertical-align: middle; }
	fieldset.point-use .request-price span { clear: both; padding-top: 5px; display: block; font-size: 0.750em; color: #666; text-align: right; }
	fieldset.point-use textarea { margin-top: 13px; height: 80px; }
	
	fieldset.point-use .label-radio { padding: 2px 0 2px 5px; display: inline-block; font-size: 1.000em; color: #333; }





/* 꿈딩 -------------------------------------------- */
	/* 꿈딜 목록 - 꿈딜 상품 항목은 꿈샵 제품 상세와 공동 사용*/
	ul.list-deal { }
	ul.list-deal li { padding-bottom: 10px; }







/* 꿈샵 -------------------------------------------- */
	.menu-category ul.list-category { }
	.menu-category ul.list-category > li { }
	.menu-category ul.list-category > li > a { position: relative; padding: 0 0 0 15px; display: block; height: 40px; font-size: 0.875em; color: #333; line-height: 40px; border-bottom: 1px solid #dcdcdc; background-color: #fff; }

	.menu-category ul.list-category > li > a::after { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -4px; display: block; height: 7px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -30px -30px; }
	.menu-category ul.list-category > li > a.selected { color: #91278f; background-color: #f0f0f0; }
	.menu-category ul.list-category > li > a.selected::after { background-position: -60px -30px; }

	.menu-category ul.list-category > li > a[direct=true]::after { margin-top: -6px; height: 13px; width: 7px; background-position: -53px -30px; }

/*
	.menu-category ul.list-category > li > a::before { content: ''; position: absolute; top: 50%; left: 13px; margin-top: -13px; display: block; height: 25px; width: 24px; background-image: url(../img/common/icon_category.png); background-position: 0px 0px; }
	.menu-category ul.list-category > li > a.selected::before { background-position-y: -25px; }

	.menu-category ul.list-category > li > a.category01::before { background-position-x: 0px; }
	.menu-category ul.list-category > li > a.category02::before { background-position-x: -24px; }
	.menu-category ul.list-category > li > a.category03::before { background-position-x: -48px; }
	.menu-category ul.list-category > li > a.category04::before { background-position-x: -72px; }
	.menu-category ul.list-category > li > a.category05::before { background-position-x: -96px; }
	.menu-category ul.list-category > li > a.category06::before { background-position-x: -120px; }
	.menu-category ul.list-category > li > a.category07::before { background-position-x: -144px; }
	.menu-category ul.list-category > li > a.category08::before { background-position-x: -168px; }
	.menu-category ul.list-category > li > a.category09::before { background-position-x: -192px; }
	.menu-category ul.list-category > li > a.category10::before { background-position-x: -216px; }
	.menu-category ul.list-category > li > a.category11::before { background-position-x: -240px; }
	.menu-category ul.list-category > li > a.category12::before { background-position-x: -264px; }
*/
	.menu-category ul.list-category > li > a.selected + .list-sub-category { display: block; }
	.list-sub-category { display: none; }
	.list-sub-category li { }
	.list-sub-category li > a { padding: 0 0 0 15px; display: block; height: 38px; font-size: 0.813em; color: #fefefe; line-height: 38px; border-bottom: 1px solid #999; background-color: #777; }
	

	.menu-price ul.list-price { }
	.menu-price ul.list-price > li { }
	.menu-price ul.list-price > li > a { position: relative; padding: 0 0 0 15px; display: block; height: 44px; font-size: 0.875em; color: #333; line-height: 44px; border-bottom: 1px solid #dcdcdc; background-color: #fff; }

	section.shop-list { padding: 10px 10px 0 10px; }
	.search-condition { }
	.search-condition > a { overflow: hidden; position: relative; float: left; padding: 0 35px 0 10px; display: block; height: 34px; width: 48.5%; font-size: 0.875em; color: #666; line-height: 33px; text-overflow: ellipsis; white-space: nowrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #dcdcdc;
		background-color: #fff;
	}
	.search-condition > a::before { content: ''; position: absolute; top: 0px; right: -2px; display: block; height: 33px; width: 35px; background-image: url(../img/common/icon_sprite.png); background-position: -150px -190px; }
	.search-condition a:nth-child(odd) { float: right; }




/* 서비스 -------------------------------------------- */
	section.service-list { padding: 0 10px 0 10px; }
		section.service-list ul.list-service { margin-top: 0px; }
		section.service-list .warning {
			margin-top: 10px; padding: 13px 12px 10px 12px; font-size: 0.750em; color: #666; line-height: 15px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #d8d8d8;
		}
		section.service-list .warning > strong { position: relative; margin-bottom: 7px; padding-left: 25px; display: inline-block; font-size: 1.167em; color: #333; }
		section.service-list .warning > strong:before { content: ''; position: absolute; top: -1px; left: 0; display: block; height: 15px; width: 21px; background-image: url(../img/common/icon_sprite.png); background-position: -120px 0px; }


		figure.special-service { padding-bottom: 10px; }
		figure.special-service img { border: 1px solid #dcdcdc; }
		figure.special-service figcaption { height: 21px; }
		figure.special-service em { display: block; font-size: 0.875em; color: #333; }







/* 제품 상세 -------------------------------------------- */
.product { }
.product-summary-header { position: relative; }

	ul.list-product-image { }
	ul.list-product-image li { float: left; position: relative; width: 100%; }
	ul.list-product-image figcaption { display: none; }

	.product-summary-header .pages { z-index: 100; position: absolute; bottom: 4.2%; width: 100%; text-align: center; }
	.product-summary-header .available { z-index: 100; position: absolute; top: 0px; left: 5px; display: block; height: 37px; width: 44px; text-indent: -9999px; background-image: url(../img/common/icon_sprite.png); background-position: -250px 0px; }
	.product-summary-header .swipe { border-bottom: 1px solid #dcdcdc; }

	.product-summary-header .title { padding: 10px 15px 8px 15px; background-color: #fff; }
	.product-summary-header .title .options { font-size: 0.688em; }
	.product-summary-header .title .options > span { padding-right: 3px; }
	.product-summary-header .title .options .option01 { color: #f8a04a; }
	.product-summary-header .title .options .option02 { color: #64b1e2; }
	.product-summary-header .title .options .option03 { color: #95c141; }
	.product-summary-header .title .options .option04 { color: #776fe0; }
	.product-summary-header .title .options .option05 { color: #d7619b; }
	.product-summary-header .title .options .option06 { color: #e7bc3a; }
	.product-summary-header .title h1 { margin-top: 4px; font-size: 1.000em; color: #333; font-weight: normal; line-height: 20px; }



	/* 상품 가격 및 옵션 */
	.price-options { padding: 10px 10px 0 10px; border-top: 1px solid #dcdcdc; background-color: #f0f0f0; }

		.price-options > .price { padding: 0 5px 0 5px; font-size: 0.875em; line-height: 25px; }
		.price-options > .price > label { font-weight: bold; }
		.price-options > .price > span { float: right; }

		.price-options > .price.original { color: #999; }
		.price-options > .price.original em { text-decoration: line-through; }

		.price-options > .price.dc { color: #333; }
		.price-options > .price.dc em { font-size: 1.286em; color: #cc0000; }


	.shipping-costs { overflow: hidden; position: relative; margin-top: 6px; margin-bottom: 8px; padding: 8px 9px 8px 9px; display: block; font-size: 0.875em; color: #333; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ccc;
		background-color: #e6e6e6;
	}
	.shipping-costs label { position: absolute; top: 50%; margin-top: -8px; display: block; font-weight: bold; }
	.shipping-costs span { float: right; }
	.shipping-costs span.warnning { clear: both; display: block; font-size: 0.875em; }


	/* 상세 최종 가격 */
	.product-summary-price { margin: 10px -10px 0 -10px; padding: 10px 15px 10px 15px; background-color: #777; }
	.product-summary-price p { display: block; font-size: 0.875em; color: #fff; line-height: 22px; border: 1px solid #777; }
	.product-summary-price p > label { font-weight: bold; }
	.product-summary-price p > span { float: right; }
	.product-summary-price p > span > em { font-size: 1.286em; }


	/*  */
	.product-summary-sub-info { padding: 10px 10px 30px 10px; }
	.product-summary-sub-info .btns { margin-bottom: 3px; }
	.product-summary-sub-info .btns a {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: block;
	}

	.product-summary-sub-info .btns ul { display: table; width: 100%; }
	.product-summary-sub-info .btns ul li { padding: 0 2px 0 3px; display: table-cell; width: 40%; vertical-align: top; }
	.product-summary-sub-info .btns ul li:first-child { padding-left: 0px; }
	.product-summary-sub-info .btns ul li:last-child { padding-right: 0px; width: 16.7%; }

	.product-summary-sub-info a.btn-buy { position: relative; padding: 12px 0px 11px 36px; width: 100%; font-size: 0.938em; color: #fff; font-weight: bold; text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #e85050;
	}
	.product-summary-sub-info a.btn-buy::before { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -41px; display: block; height: 25px; width: 21px; background-image: url(../img/common/icon_sprite.png); background-position: -250px -150px; }

	.product-summary-sub-info a.btn-cart { position: relative; padding: 12px 0px 11px 44px; width: 100%; font-size: 0.938em; color: #fff; font-weight: bold; text-align: center;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: #b8b8b8;
	}
	.product-summary-sub-info a.btn-cart::before { content: ''; position: absolute; top: 50%; left: 50%; margin-top: -13px; margin-left: -49px; display: block; height: 25px; width: 29px; background-image: url(../img/common/icon_sprite.png); background-position: -250px -190px; }

	.product-summary-sub-info a.btn-favorite { position: relative; height: 39px; width: 100%;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ccc;
		background-image: none; background-color: #fff;
	}
	.product-summary-sub-info a.btn-favorite::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -12px; display: block; height: 22px; width: 25px; background-image: url(../img/common/icon_sprite.png); background-position: -60px 0px; }
	.product-summary-sub-info a.btn-favorite:hover::before,
	.product-summary-sub-info a.btn-favorite:active::before,
	.product-summary-sub-info a.btn-favorite.selected::before { background-position: -90px 0px; }

	.product-summary-sub-info a.btn-view { clear: both; margin-top: 8px; }

	.product-summary-sub-info h2 { position: relative; margin-top: 9px; margin-left: 5px; padding-left: 7px; font-size: 0.813em; color: #333; font-weight: bold; line-height: 20px; }
	.product-summary-sub-info h2::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -6px; display: block; height: 11px; width: 2px; background-color: #e85050; }
	.product-summary-sub-info h2 ~ p { padding: 0 0 0 5px; font-size: 0.813em; color: #666; line-height: 17px; }


	.add-options { margin: 10px -10px -10px -10px; padding: 0px 8px 13px 10px; border-top: 1px solid #dcdcdc; background-color: #fff; }
	.add-options .list-options li { overflow: hidden; padding-top: 11px; }
	.add-options label { padding: 0 0 6px 5px; display: block; font-size: 0.750em; color: #333; line-height: 17px; }
	.add-options .count { float: left; }
	.add-options .count input { margin-right: 3px; padding: 0; width: 53px; text-align: center; }
	.add-options button { position: relative; margin-right: 3px; display: inline-block; text-indent: -9999px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ccc;

		background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
		background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
		background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
		background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
	}
	.add-options button::before { content: ''; position: absolute; top: 50%; left: 50%; display: block; background-image: url(../img/common/icon_sprite.png); }
	.add-options .count button { height: 36px; width: 27px; }
	.add-options .count button::before { margin: -4px 0 0 -6px; height: 8px; width: 13px; }
	.add-options .count button.btn-plus::before { background-position: -137px -30px; }
	.add-options .count button.btn-minus::before { background-position: -120px -30px; }

	.add-options .price { padding-top: 4px; text-align: right; line-height: 25px; }
	.add-options .price span { float: none; font-size: 0.875em; color: #333; }
	.add-options .price span > em { font-size: 1.286em; color: #91278f; }
	.add-options .price button { float: right; margin-top: 1px; margin-left: 9px; height: 23px; width: 23px; }
	.add-options .price button.btn-delete::before { margin: -7px 0 0 -7px; height: 14px; width: 14px; background-position: -60px -70px; }

	.cart .add-options { margin-bottom: 5px; border-bottom: 1px solid #dcdcdc; }




/* 구매하기(결제) -------------------------------------------- */
section.payments { padding: 0px 10px 5px 10px; }
	article.item-payments > h1 { padding: 15px 0 0 4px; font-size: 1.000em; color: #333; font-weight: bold; }
	
	/* 상품 묶음 */
	section.set-products { overflow: hidden; margin-top: 10px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
		section.set-products > header { padding: 0 12px 0 12px; line-height: 33px; border-bottom: 1px solid #eee; }
		section.set-products > header time { font-size: 0.875em; color: #666; }
		section.set-products > header a.btn-detail { float: right; font-size: 0.813em; color: #e85050; text-decoration: underline; }

		/* 상품 목록 */
		ul.list-selected-products { }
		ul.list-selected-products li { }

		.order ul.list-selected-products li { border-top: 1px dashed #dcdcdc; }
		.order ul.list-selected-products li:first-child { border-top: 0px none; }

		figure.products-payments { position: relative; padding: 13px 10px 0 100px; background-color: #ffffff; }
		figure.products-payments img { position: absolute; top: 10px; left: 9px; height: 80px; width: 80px; }
		figure.products-payments figcaption { padding-bottom: 13px; min-height: 80px; font-size: 0.875em; line-height: 17px; }
		figure.products-payments figcaption .title { color: #333; }
		figure.products-payments figcaption .option { margin-top: 5px; color: #999; }
		figure.products-payments figcaption .cnt-price { margin-top: 5px; color: #91278f; font-weight: bold; }
		figure.products-payments figcaption .btns { margin-top: 12px; text-align: left; }
		figure.products-payments figcaption .btns a { color: #2f83d9; text-decoration: underline; margin-right: 10px; }

		/* 꿈 마일리지 적립 */
		aside.earning { padding: 10px 9px 10px 9px; background-color: #f0f0f0; }
		aside.earning p { font-size: 0.875em; }
		aside.earning p > label { clear: both; padding-left: 5px; color: #333; }
		aside.earning p > label::before { content: 'M'; margin-top: -1px; margin-right: 5px; display: inline-block; height: 15px; width: 15px; font-size: 0.714em; color: #fff; text-align: center; vertical-align: middle;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			background-color: #91278f;
		}
		aside.earning p > span { float: right; padding-right: 5px; color: #e85050; font-weight: bold; }


		/* 개별 배송비 */
		aside.cost-shipping { padding: 10px 9px 10px 9px; background-color: #777; }
		aside.cost-shipping .item { clear: both; padding: 0 5px 0 5px; display: block; font-size: 0.875em; line-height: 23px; }
		aside.cost-shipping .item > label { color: #fffefe; font-weight: bold; }
		aside.cost-shipping .item > span { float: right; color: #ffffff; }


		/* 수량 및 배송비 */
		footer.count-shipping { padding: 10px 9px 12px 9px; background-color: #777; }
		footer.count-shipping .item { clear: both; padding: 0 5px 0 5px; display: block; font-size: 0.875em; line-height: 23px; }
		footer.count-shipping .item > label { color: #fffefe; font-weight: bold; }
		footer.count-shipping .item > span { float: right; color: #ffffff; }

		/* 배송현황 */
		footer.status-shipping { padding: 0px 6px 0px 12px; background-color: #777; }
		footer.status-shipping > h1 { display: inline-block; font-size: 0.875em; color: #ccc; line-height: 35px; }
		footer.status-shipping > h1 > em { color: #fff; font-weight: bold; }
		footer.status-shipping .btns { float: right; padding-top: 5px; display: inline-block; height: 30px; vertical-align: middle; }
		footer.status-shipping .btns a { margin-left: 4px; padding: 0px 10px; height: 23px; display: inline-block; font-size: 0.750em; color: #e85050; font-weight: bold; text-align: center; line-height: 24px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			border: 1px solid #444;

			background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
			background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
			background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
			background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
			background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
		}
		footer.status-shipping .btns a.btn-inquiry { color: #333; }

		section.set-products > h1 { padding-left: 11px; font-size: 0.875em; color: #91278f; font-weight: bold; line-height: 34px; background-color: #f5e6f5; }


	/* 최종 결정 금액 */
	footer.total-price { margin-top: 10px; padding-top: 10px; background-color: #444; }
	footer.total-price .item-price { overflow: hidden; padding: 0 15px 0 15px; display: block; font-size: 0.875em; line-height: 25px; }
	footer.total-price .item-price > label { color: #bbb; font-weight: bold; }
	footer.total-price .item-price > span { float: right; color: #bbb; }
	footer.total-price .item-price > span > em { font-size: 1.286em; }
	footer.total-price .item-price > span > em::before { content: ''; margin-top: -2px; margin-right: 5px; display: inline-block; height: 15px; width: 15px; vertical-align: middle; line-height: 25px; }
	footer.total-price .item-price > span > em.plus::before { background-image: url(../img/common/icon_sprite.png); background-position: -90px -70px; }
	footer.total-price .item-price > span > em.minus::before { background-image: url(../img/common/icon_sprite.png); background-position: -120px -70px; }

	footer.total-price .total { overflow: hidden; margin-top: 3px; padding: 9px 15px 7px 15px; font-size: 0.875em; line-height: 25px; border-top: 1px solid #999; }
	footer.total-price .total > label { color: #fffefe; font-weight: bold; }
	footer.total-price .total > span { float: right; color: #e85050; }
	footer.total-price .total > span > strong { font-size: 1.571em; }

	section.cart footer.total-price { margin: 0; padding-top: 8px; padding-bottom: 6px; }
	section.cart footer.total-price .item-price { clear margin: 0; line-height: 25px; }
	section.cart footer.total-price .item-price > label { color: #fffefe; font-weight: bold; }
	section.cart footer.total-price .total { margin: 0px; padding-top: 0px; padding-bottom: 0; line-height: 25px; border-top: 0px none; }


	/* 배송지 정보입력 */
		/* 주문자 정보 */
		table.info-order-user { margin-top: 8px; border-collapse: separate; }
		table.info-order-user caption {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;

			position: static; visibility: visible; padding: 10px 0 0 12px; height: 35px; width: auto; font-size: 0.875em; color: #fff; font-weight: bold; text-align: left;
			-webkit-border-radius: 4px 4px 0px 0px;
			-moz-border-radius: 4px 4px 0px 0px;
			border-radius: 4px 4px 0px 0px;
			background-color: #b8b8b8;
		}
		table.info-order-user tbody tr:first-child th { padding-top: 5px; }
		table.info-order-user tbody tr:first-child td { padding-top: 5px; }
		table.info-order-user tbody tr:last-child th { padding-bottom: 4px; border-bottom-left-radius: 4px; border-bottom: 1px solid #dcdcdc;  }
		table.info-order-user tbody tr:last-child td { padding-bottom: 4px; border-bottom-right-radius: 4px; border-bottom: 1px solid #dcdcdc;  }

		table.info-order-user tbody th { padding: 0 0 0 11px; font-size: 0.875em; color: #333; font-weight: bold; text-align: left; line-height: 27px; border-left: 1px solid #dcdcdc; background-color: #fff; }
		table.info-order-user tbody th > label { position: relative; padding: 0 0 0 9px; }
		table.info-order-user tbody th > label::before { content: ''; position: absolute; top: 50%; left: 0px; margin-top: -2px; display: block; height: 3px; width: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #b8b8b8;
		}
		table.info-order-user tbody td { padding: 0 11px 0 0; font-size: 0.875em; color: #333; text-align: left; line-height: 27px; border-right: 1px solid #dcdcdc; background-color: #fff; }
		table.info-order-user tbody td > a { color: #333; }
		table.info-order-user tbody td.desc { border-bottom-left-radius: 4px; border-left: 1px solid #dcdcdc; }
		table.info-order-user tbody td.desc p { padding: 6px 14px 8px 14px; font-size: 0.929em; line-height: 18px; }
		table.info-order-user tbody td.desc p > a { color: #e85050; font-weight: bold; }
		


		/* 배송지 정보 */
		fieldset.info-shipping { overflow: hidden; position: relative; margin-top: 10px; padding: 35px 9px 10px 9px; display: block;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #dcdcdc;
			background-color: #fff;
		}
		fieldset.info-shipping > legend {
			position: absolute; top: 0px; right: 0px; left: 0px; visibility: visible; padding: 10px 0 0 12px; display: block; height: 25px; width: auto; font-size: 0.875em; color: #fff; font-weight: bold; text-align: left;
			-webkit-border-radius: 4px 4px 0px 0px;
			-moz-border-radius: 4px 4px 0px 0px;
			border-radius: 4px 4px 0px 0px;
			background-color: #b8b8b8;
		}
		fieldset.info-shipping a.btn-address { float: right; position: relative; margin-top: 3px; padding-right: 12px; display: none; font-size: 0.875em; color: #91278f; text-decoration: underline; }
		fieldset.info-shipping a.btn-address::before { content: ''; position: absolute; top: 50%; right: 0px; margin-top: -5px; display: block; height: 12px; width: 7px; background-image: url(../img/common/icon_sprite.png); background-position: 0px -45px; }
		
		fieldset.info-shipping label.label-radio { margin-left: 5px; }
		fieldset.receive-address { margin-top: 7px; }
		fieldset.info-shipping .fold { display: none; }

			/* 기본 배송지 */	
			fieldset.info-shipping .default { padding: 10px 0 10px 0; }
			fieldset.info-shipping .default > p { margin-top: 7px; padding: 6px 0 7px 10px; font-size: 0.875em; color: #333; line-height: 18px; background-color: #f0f0f0; }

			/* 배송지 직업 입력 */
			fieldset.info-shipping .direct { margin: 0 -9px; padding: 10px 9px;
				border-top: 1px dashed #dcdcdc; border-bottom: 1px dashed #dcdcdc;
			}

			/* 요청사항 */
			fieldset.info-shipping .addon-request { padding-top: 10px; }
			fieldset.info-shipping .addon-request textarea { height: 72px; }


			/* 지난 배송지 목록 */
			ul.list-address { padding-top: 10px;  }
			ul.list-address li { margin-bottom: 10px; padding: 9px 10px 5px 10px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid #ccc;
				background-color: #fff;
			}

			/* 우편번호 찾기 */
			fieldset.search-zipcode { position: relative; }
			fieldset.search-zipcode .with-btn { position: absolute; right: 75px; left: 0px; }
			fieldset.search-zipcode input.btn-inline-fn { float: right; background-color: #91278f; }
			fieldset.search-zipcode p { clear: both; padding-top: 10px; font-size: 0.813em; color: #666; line-height: 18px; }
			fieldset.search-zipcode .type { padding-bottom: 5px; }
			fieldset.search-zipcode .type .label-radio { margin-right: 5px; }
	
			.results.message {
				display: -webkit-box;
				display: -moz-box;
				display: box;

				-webkit-box-orient: vertical;
				-moz-box-orient: vertical;
				box-orient: vertical;

				-webkit-box-pack: center;
				-moz-box-pack: center;
				box-pack: center;

				-webkit-box-align: center;
				-moz-box-align: center;
				box-align: center;
				position: absolute; top: 0px; right: 0; bottom: 0px; left: 0; padding: 0 15px;
			}
			.results > p { font-size: 0.750em; color: #666; text-align: center; }
			.results > p::before { content: ''; margin: 0 auto 10px auto; display: block; height: 110px; width: 110px; background-size: 100%; }
			.results > p.none::before { background-image: url(../img/common/icon_none01.png); }
			.results > p.network::before { background-image: url(../img/common/icon_network01.png); }
			.results > p em { margin-bottom: 4px; display: block; font-size: 1.167em; color: #333; }

			.zipcode .results { overflow: scroll; padding: 15px 0 0 0px; height: 180px; }
			.zipcode .results.message { position: static; height: auto; padding: 86px 0 86px 0px; display: block; }
			.zipcode .results > p {  }
			.zipcode .results > p::before { content: none; }


	/* 마일리지 전환 */
	fieldset.switch-mileage { position: relative; margin-top: 8px; padding: 9px 9px 6px 9px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #ccc;
		background-color: #fff;
	}
		fieldset.switch-mileage caption { visibility: visible; position: absolute; top: 109px; left: 50%; display: block; margin: -12px 0 0 -12px; height: 25px; width: 25px; text-indent: -9999px; background-image: url(../img/common/icon_sprite.png); background-position: -210px -30px; }

		fieldset.switch-mileage.mypage { padding-top: 0px; }
		fieldset.switch-mileage.mypage caption { top: 65px; }

		fieldset.switch-mileage .status { padding: 10px 0 6px 5px; display: block; font-size: 0.875em; color: #333; font-weight: bold; }
		fieldset.switch-mileage .status em { color: #91278f; font-weight: normal; }
		fieldset.switch-mileage .status.top { }
		fieldset.switch-mileage .desc { clear: both; padding: 0 0 0 5px; font-size: 0.750em; color: #666; line-height: 17px; }
		fieldset.switch-mileage .btn-inline-fn { float: right; margin-bottom: 10px; }
		fieldset.switch-mileage .line { margin: 10px -9px 0 -9px; padding: 0 9px 0 9px; border-top: 1px dashed #dcdcdc; }
		fieldset.switch-mileage .with { position: relative; padding-right: 10px; height: 36px; font-size: 0.875em; color: #333; text-align: right; line-height: 36px; }
		fieldset.switch-mileage .with.txt { height: 22px; line-height: 22px; }
		fieldset.switch-mileage .with label { position: absolute; right: 27px; left: 0px; font-size: 0.857em; color: #e85050; }

		/* 최종 결정 금액 */
		footer.final-price { margin-top: 5px; padding: 14px 15px 15px 15px; background-color: #444; }
		footer.final-price label { display: block; font-size: 0.875em; color: #fffefe; font-weight: bold; }
		footer.final-price .price { margin-top: 8px; display: block; font-size: 0.875em; color: #e85050; font-weight: bold; text-align: right; }
		footer.final-price .price > em { font-size: 1.571em; }



	/* 결제 수단 */
	.confirm-payments { overflow: hidden; margin-top: 9px; padding: 0 9px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		border: 1px solid #ccc; background-color: #fff;
	}
		.payments-tab { overflow: hidden; margin: 0 -9px; }
		.payments-tab a {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left; display: block; height: 39px; width: 50%; font-size: 0.875em; color: #666; text-align: center; line-height: 39px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #e0e0e0;
		}
		.payments-tab a:last-child { border-right: 0px none; }
		.payments-tab a.selected { color: #91278f; font-weight: bold; border-bottom: 1px solid #fff; background-color: #fff; }

		.form-table.cards,
		.form-table.transfer { clear: both; margin-top: 12px; display: none; }

		.confirm-payments p.check { margin: 2px -9px 0 -9px; padding: 6px 9px 8px 9px; line-height: 27px; }
		.confirm-payments p.check.line { margin-top: 0px; border-top: 1px dashed #dcdcdc; }


	


/* 마이페이지 -------------------------------------------- */
section.mypage { }

	/* 기본정보 수정 바로가기 */
	.list-update-info { overflow: hidden; padding: 10px 5px; }
		.list-update-info li {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left; width: 50%; padding: 0 5px;
		}
		.list-update-info li a { position: relative; padding: 0 0 0 11px; display: block; height: 38px; font-size: 0.875em; color: #333; line-height: 38px;
			border: 1px solid #ccc;
			background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
			background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
			background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
			background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
			background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
		}
		.list-update-info li a::after { content: ''; position: absolute; top: 50%; right: 9px; margin-top: -6px; display: block; height: 12px; width: 7px; background-image: url(../img/common/icon_sprite.png); background-position: -185px -45px; }

	/* 꿈 마일리지 & 꿈 캐시 & 꿈 쿠폰 현황 */
	aside.info-status { }
		ul.list-points { overflow: hidden; }
		ul.list-points li {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: left; width: 33.3%; border-right: 1px solid #fff;
		}
		ul.list-points li:last-child { border-right: 0px none; }

		ul.list-points li a { padding-top: 14px; display: block; height: 98px; font-size: 0.688em; text-align: center; background-color: #dedede; }
		ul.list-points li a > .title { display: block; color: #91278f; font-weight: bold; }
		ul.list-points li a > .title::before { content: ''; margin: 0 auto 7px auto; display: block; height: 38px; width: 40px; background-size: 100%; }
		ul.list-points li a.btn-mileage > .title::before { background-image: url(../img/common/icon_mileage.png); }
		ul.list-points li a.btn-cash > .title::before { background-image: url(../img/common/icon_cash.png); }
		ul.list-points li a.btn-coupon > .title::before { background-image: url(../img/common/icon_coupon.png); }
		ul.list-points li a > .point { margin-top: 8px; display: block; color: #333; }
		ul.list-points li a > .point > em { font-size: 1.636em; color: #e85050; }

		a.btn-sc-benefit { position: relative; padding: 0 0 0 15px; display: block; height: 47px; font-size: 0.875em; color: #333; font-weight: bold; line-height: 47px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #dedede; }
		a.btn-sc-benefit::after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -6px; display: block; height: 12px; width: 7px; background-image: url(../img/common/icon_sprite.png); background-position: -185px -45px; }
		a.btn-sc-benefit .new { position: absolute; top: 50%; right: 24px; margin-top: -6px; }


		ul.list-tableview { margin-top: 10px; border-top: 1px solid #dcdcdc; background-color: #fff; }
		ul.list-tableview li { border-bottom: 1px solid #dcdcdc; }
		ul.list-tableview li a { position: relative; padding: 0 0 0 15px; display: block; height: 47px; font-size: 0.875em; color: #333; font-weight: bold; line-height: 47px;  }
		ul.list-tableview li a::after { content: ''; position: absolute; top: 50%; right: 10px; margin-top: -6px; display: block; height: 12px; width: 7px; background-image: url(../img/common/icon_sprite.png); background-position: -185px -45px; }
		ul.list-tableview li a .status { position: absolute; top: 50%; right: 24px; margin-top: -23px; color: #e85050; font-weight: normal; }
		ul.list-tableview li a .status.empty { color: #c8c8c8; }


	/* 꿈 마일리지 & 꿈 캐시 & 꿈 쿠폰 */
	header.information { padding: 15px; }
		header.information h1 { font-size: 1.000em; color: #333; font-weight: bold; }
		header.information .desc { margin-top: 2px; }
		header.information .desc li { position: relative; padding: 4px 0 0 9px; font-size: 0.813em; color: #666; line-height: 18px; }
		header.information .desc li::before { content: ''; position: absolute; top: 10px; left: 0px; display: block; height: 3px; width: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #91278f;
		}
		header.information .desc em { color: #e85050; }
		header.information .desc strong { color: #91278f; font-weight: normal; }
		
		.mypage .status-points { padding: 13px 15px 13px 15px; background-color: #777; }
		.mypage .status-points a { position: relative; padding: 0 15px 0 0; display: block; height: 55px; font-size: 1.125em; color: #333; font-weight: bold; text-align: right; line-height: 55px;
			-webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);

			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background-color: #ffffff;
		}
		.mypage .status-points div.btn-cash, div.btn-smilecash { position: relative; padding: 0 15px 0 0; display: block; height: 55px; font-size: 1.125em; color: #333; font-weight: bold; text-align: right; line-height: 55px;
			-webkit-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
			box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);

			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			background-color: #ffffff;
		}
		.mypage .status-points a::before { content: ''; position: absolute; top: 50%; left: 15px; margin-top: -19px; display: block; height: 38px; width: 40px; background-size: 100%; }
		.mypage .status-points div::before { content: ''; position: absolute; top: 50%; left: 15px; margin-top: -19px; display: block; height: 38px; width: 40px; background-size: 100%; }
		/*.mypage .status-points a::after { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -6px; display: block; height: 12px; width: 7px; background-image: url(../img/common/icon_sprite.png); background-position: 0px -30px; }*/
		.mypage .status-points a.btn-mileage::before { background-image: url(../img/common/icon_mileage.png); }
		.mypage .status-points a.btn-cash::before { background-image: url(../img/common/icon_cash.png); }
		.mypage .status-points div.btn-cash::before { background-image: url(../img/common/icon_cash.png); }
		.mypage .status-points div.btn-smilecash::before { background-image: url(../img/common/gmarketLogo.png); width: 25%; margin-top: -16px; background-repeat: no-repeat;}
		.mypage .status-points a.btn-coupon::before { background-image: url(../img/common/icon_coupon.png); }
		.mypage .status-points a.btn-coupon { margin-bottom: 1px; }
		.mypage .status-points a > em { font-size: 1.333em; color: #e85050; }
		.mypage .status-points div > input { font-size: 1em; color: #e85050; }

		
		.mypage .status-points .list-summary { margin-top: 3px; margin-bottom: -8px; }
		.mypage .status-points .list-summary li { font-size: 0.813em; color: #fff; line-height: 27px; border-bottom: 1px solid #959595; }
		.mypage .status-points .list-summary li:last-child { border-bottom: 0px none; }
		.mypage .status-points .list-summary li > span { float: right; color: #fb9029; }

		section.switch-mileage { padding: 19px 0 5px 10px; }
		section.switch-mileage h1 { font-size: 1.000em; color: #333; font-weight: bold; }

		/* 쿠폰 리스트 */
		ul.list-coupon { }
		ul.list-coupon li { padding: 11px 0 11px 15px; font-size: 0.750em; color: #666; line-height: 16px; border-bottom: 1px solid #dcdcdc; background-color: #fff; }
		ul.list-coupon li .title { margin-top: 5px; font-size: 1.167em; color: #333333; }
		ul.list-coupon li time { color: #e85050; }


	/* 주문 환형 */
	section.order { padding-left: 10px; padding-right: 10px; }
	section.order > h1 { margin-top: 8px; padding-left: 5px; font-size: 1.000em; color: #333; font-weight: bold; line-height: 35px; }
	section.order > h1 > em { color: #91278f; }
	section.order > h1 a { color: #333; }

	section.order h1 + section.set-products { margin-top: 0px; }


		table.table-info-order { overflow: hidden;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #dcdcdc;
			border-collapse: separate;
			background-color: #fff; 
		}
		table.table-info-order tbody tr:first-child th { padding-top: 11px; }
		table.table-info-order tbody tr:first-child td { padding-top: 11px; }
		table.table-info-order tbody tr:last-child th { padding-bottom: 10px; }
		table.table-info-order tbody tr:last-child td { padding-bottom: 10px; }

		table.table-info-order tbody th { padding: 10px 0 0 11px; width: 100px; font-size: 0.875em; color: #333; font-weight: bold; text-align: left; vertical-align: top; line-height: 17px; }
		table.table-info-order tbody th > label { position: relative; padding: 0 0 0 9px; }
		table.table-info-order tbody th > label::before { content: ''; position: absolute; top: 50%; left: 0px; margin-top: -2px; display: block; height: 3px; width: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #91278f;
		}
		table.table-info-order tbody td { padding: 10px 13px 0 0; font-size: 0.875em; color: #333; text-align: right; line-height: 17px; }
		table.table-info-order tbody td.l { text-align: left; }
		table.table-info-order tbody td a { color: #333; }
		table.table-info-order tbody td span.minus::before { content: ''; margin: -1px 5px 0 0; display: inline-block; height: 15px; width: 15px; vertical-align: middle; background-image: url(../img/common/icon_sprite.png); background-position: -120px -70px; }
		table.table-info-order tbody td em { font-size: 1.286em; color: #cc0000; font-weight: bold; }
		table.table-info-order tbody td small { margin-top: -2px; display: block; font-size: 0.857em; color: #666; }


	/*  장바구니 */
	section.cart { padding-left: 10px; padding-right: 10px; }
	section.cart > h1 { padding: 16px 0 0 5px; font-size: 1.000em; color: #333; font-weight: bold; line-height: 20px; }
	section.cart > h1.normal { font-weight: normal; }
	section.cart > h1 > em { color: #91278f; }
	section.cart > h1 a { color: #333; }
	section.cart > .btns { margin-top: 20px; margin-bottom: 40px; }



	/* 관심상품 */
	section.favorite { padding-left: 8px; padding-right: 8px; }
	section.favorite > h1 { padding: 16px 0 0 7px; font-size: 1.000em; color: #333; font-weight: bold; line-height: 20px; }
	section.favorite > h1 > em { color: #91278f; }
	section.favorite > h1 a { color: #333; }






/* 이벤트 -------------------------------------------- */
	section.event-list { padding: 0 10px 0 10px; }
		section.event-list ul.list-event { margin-top: 0px; }

		figure.info-event { padding-bottom: 10px; }
		figure.info-event img { border: 1px solid #dcdcdc; }
		figure.info-event figcaption { display: none; }
		figure.info-event em { display: block; font-size: 0.875em; color: #333; }








/* 회원가입/로그인 -------------------------------------------- */
	section.login { position: relative; height: 100%; }
	section.login > h1 { display: block; height: 118px; text-indent: -9999px; background: #91278f url(../img/member/logo_title.png) center 39px no-repeat; }
	
		.login-company { padding: 0 15px 66px 15px; background: #91278f url(../img/member/bg01.png) left bottom no-repeat; background-size: contain; }
		.login-company p.message { margin-bottom: 15px; font-size: 0.875em; color: #ffb9fe; line-height: 19px; }
		.login-company p.warning { margin-top: 7px; font-size: 0.813em; color: #330033; line-height: 18px; }
		
		.login-user { padding: 42px 15px 0 15px; }
		.login-user .login { overflow: hidden; position: relative; display: block; height: 78px; }
		.login-user .login label.id { position: absolute; top: 0px; right: 90px; left: 2px; display: block; }
		.login-user .login label.password { position: absolute; bottom: 0px; right: 90px; left: 2px; display: block; }
		.login-user .login input.btn-login { float: right; }
		input.btn-login { display: block; height: 78px; width: 85px; font-size: 0.875em; color: #fff; font-weight: bold; text-align: center;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 0px none;
			background-color: #e85050;
		}

		.login-user p.options { padding-top: 10px; padding-left: 2px; }
		.login-user p.options .label-checkbox { padding-right: 15px; }

		/* 하단 버튼 */
		section.login .btn-utils { margin-top: 34px; text-align: center; }
		
			section.login .btn-utils a { padding: 0 15px; display: inline-block; font-size: 0.875em; color: #333; font-weight: bold; text-align: center; text-decoration: underline; border-right: 1px solid #c5c5c5;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;
			}
			section.login .btn-utils a:last-child { border-right: 0px none; }
	
		

		/* 아이디 찾기 */
		fieldset.search-company { position: relative; padding: 15px; }
		fieldset.search-company .with-btn { position: absolute; right: 90px; left: 15px; }
		fieldset.search-company input.btn-inline-fn { float: right; }
		fieldset.search-company p { clear: both; padding-top: 16px; font-size: 0.813em; color: #666; line-height: 18px; }


		fieldset.field-search { padding: 15px 15px 0px 15px; border-top: 1px solid #dcdcdc; }

		table.form-table { }
		table.form-table tbody th { padding: 3px 0; width: 85px; font-weight: normal; text-align: left; line-height: 34px; vertical-align: top; }
		table.form-table.password tbody th { width: 100px; }
		table.form-table tbody th.vmiddle { line-height: 18px; vertical-align: middle; }
		table.form-table tbody th.colspan { line-height: 20px; }
		table.form-table tbody th > label { font-size: 0.875em; color: #333; }
		.payments table.form-table tbody th > label { position: relative; padding-left: 9px; font-size: 0.875em; color: #333; font-weight: bold; }
		.payments table.form-table tbody th > label::before { content: ''; position: absolute; top: 50%; left: 0px; margin-top: -2px; display: block; height: 3px; width: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #b8b8b8;
		}

		table.form-table tbody th > label > small { margin-top: -2px; display: block; font-size: 0.786em; }
		table.form-table tbody th > label > small.inline { display: inline; font-size: 0.857em; }
		table.form-table tbody td { position: relative; padding: 3px 0; height: 36px; font-size: 0.875em; }

		table.form-table.txt { margin-top: 7px; }
		table.form-table.txt tbody tr th { padding: 2px 0 5px 0; height: auto; line-height: 16px; vertical-align: top; }
		table.form-table.txt tbody tr th > label { font-weight: bold; vertical-align: top; }
		table.form-table.txt tbody tr td { padding: 2px 0 5px 0; height: auto; line-height: 16px; }
		table.form-table.txt tbody tr td > a { color: #333; }

		table.form-table.payments tbody th { width: 75px; }
		table.form-table.payments tbody th > label { position: relative; padding-left: 12px; display: inline-block; font-size: 0.875em; color: #333; font-weight: bold; }
		table.form-table.payments tbody th > label::before { content: ''; position: absolute; top: 50%; left: 2px; margin-top: -2px; display: block; height: 3px; width: 3px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #b8b8b8;
		}


		table.form-table label.label-checkbox,
		table.form-table label.label-radio { padding-right: 11px; }
		
		table.form-table .addon { padding: 5px 0 4px 0; }
		table.form-table .with { position: relative; }
		table.form-table .with-btn { position: absolute; right: 75px; left: 0px; }
		table.form-table input.btn-inline-fn { float: right; }
		table.form-table a.btn-inline-fn { float: right; }

		table.form-table p.multiple-input {
			display: -webkit-box;
			display: -moz-box;
			display: box;

			-webkit-box-align: center;
			-moz-box-align: center;
			box-align: center;
		}
		table.form-table p.multiple-input input.inline {
			margin: 0 2px 0 3px; display: block;
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			box-flex: 1;
		}
		table.form-table p.multiple-input input.inline:first-child { margin-left: 0px; }
		table.form-table p.multiple-input input.inline:last-child { margin-right: 0px; }

		table.form-table p.add-address { clear: both; padding-top: 5px; }
		p.addon-bottom { padding: 6px 15px 0px 15px; border-top: 1px solid #dcdcdc; }
		p.addon-bottom .agree { padding-top: 9px; display: block; }
		p.addon-bottom a.btn-view01 { float: right; }

		p.addon-form-table { margin-top: 10px; }


		/* 본인 인증 확인 */
		.confirm-user { padding: 15px; }
		.confirm-user > h1 { font-size: 1.000em; color: #333; font-weight: bold; line-height: 25px; }
		.confirm-user > p { padding-top: 3px; font-size: 0.813em; color: #666; line-height: 18px; }

			.confirm-user .list-btns { margin: 11px -6px; }
			.confirm-user .list-btns > li {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;

				float: left; margin-bottom: 10px; padding: 0 6px; width: 50%;
			}
			.confirm-user .list-btns a {
				position: relative; padding-top: 93px; display: block; height: 30px; font-size: 0.938em; color: #333; font-weight: bold; text-align: center;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid #91278f;

				background: #ffffff;
				background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
				background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
				background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
				background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
				background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
			}
			.confirm-user .list-btns a.sms::before { content: ''; position: absolute; top: 22px; left: 50%; margin-left: -25px; display: block; height: 54px; width: 50px; background: url(../img/member/icon_auth01.png) left top no-repeat; }
			.confirm-user .list-btns a.ipin::before { content: ''; position: absolute; top: 24px; left: 50%; margin-left: -27px; display: block; height: 50px; width: 53px; background: url(../img/member/icon_auth02.png) left top no-repeat; }

			/* confirm-user added contents */
			.confirm-user .conid { float: left; margin: 10px 0 0 0; width: 100%; border-top: 1px solid #ddd; padding: 10px 0 0 0;}
			.confirm-user .conid b{ color:#2744a8; font-weight: bold; line-height: 25px; font-size: 1.000em;}
			.confirm-user .conidtxt{  padding-top: 3px; font-size: 0.813em; color: #666; line-height: 18px;}
			.confirm-user .conidtxt strong{ font-weight:bold; line-height: 23px; color:#2744a8;}
			 
			.confirm-user .conidtxt a{ color:#2744a8; font-weight:bold;}



	/* header height ----------- */
	@media only screen and (max-height : 460px) {

		section.login > h1 { height: 96px; background-position: center 29px; }
			.login-company { padding: 0 15px 41px 15px;}
			.login-company p.message { margin-bottom: 10px; }

			.login-user { padding: 22px 15px 0 15px; }
			.login-user p.options { padding-top: 10px; }

			section.login .btn-utils { margin-top: 22px; }
	}





/* 고객센터 -------------------------------------------- */
	/* 새로운 글 아이콘 */
	span.new { display: block; height: 12px; width: 26px; text-indent: -9999px; background-image: url(../img/common/icon_sprite.png); background-position: -90px -30px; }

	/* 고객센터 메인 */
	.customer-center { padding: 15px; }
			.customer-center .list-btns { margin: 0px -6px; }
			.customer-center .list-btns > li {
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				box-sizing: border-box;

				float: left; margin-bottom: 10px; padding: 0 6px; width: 50%;
			}
			.customer-center .list-btns a {
				position: relative; padding-top: 63px; display: block; height: 25px; font-size: 0.750em; color: #333; font-weight: bold; text-align: center;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid #91278f;

				background: #ffffff;
				background: -moz-linear-gradient(top,  #ffffff 0%, #e7e7e7 100%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e7e7e7));
				background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
				background: -o-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
				background: -ms-linear-gradient(top,  #ffffff 0%,#e7e7e7 100%);
				background: linear-gradient(to bottom,  #ffffff 0%,#e7e7e7 100%);
			}
			.customer-center .list-btns a.notice > span.new { position: absolute; top: 6px; right: 6px; }
			.customer-center .list-btns a.notice::before { content: ''; position: absolute; top: 17px; left: 50%; margin-left: -16px; display: block; height: 32px; width: 32px; background: url(../img/cs/icon_menu01.png) left top no-repeat; }
			.customer-center .list-btns a.qna::before { content: ''; position: absolute; top: 17px; left: 50%; margin-left: -21px; display: block; height: 32px; width: 41px; background: url(../img/cs/icon_menu02.png) left top no-repeat; }
			.customer-center .list-btns a.faq::before { content: ''; position: absolute; top: 24px; left: 50%; margin-left: -22px; display: block; height: 25px; width: 43px; background: url(../img/cs/icon_menu03.png) left top no-repeat; }



	/* 공지사항 */
	.cs-notice { }
		dl.list-notice { }
		dl.list-notice dt { border-bottom: 1px solid #dcdcdc; background-color: #fff; }
		dl.list-notice dt a { position: relative; padding: 10px 43px 9px 15px; display: block; }
		dl.list-notice dt a::before { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -4px; display: block; height: 7px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -30px -30px; }
		dl.list-notice dt a.selected::before { background-image: url(../img/common/icon_sprite.png); background-position: -60px -30px; }
		dl.list-notice dt a > time { font-size: 0.750em; color: #666; }
		dl.list-notice dt a > .title { margin-top: 1px; display: block; font-size: 0.875em; color: #333; line-height: 18px; }
		dl.list-notice dt a.selected > .title { font-weight: bold; }
		dl.list-notice dt a > span.new { display: inline-block; vertical-align: middle; }

		dl.list-notice dd { padding: 10px 15px; display: none; border-bottom: 1px solid #dcdcdc; background-color: #f0f0f0; }
		dl.list-notice dd .detail { font-size: 0.875em; color: #666; line-height: 18px; }


	/* 1:1문의 */
	.cs-qna { }
		/* 사용자 정보 */
		.info-user { padding: 10px; }
		.info-user > h1 { position: relative; padding-left: 44px; height: 41px; font-size: 0.875em; color: #fff; line-height: 42px;
			-webkit-border-radius: 3px 3px 0px 0px;
			-moz-border-radius: 3px 3px 0px 0px;
			border-radius: 3px 3px 0px 0px;
			background-color: #777;
		}
		.info-user > h1::before { content: ''; position: absolute; top: 50%; left: 10px; margin-top: -12px; display: block; height: 25px; width: 25px; background-image: url(../img/common/icon_sprite.png); background-position: -210px -190px; }
		.info-user > h1 > em { color: #ff9125; }

			.info-basic-user { padding: 9px 0px 4px 10px;
				-webkit-border-radius: 0px 0px 3px 3px;
				-moz-border-radius: 0px 0px 3px 3px;
				border-radius: 0px 0px 3px 3px;
				background-color: #dedede;
			}
			.info-basic-user p { padding-bottom: 5px; }
			.info-basic-user label { padding: 0 6px; display: inline-block; height: 20px; min-width: 50px; font-size: 0.750em; color: #fff; text-align: center; line-height: 20px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				background-color: #c5c5c5;
			}
			.info-basic-user em { margin-left: 5px; font-size: 0.875em; color: #333; }
			.info-basic-user em > a { color: #333; }
			.desc-user { padding: 13px 6px 2px 6px; font-size: 0.875em; color: #666; line-height: 18px; }
			.desc-user > em { color: #e85050; font-weight: bold; }

		/* 1:1 문의 입력 */
		.cs-qna .qna-write { padding: 10px; border-top: 1px solid #dcdcdc; }
		.cs-qna .qna-form textarea { margin-top: 6px; }
		.cs-qna .radios { padding: 7px 0 0 5px; }
		.cs-qna .radios .title { font-size: 0.875em; color: #333; }
		.cs-qna .radios .label-radio { padding-right: 9px; }
		.cs-qna .btns { margin-top: 20px; }

		/* 1:1문의 목록 */
		dl.list-qna { }
		dl.list-qna dt { border-bottom: 1px solid #dcdcdc; background-color: #fff; }
		dl.list-qna dt a { position: relative; padding: 10px 43px 9px 15px; display: block; }
		dl.list-qna dt a > time { font-size: 0.750em; color: #666; }
		dl.list-qna dt a > .title { margin-top: 1px; display: block; font-size: 0.875em; color: #333; line-height: 18px; }
		dl.list-qna dt a.selected > .title { font-weight: bold; }
		dl.list-qna dt a > span.answer { position: absolute; bottom: 11px; right: 15px; padding: 0 8px; display: inline-block; height: 18px; font-size: 0.688em; color: #fff; line-height: 20px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			background-color: #c0c0c0;
		}
		dl.list-qna dt a > span.answer.done { background-color: #e85050; }
		dl.list-qna dt a > span.answer.ing { background-color: #ffc056; }

		dl.list-qna dd { padding: 10px 15px; display: none; border-bottom: 1px solid #dcdcdc; background-color: #f0f0f0; }
		dl.list-qna dd .question { font-size: 0.875em; color: #666; line-height: 18px; }
		dl.list-qna dd .question .title { position: relative; margin-bottom: 7px; padding: 1px 0 0 23px; display: block; height: 17px; font-size: 0.750em; color: #c0c0c0; font-weight: bold; }
		dl.list-qna dd .question .title::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; display: block; height: 18px; width: 18px; background-image: url(../img/common/icon_sprite.png); background-position: 0px -70px; }

		dl.list-qna dd .answer { padding-top: 17px; font-size: 0.875em; color: #666; line-height: 18px; }
		dl.list-qna dd .answer .title { position: relative; margin-bottom: 7px; padding: 1px 0 0 23px; display: block; height: 17px; font-size: 0.750em; color: #e85050; font-weight: bold; }
		dl.list-qna dd .answer .title::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -9px; display: block; height: 18px; width: 18px; background-image: url(../img/common/icon_sprite.png); background-position: -30px -70px; }
		dl.list-qna dd .answer .title > time { margin-left: 4px; font-size: 0.917em; color: #666; font-weight: normal; }

		/* FAQ */
		dl.list-faq { }
		dl.list-faq dt { border-bottom: 1px solid #dcdcdc; background-color: #fff; }
		dl.list-faq dt a { position: relative; padding: 10px 43px 10px 15px; display: block; }
		dl.list-faq dt a::before { content: ''; position: absolute; top: 50%; right: 15px; margin-top: -4px; display: block; height: 7px; width: 13px; background-image: url(../img/common/icon_sprite.png); background-position: -30px -30px; }
		dl.list-faq dt a.selected::before { background-image: url(../img/common/icon_sprite.png); background-position: -60px -30px; }
		dl.list-faq dt a > .title { margin-top: 1px; display: block; font-size: 0.875em; color: #333; line-height: 18px; }
		dl.list-faq dt a.selected > .title { font-weight: bold; }
		dl.list-faq dt a > span.new { display: inline-block; vertical-align: middle; }

		dl.list-faq dd { padding: 10px 15px; display: none; border-bottom: 1px solid #dcdcdc; background-color: #f0f0f0; }
		dl.list-faq dd .detail { font-size: 0.875em; color: #666; line-height: 18px; }

		.cs-faq { padding-top: 1px; }





/* 기타 -------------------------------------------- */
section.etc { padding-left: 15px; padding-right: 15px; }
	section.etc .list-tableview { margin: 0 -15px 0 -15px; }
	section.etc .agreement { padding: 14px 0; font-size: 0.875em; color: #666; line-height: 18px; }

section.external-service {
	display: -webkit-box;
	display: -moz-box;
	display: box;

	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;

	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;

	-webkit-box-align: center;
	-moz-box-align: center;
	box-align: center;
	position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; padding-bottom: 25px; text-align: center;
	background: url(../img/etc/bg_etc01.png) left bottom no-repeat; background-size: contain; 
}
	section.external-service > div { width: 100%; }
	section.external-service a.btn-inline-fn { width: 105px; }
	section.external-service .message { font-size: 0.938em; color: #333; line-height: 28px; }
	section.external-service .message > em { color: #e85050; font-weight: bold; }
	section.external-service .message .logo { display: inline-block; height: 27px; width: 97px; text-indent: -9999px; background: url(../img/etc/inline_logo.png) left top no-repeat; }
	section.external-service .warning { margin-top: 4px; padding: 10px 0 6px 0; font-size: 0.750em; color: #91278f; line-height: 17px; background-color: #f5e6f5; }
	section.external-service .warning em { font-weight: bold; }

	ul.external-desc {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;

		margin: 15px 15px 0 15px; padding: 7px 15px 10px 13px; display: block; width: auto; text-align: left;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #ffffff;
	}
	ul.external-desc li { position: relative; padding: 5px 0 0 67px; font-size: 0.813em; color: #444; line-height: 16px; }
	ul.external-desc li em { position: absolute; top: 5px; left: 0px; font-weight: bold; }

	section.external-service .agreement { padding: 10px 0 0 15px; text-align: left; }
	section.external-service .btns { margin-top: 20px; }
	section.external-service .btns a { margin-left: 2px; margin-right: 2px; }



/* ratio : 2 -------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	a, span, ::before, ::after, input, select, caption { background-size: 300px 300px; }

	/* form controls */
	input[type=checkbox]:checked { background-image: url(../img/common/icon_sprite@2x.png); }
	input[type=radio].like-checkbox:checked { background-image: url(../img/common/icon_sprite@2x.png); }
	.select-container a.display::after { background-image: url(../img/common/icon_sprite@2x.png); }
	ul.list-drop.options > li > a::after { background-image: url(../img/common/icon_sprite@2x.png); }



	/* btns */
	a.btn-notification { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-more:after { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-favorite { background-image: url(../img/common/btns_navigation@2x.png); background-size: 88px 264px; }
	a.btn-point-request::before { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-guide { background: url(../img/btn_guide01@2x.png) left top no-repeat; background-size: 100%; }
	a.btn-normal.next::after { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-strong.buy::after { background-image: url(../img/common/icon_sprite@2x.png); }


	/* home */


	/* home - MY복지 */
	section.home-welfare .remain-point span.mypoint::before { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-sc-point::before { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-sc-point::after { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-sc-mywelfare::before { background-image: url(../img/common/icon_sprite@2x.png); }
	a.btn-sc-mywelfare::after { background-image: url(../img/common/icon_sprite@2x.png); }

	/* home - 꿈샵 */
	figure.info-products .soldout { background-image: url(../img/bg_soldout@2x.png); background-size: 80px 80px; }
	figure.info-products .available { background-image: url(../img/common/icon_sprite@2x.png); }

	/* home - 서비스 */
	figure.info-service .available { background-image: url(../img/common/icon_sprite@2x.png); }



	/* My복지 */
	fieldset.status-point .remain-point > span.mypoint::before { background-image: url(../img/common/icon_sprite@2x.png); }
	fieldset.status-point .status a::before { background-image: url(../img/common/icon_sprite@2x.png); }

	.welfare button.btn-request::before { background-image: url(../img/common/icon_sprite@2x.png); }
	.welfare button.btn-cancel::before { background-image: url(../img/common/icon_sprite@2x.png); }
	.welfare button.btn-normal::before { background-image: url(../img/common/icon_sprite@2x.png); }


	/* 꿈샵 */
	.menu-category ul.list-category > li > a::after { background-image: url(../img/common/icon_sprite@2x.png); }
	.menu-category ul.list-category > li > a.selected::after { background-image: url(../img/common/icon_sprite@2x.png); }
	.menu-category ul.list-category > li > a::before { background-image: url(../img/common/icon_category@2x.png); background-size: 288px 50px; }
	.search-condition > a::before { background-image: url(../img/common/icon_sprite@2x.png); }


	/* 제품 상세*/
	.product-summary-header .available { background-image: url(../img/common/icon_sprite@2x.png); }
	.product-summary-sub-info a.btn-buy::before { background-image: url(../img/common/icon_sprite@2x.png); }
	.product-summary-sub-info a.btn-cart::before { background-image: url(../img/common/icon_sprite@2x.png); }
	.product-summary-sub-info a.btn-favorite::before { background-image: url(../img/common/icon_sprite@2x.png); }
	.add-options button::before { background-image: url(../img/common/icon_sprite@2x.png); }


	/* 구매하기(결제) */
	/* 최종 결정 금액 */
	footer.total-price .item-price > span > em.plus::before { background-image: url(../img/common/icon_sprite@2x.png); }
	footer.total-price .item-price > span > em.minus::before { background-image: url(../img/common/icon_sprite@2x.png); }
		fieldset.info-shipping a.btn-address::before { background-image: url(../img/common/icon_sprite@2x.png); }

			/* 우편번호 찾기 */
			/*.zipcode .results p.none::before { background-image: url(../img/common/icon_none01@2x.png); }*/
			.results > p.none::before { background-image: url(../img/common/icon_none01@2x.png); }
			.results > p.network::before { background-image: url(../img/common/icon_network01@2x.png); }

		/* 마일리지 전환 */
		fieldset.switch-mileage caption { background-image: url(../img/common/icon_sprite@2x.png); }


	/* 마이페이지 */
	.list-update-info li a::after { background-image: url(../img/common/icon_sprite@2x.png); }
	ul.list-points li a.btn-mileage > .title::before { background-image: url(../img/common/icon_mileage@2x.png); }
	ul.list-points li a.btn-cash > .title::before { background-image: url(../img/common/icon_cash@2x.png); }
	ul.list-points li a.btn-coupon > .title::before { background-image: url(../img/common/icon_coupon@2x.png); }

	a.btn-sc-benefit::after { background-image: url(../img/common/icon_sprite@2x.png); }
	ul.list-tableview li a::after { background-image: url(../img/common/icon_sprite@2x.png); }

		.mypage .status-points a::after { background-image: url(../img/common/icon_sprite@2x.png); }
		.mypage .status-points a.btn-mileage::before { background-image: url(../img/common/icon_mileage@2x.png); }
		.mypage .status-points a.btn-cash::before { background-image: url(../img/common/icon_cash@2x.png); }
		.mypage .status-points a.btn-coupon::before { background-image: url(../img/common/icon_coupon@2x.png); }

		table.table-info-order tbody td span.minus::before { background-image: url(../img/common/icon_sprite@2x.png); }


	/* 서비스 */
	.warning > strong:before { background-image: url(../img/common/icon_sprite@2x.png); }



	/* 회원가입/로그인 -------------------------------------------- */
	section.login > h1 { background-image: url(../img/member/logo_title@2x.png); background-size: 170px 47px; }	
		.login-company { background-image: url(../img/member/bg01@2x.png); background-size: contain; }

		.confirm-user .list-btns a.sms::before { background: url(../img/member/icon_auth01@2x.png) left top no-repeat; background-size: 100%; }
		.confirm-user .list-btns a.ipin::before { background: url(../img/member/icon_auth02@2x.png) left top no-repeat; background-size: 100%; }


	/* 고객센터 -------------------------------------------- */
	span.new { background-image: url(../img/common/icon_sprite@2x.png); }
	.customer-center .list-btns a.notice::before { background: url(../img/cs/icon_menu01@2x.png) left top no-repeat; background-size: 100%; }
	.customer-center .list-btns a.qna::before { background: url(../img/cs/icon_menu02@2x.png) left top no-repeat; background-size: 100%; }
	.customer-center .list-btns a.faq::before { background: url(../img/cs/icon_menu03@2x.png) left top no-repeat; background-size: 100%; }

		/* 공지사항 */
		dl.list-notice dt a::before { background-image: url(../img/common/icon_sprite@2x.png); }
		dl.list-notice dt a.selected::before { background-image: url(../img/common/icon_sprite@2x.png); }
		
		/* 1:1 문의 */
		.cs-qna .info-user > h1::before { background-image: url(../img/common/icon_sprite@2x.png); }
		dl.list-qna dd .question .title::before { background-image: url(../img/common/icon_sprite@2x.png); }
		dl.list-qna dd .answer .title::before { background-image: url(../img/common/icon_sprite@2x.png); }
		
		/* FAQ */	
		dl.list-faq dt a::before { background-image: url(../img/common/icon_sprite@2x.png); }
		dl.list-faq dt a.selected::before { background-image: url(../img/common/icon_sprite@2x.png); }



	/* etc -------------------------------------------- */
	section.external-service { background: url(../img/etc/bg_etc01@2x.png) left bottom no-repeat; background-size: contain; }
	section.external-service .message .logo { background: url(../img/etc/inline_logo@2x.png) left top no-repeat; background-size: 100%; }
}

/* kcomwel -------------------------------------------- */
	section.kcomwel-cs { padding: 0 10px 0 10px; }
		section.kcomwel-cs .number {
			margin: 10px 0px 10px 0px; padding: 13px 12px 10px 12px; font-size: 0.750em; color: #666; line-height: 15px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			background-color: #d8d8d8;
		}
		section.kcomwel-cs .number > strong { position: relative; margin-bottom: 7px; display: inline-block; font-size: 1.333em; color: #333; }
		section.kcomwel-cs .number > b { position: relative; margin-bottom: 7px; display: inline-block; font-size: 1.167em; color: #91278f; }
 
	.kcomwel-select { line-height:34px; font-size: 0.875em; padding:0 0 10px 0} 
	.description-contents h1 + p span.kcomwel { padding: 0 0 3px 0; display:block}
	
	
	
	.btn-inline-fn-birth { display: inline-block; height: 30px; min-width: 60px; font-size: 13px; color: #fff; font-weight: normal; text-align: center; line-height: 30px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 0px none;
		background-color: #91278f;
	}
	
	.btn-inline-fn-birth-rlt { display: inline-block; height: 30px; min-width: 80px; font-size: 14px; color: #fff; font-weight: normal; text-align: center; line-height: 30px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 0px none;
		background-color: #91278f;
		text-align: center;
	}

/*이벤트 참여관리*/
	fieldset.search-range-event { padding: 12px 0px; background-color: #dedede; }
	fieldset.search-range-event p { position: relative; text-align: left; }
	fieldset.search-range-event .with-btn { position: absolute; right: 75px; left: 0px; }
	fieldset.search-range-event .calendar { padding: 0 11px; }
	fieldset.search-range-event p input[type=tel],
	fieldset.search-range-event p input[type=text],
	fieldset.search-range-event p input[type=date] {  font-size: 0.738em; min-width: 98px; width: 37.6%; vertical-align: middle; }
	fieldset.search-range-event p span { font-size: 0.938em; color: #666; vertical-align: middle; padding: 0px 0px;}

		/* 포인트 차감 조회 영역 - mypage */
		fieldset.search-range-event .select-range {
			display: -webkit-box;
			display: -moz-box;
			display: box;

			-webkit-box-align: center;
			-moz-box-align: center;
			box-align: center;

			margin-bottom: 7px;
		}
		fieldset.search-range-event .select-range li {
			-webkit-box-flex: 1;
			-moz-box-flex: 1;
			box-flex: 1;
		}
		fieldset.search-range-event .select-range li a { position: relative; margin-right: -1px; display: block; font-size: 0.875em; color: #333; text-align: center; line-height: 34px; border: 1px solid #ccc; background-color: #fff; }
		fieldset.search-range-event .select-range li:first-child a {
			-webkit-border-radius: 4px 0px 0px 4px; 
			-moz-border-radius: 4px 0px 0px 4px; 
			border-radius: 4px 0px 0px 4px; 
		}
		fieldset.search-range-event .select-range li:last-child a {
			-webkit-border-radius: 0px 4px 4px 0px; 
			-moz-border-radius: 0px 4px 4px 0px; 
			border-radius: 0px 4px 4px 0px; 
		}
		fieldset.search-range-event .select-range li a.selected { z-index: 5; color: #e85050; border: 1px solid #e85050; }

		section.order fieldset.search-range-event { margin-right: -10px; margin-left: -10px; }

		
		
		table.form-table-new { }
		table.form-table-new tbody th { padding: 3px 0; width: 15%; font-weight: normal; text-align: left; line-height: 34px; vertical-align: top; }
		table.form-table-new tbody th > label { font-size: 0.875em; color: #333; }
		table.form-table-new tbody td { position: relative; padding: 3px 0; height: 36px; font-size: 0.875em;}
		
		table.form-table-new.txt { margin-top: 7px; }
		table.form-table-new.txt tbody tr th { padding: 2px 0 5px 0; height: auto; line-height: 16px; vertical-align: top; }
		table.form-table-new.txt tbody tr th > label { font-weight: bold; vertical-align: top; }
		table.form-table-new.txt tbody tr td { padding: 2px 0 5px 0; height: auto; line-height: 16px; }
		table.form-table-new.txt tbody tr td > a { color: #333; }
		
		fieldset.search-range-event input.btn-inline-fn-event { float: right; background-color: #e85050; width: 110px;
		display: block; height: 34px; width: 45px; font-size: 0.875em; color: #fff; font-weight: bold; text-align: center;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 0px none;
			background-color: #e85050;
			}
		
		
		
/* 기부포인트 */	
.point_welfare *{font-family:'Noto Sans KR', sans-serif;color:#313131;}
.point_welfare .point-guide{padding:18px 0 15px 15px;background:#f0f0f0;}
.point_welfare .point-guide .info_txt{margin-top:0;font-size:0.813em;}
.point_welfare .point-guide .n_list{margin-top:15px;}
.point_welfare .point-guide .n_list li{padding-left:2%;font-size:1.000em;font-weight:600;}
.point_welfare .point-guide .n_list li span{display:inline-block;font-weight:500;}

.point_welfare .point_act_area{text-align:center;}
.point_welfare .point_act_area .point_act_t{position:relative;padding:25px 0 45px;background:#fff;}
.point_welfare .point_act_area .point_act_t .box_tit{margin-bottom:12px;font-size:17px;color:#000;}
.point_welfare .point_act_area .point_act_t .point_n{display:inline-block;width:53%;height:50px;line-height:50px;padding:0 20px;background:#f0f0f0;border:1px solid #d6d6d6;border-radius:25px;font-size:19px;color:#595959;text-align:right;box-sizing:border-box;}
.point_welfare .point_act_area .point_act_t .point_n span{font-size:25px;color:#595959;}
.point_welfare .point_act_area .point_act_t .box_txt{margin-top:13px;font-size:13px;color:#000;}
.point_welfare .point_act_area .point_act_t:after{position:absolute;bottom:15px;left:50%;display:block;content:'';clear:both;width:25px;height:13px;margin-left:-12.5px;background:url(../../css/images/donation_ico_point_arrw.png) no-repeat 0 0;background-size:cover;}

.point_welfare .point_act_area .point_act_b{padding:23px 0 20px 0;background:#f0f0f0;}
.point_welfare .point_act_area .point_act_b .box_tit{margin-bottom:12px;font-size:19px;color:#313131;}
.point_welfare .point_act_area .point_act_b .point_n{display:inline-block;width:67%;height:55px;line-height:55px;padding:0 40px 0 20px;background:#fff;border:1px solid #d0d0d0;border-radius:25px;font-size:20px;color:#595959;text-align:right;box-sizing:border-box;}
.point_welfare .point_act_area .point_act_b .point_n input{width:78%;height:53px;border:0;font-size:31px;text-align:right;color:#313131;}
.point_welfare .point_act_area .point_act_b .point_n input:focus{outline:none;}
.point_welfare .point_act_area .point_act_b .box_txt{margin-top:13px;font-size:13px;color:#000;}

.point_welfare .agree_area{position:relative;padding:15px 0 20px;background:#fff;}
.agree_area label{position:absolute;left:40px;top:13px;font-size:13px;color:#656565;font-weight:500;}
/*.agree_area label input{width:11px;height:11px;margin-right:7px;vertical-align:-1px;})*/
.agree_area label input{width:22px;height:22px;margin-right:7px;vertical-align:-5px;}
/*.agree_area label input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;}*/
.point_welfare .agree_area .agree_txt{position:relative;left:50%;margin-left:-59.5px;width:max-content;font-size:10px;line-height:19px;}
.point_welfare .agree_area .agree_txt b{font-size:13px;font-weight:600;}
.point_welfare .agree_area .btn_area{margin-top:21px;text-align:center;}
.point_welfare .agree_area .btn_area a.btn_donation{display:inline-block;width:119px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:15px;background:#91278f;}

.point_welfare .form_list_area{padding:27px 15px 40px 15px;background:#fff;}
.point_welfare .form_list_area .search-range{position:relative;padding:0;margin-bottom:25px;background:#fff;}
.point_welfare .form_list_area .search-range p{text-align:left;}
.point_welfare .form_list_area .search-range input[type="date"]{height:28.5px;border-radius:0;border-color:#d9d9d9;}
.point_welfare .form_list_area .search-range .btn-inline-fn{position:absolute;right:0;width:68.5px;height:28.5px;line-height:28.5px;color:#fff;font-size:14px;background:#91278f;border-radius:0;}

.point_welfare .form_list_area .form_list{border:1px solid #d6d6d6;border-bottom:0;}
.point_welfare .form_list_area .form_list dt{height:38px;line-height:38px;padding:0 13px;background:#f7f7f7;color:#000;font-size:17px;}
.point_welfare .form_list_area .form_list li{padding:15px 0 14px;border-bottom:1px solid #d6d6d6;}
.point_welfare .form_list_area .form_list li .form_t{padding:0 13px;font-size:17px;color:#000;text-align:left;font-weight:300;}
.point_welfare .form_list_area .form_list li .form_n{padding:0 13px;margin-top:10px;font-size:20px;text-align:right;}









/* main_24.css st */
#header{z-index:10;}
#header .head{display:flex;justify-content:space-between;align-items:center;height:50px;padding:0 4vw;}
#header .head .logo {width:auto;height:50px;padding:0;margin:0;font-size:0;line-height:0;}
#header .head .logo img {width:auto;height:100%;}
#header .head .box__btn a{display:inline-block;width:32px;height:32px;}

/*lnb 카테고리*/
[class*="lyr__wrap_"]{position:fixed;top:0;bottom:0;width:100%;height:100vh;background:#ffffff;z-index:1002;transition:all .3s ease;}
.lyr_head{display:flex;align-items:center;height:56px;border-bottom:1px solid #f0f0f0;color:#000000;font-size:18px;font-weight:500;}
.lyr_head .layr_tit{padding-left:18px;}
.lyr_head .btn_close_lyr{display:inline-block;position:absolute;right:15px;top:21px;width:20px;height:20px;background:url(/v2/css/images/ico_close_20x20.png) no-repeat center center;background-size:100%;font-size:0;text-indent:-9999px;}
/* .lyr_cont{padding:19px 24px 0;} */

.lyr__wrap_navCate{left:-100%; display:none;}
.lyr__wrap_navCate.on{left:0; display:block;}
.lyr__wrap_navCate .lyr_head{height:auto;padding:20px 4vw 18px;color:#000000;font-size:14px;line-height:21px;}
.lyr__wrap_navCate .lyr_head strong{color:#EF4055;font-weight:600;}
.lyr__wrap_navCate .lyr_head strong.login-name{color:#000000;font-weight:bolder;}
.lyr__wrap_navCate .aside__cate_con .txt_info{padding:11px 0 12px 4vw;color:#999999;font-size:12px;line-height:16px;}
.lyr__wrap_navCate .aside__cate_con .txt_info .flag{display:inline-block;width:16px;height:17px;margin-right:3px;background:url(/v2/css/images/ico_point.png) no-repeat top left;background-size:16px 16px;vertical-align:top;}
.lyr__wrap_navCate .aside__cate_con .txt_info .tag_cate{display:inline-block;width:auto;height:17px;margin-right:3px;color: #73dbc8; font-size: 10px;vertical-align:top;}

.lyr__wrap_navCate .tab_controller{display:flex;width:100%;}
.lyr__wrap_navCate .tab_controller a{flex-grow:1;display:block;border-style:solid;height:53px;line-height:53px;border-color:#e0e0e0;border-bottom-width:2px;text-align:center;color:#8c8c8c;font-size:16px;}
.lyr__wrap_navCate .tab_controller a.on{border-color:#131922;color:#000000;}
.lyr__wrap_navCate .tab_content .tab_content_cate{display:grid;grid-template-columns:32vw 1fr;display:none;}
.lyr__wrap_navCate .tab_content .tab_content_cate.on{display:grid;}

.lyr__wrap_navCate .box__cate_group{display:flex;flex-direction:column;background:#F5F5F5;}
.lyr__wrap_navCate .box__cate_group a{display:inline-flex;justify-content:flex-start;align-items:center;height:56px;padding-left:5vw;background:#F5F5F5;font-size:15px;color:#000000;font-weight:500;word-break:keep-all;}
.lyr__wrap_navCate .box__cate_group a.on{background:#FFFFFF;color:#EF4055;font-weight:500;}
.lyr__wrap_navCate .box__cate_1depth{display:none;}
.lyr__wrap_navCate .box__cate_1depth.on{display:block;}

.lyr__wrap_navCate .box__cate_1depth .in__cate_1depth{flex-grow:1;display:flex;flex-direction:column;flex-wrap:wrap;height:calc(100vh - 56px);height:calc(var(--vh, 1vh) * 100 - 56px);}
.lyr__wrap_navCate .box__cate_1depth .in__cate_1depth ul{overflow-y:auto;}
.lyr__wrap_navCate .box__cate_1depth ul li a{position:relative;display:block;line-height:21px;padding:17px 4vw 18px 5vw;color:#111111;font-size:15px;font-weight:500;}
.lyr__wrap_navCate .box__cate_1depth .in__cate_1depth > ul > li.on > a{font-weight:600;}
.lyr__wrap_navCate .box__cate_1depth .in__cate_1depth > ul > li > a:after{content:'';position:absolute;right:4vw;top:50%;transform:translateY(-50%);display:inline-block;width:16px;height:7px;transition:all .3s ease;background:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%3E%3Cpath%20id%3D%22%ED%8C%A8%EC%8A%A4_185%22%20data-name%3D%22%ED%8C%A8%EC%8A%A4%20185%22%20d%3D%22M9.443-15.994l.933.943-6.1%2C6.057l6.1%2C6.075-.933.925-7.067-7Z%22%20transform%3D%22translate(15.994%2010.376)%20rotate(-90)%22%20fill%3D%22%23ddd%22/%3E%3C/svg%3E') no-repeat center;background-size:contain;}
.lyr__wrap_navCate .box__cate_1depth .in__cate_1depth > ul > li.on > a:after{transform:rotate(180deg);background:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2214%22%20height%3D%228%22%20viewBox%3D%220%200%2014%208%22%3E%3Cpath%20id%3D%22%ED%8C%A8%EC%8A%A4_185%22%20data-name%3D%22%ED%8C%A8%EC%8A%A4%20185%22%20d%3D%22M9.443-15.994l.933.943-6.1%2C6.057l6.1%2C6.075-.933.925-7.067-7Z%22%20transform%3D%22translate(15.994%2010.376)%20rotate(-90)%22%20fill%3D%22%23999%22/%3E%3C/svg%3E') no-repeat center;background-size:contain;}
.lyr__wrap_navCate .box__cate_1depth .in__cate_1depth > ul > li.on .box__cate_2depth{display:block;}
.lyr__wrap_navCate ul.box__cate_2depth{display:none;border-block:1px solid #F5F5F5;}
.lyr__wrap_navCate ul.box__cate_2depth li a{position:relative;padding:10px 0 10px 10.5vw;line-height:18px;color:#787878;font-size:13px;font-weight:400;}
.lyr__wrap_navCate ul.box__cate_2depth li .flag{position:absolute;left:3.8vw;display:inline-block;width:18px;height:18px;background:url(/v2/css/images/ico_point.png) no-repeat top left;background-size:18px 18px;vertical-align:top;}
.lyr__wrap_navCate ul.box__cate_2depth li .tag_cate{color: #73dbc8; font-size: 10px;position:absolute;left:3.8vw;display:inline-block;vertical-align:top;}

/*검색레이어*/
.lyr__wrap_search{right:-100%; display:none;}
.lyr__wrap_search.on{right:0; display:block;}
.lyr__wrap_search .input_box{display:flex;align-items:center;gap:9px;padding:11px 4vw;border-bottom:1px solid #F3F3F3;box-sizing:border-box;}
.lyr__wrap_search .input_box .btn_close_lyr{flex-shrink:0;width:32px;height:32px;background:url(/v2/css/images/ico_lyr_back.png) no-repeat center center;background-size:11px 19px;font-size:0;text-indent:-9999px;}
.lyr__wrap_search .input_box .unit_input{position:relative;width:100%; /*display:inline-flex;*/}
.lyr__wrap_search .input_box .input_srch{width:100%;height:40px;/*padding:0 75px 0 16px;*/background:#F5F5F5;border-radius:22px;border:0;color:#000000;font-size:13px;}
.lyr__wrap_search .input_box ::-webkit-input-placeholder{color:#333333;font-weight:normal;}
.lyr__wrap_search .input_box :-moz-placeholder{color:#333333;font-weight:normal;}
.lyr__wrap_search .input_box ::-moz-placeholder{color:#333333;font-weight:normal;}
.lyr__wrap_search .input_box :-ms-input-placeholder{color:#333333;font-weight:normal;}
.lyr__wrap_search .input_box .btn_it_del{display:none;position:absolute;right:50px;top:50%;width:10px;height:10px;transform:translateY(-50%);background:url(/v2/css/images/ico_del_20_969696.png) no-repeat 0 0;background-size:100%;text-indent:-9999px;font-size:0;}
.lyr__wrap_search .input_box .btn_input_srch{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:26px;height:26px;background:url(/v2/css/images/ico_lyr_srch.png) no-repeat 0 0;background-size:26px;text-indent:-9999px;font-size:0;}

.lyr__wrap_search .box__initialSrch{display:flex;flex-direction:column;gap:24px;}
.lyr__wrap_search .searching_list{overflow-y:auto;height:calc(100vh - 63px);padding:20px 4vw 44px;box-sizing:border-box;}
.lyr__wrap_search .searching_list .box__initialSrch{}
.lyr__wrap_search .searching_list .box_tit{display:block;margin-bottom:10px;padding:4px 0;color:#111111;font-size:16px;font-weight:600;line-height:24px;}
.lyr__wrap_search .searching_list .box_srch_rank{counter-reset:itemNum;}
.lyr__wrap_search .searching_list .box_srch_rank ul{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:10px;}
.lyr__wrap_search .searching_list .box_srch_rank ul li{position:relative;padding-left:30px;}
.lyr__wrap_search .searching_list .box_srch_rank ul li a{display:inline-block;line-height:20px;color:#111111;font-size:14px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.lyr__wrap_search .searching_list .box_srch_rank ul li:before{content:counter(itemNum);counter-increment:itemNum;position:absolute;left:0;display:inline-block;width:20px;color:#EF4055;font-size:14px;font-weight:600;line-height:20px;text-align:center;}
.lyr__wrap_search .searching_list .box_srch_keyword{position:relative;}
.lyr__wrap_search .searching_list .box_srch_keyword .noData{color:#A0A0A0;font-size:14px;line-height:20px;} 
.lyr__wrap_search .searching_list .box_srch_keyword ul{display:flex;flex-wrap:nowrap;gap:6px;margin:0 -4vw;padding:0 4vw;}
.lyr__wrap_search .searching_list .box_srch_keyword ul li{flex-shrink:0;position:relative;width:auto;padding:6px 28px 6px 9px;background:#F5F5F5;border-radius:4px;}
.lyr__wrap_search .searching_list .box_srch_keyword ul li a{display:inline-block;max-width:135px;color:#111111;font-size:13px;font-weight:400;line-height:18px;vertical-align:top;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;word-break:break-all;}
.lyr__wrap_search .searching_list .box_srch_keyword ul li .btn_del{position:absolute;right:6px;top:6px;display:inline-block;width:18px;height:18px;background:url(/v2/css/images/ico_close_10x10.png) no-repeat center center;background-size:10px 10px;vertical-align:top;}
.lyr__wrap_search .searching_list .box_srch_keyword .btn_all_del{position:absolute;top:7px;right:0;color:#787878;font-size:12px;line-height:17px;}

.lyr__wrap_search .box__srch_autoList ul{display:flex;flex-direction:column;gap:10px;}
.lyr__wrap_search .box__srch_autoList a{color:#111111;font-size:14px;font-weight:400;line-height:20px;}
.lyr__wrap_search .box__srch_autoList a span{color:#EF4055;}

/* 하단 tab bar */
.bar__util{position:fixed;bottom:0;left:0;right:0;height:47px;padding:9px 0 0 0;padding-bottom:env(safe-area-inset-bottom, 20px);padding-bottom:constant(safe-area-inset-bottom, 20px);box-shadow:4px 0 5px rgb(0 0 0 / 30%);background:#fff;box-sizing:initial;z-index:12;-webkit-transform:translate(0, 0);-webkit-transition:-webkit-transform 500ms ease;transform:translate(0, 0);transition:transform 500ms ease;}
.bar__util *{font-family: 'Noto Sans KR', sans-serif;letter-spacing:-.5px;line-height:1.1;}
.bar__util.t_hide{-webkit-transform:translate(0, 69px);transform:translate(0, 69px);}
.bar__util ul{overflow:hidden;display:flex;justify-content:space-between;width:100%;}
.bar__util ul li{width:100%;text-align:center;}
.bar__util ul li a{display:flex;flex-direction:column;align-items:center;}
.bar__util ul li span{font-size:0;letter-spacing:-9999px;}
.bar__util [class*="i_f_"]{display:inline-block;width:32px;height:32px;background-repeat:no-repeat;background-position:0 0;background-size:100% 100%;}
.bar__util .i_f_cate{background-image:url(/v2/css/images/ico_foot_cate.png);} /*카테고리*/
.bar__util .i_f_home{background-image:url(/v2/css/images/ico_foot_home.png);} /*홈*/
.bar__util .i_f_my{background-image:url(/v2/css/images/ico_foot_my.png);} /*마이페이지*/
.bar__util .i_f_order{background-image:url(/v2/css/images/ico_foot_order.png);} /*주문현황*/

.btn__quick_wrap [class*=btn_]{display:inline-block;overflow:hidden;position:fixed;bottom:0;width:40px;height:40px;transform:translate(0,-135px);font-size:0;text-indent:-9999px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;opacity:0;visibility:hidden;z-index:0;transition:transform 500ms ease, opacity 500ms ease, visibility 500ms ease;}
.btn__quick_wrap [class*=btn_].trans{transform:translate(0,-34px);}
.btn__quick_wrap [class*=btn_].show{opacity:1;visibility:visible;z-index:12;}
.btn__quick_wrap .btn_to_top{right:15px;background-image:url(/v2/css/images/btn_up.png);}


/* main_24.css end*/