@charset "UTF-8";       /* 스타일 시트의 인코딩을 Unicode UTF-8로 설정 */

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800|Noto+Sans+KR:400,500,700,900&subset=korean');

/*
font-family: 'Noto Sans KR', sans-serif;
font-family: 'Nanum Gothic', sans-serif;
*/

* { margin: 0; padding: 0 }

body {
	font-family: 'Nanum Gothic', "나눔고딕", 'Malgun Gothic', '맑은고딕', dotum, gulim, serif; font-size: 13px; color: #555; line-height: 140%;
	word-break: break-all; -ms-word-break: break-all;
}

h1, h2, h3, h4, h5, h6 { font-size: 13px; line-height: 140% }

h4				{ font-size: 18px; margin-bottom: 10px }			/* 소제목 */
h4.navi_line	{ padding-top: 50px; border-top: 1px solid #ddd }	/* 페이지 상단에 표시되는 소제목 */
h4.offset_top	{ margin-top: 30px }								/* 페이지에서 소제목이 여럿일 경우 두번째 소제목 부터는 상단 여백; ex)마이페이지(mypage.php) */

li { list-style: none }

table, th, td { border-collapse: collapse }

fieldset, img, img a, button { border: none }

img, input[type="image"] { vertical-align: bottom }

a			{ text-decoration: none } 
a:link		{ color: #555 }
a:visited	{ color: #555 }
a:hover		{ color: #000 }
a:active	{ color: #555 }

button{ cursor:pointer; }

hr			{ padding: 8px 0; border: none; background: url('../images/hr_ddd.gif') repeat-x 0 8px }
hr.navi		{ padding: 1px 0; border: none; background: url('../images/hr_ddd.gif') repeat-x 0 1px }
hr.hr_aaa	{ padding: 8px 0; border: none; background: url('../images/hr_aaa.gif') repeat-x 0 8px }

input, select, textarea { font-family: 'Nanum Gothic', dotum, Gulim, serif; color: #555 }
select					{ height: 20px }

input[type="checkbox"]	{ vertical-align: -2px }
input[type="radio"]		{ vertical-align: -2px }
input[type="text"],
input[type="password"],
input[type="number"]	{ height: 18px; padding: 0 0 0 3px; border: 1px solid #d5d5d5 }

.pm_number { width: 30px }	/*상품수량*/

.text-left{ text-align:left!important; }

.font11		{ font-size: 11px }
.font12		{ font-size: 12px }
.font14		{ font-size: 14px }
.font15		{ font-size: 15px }
.font16		{ font-size: 16px }
.font18		{ font-size: 18px }
.font20		{ font-size: 20px }
.font22		{ font-size: 22px }
.font_red	{ color: #e00 }
.font_gre	{ color: #572 }
.font_blu	{ color: #02e }
.font_sky	{ color: #73d1f7 }
.font_ora	{ color: #f60 }
.font_pur	{ color: #80d }
.font_yel	{ color: #ff0 }
.font_wit	{ color: #fff }
.font_gray	{ color: #999 }
.font_blk	{ color: #000 }
.font_blkim	{ color: #000!important }
.font_555im	{ color: #555!important }
.font_bold	{ font-weight: 700 }
.font_bold2	{ font-weight: 900 }
.font_naver	{ color: #1ec800 }
.s			{ text-decoration: line-through }
.font_spec	{ color: #707070 }

/* clear style  */
.clear:before,
.clear:after,
.rows:before,
.rows:after,
.container:before,
.container:after,
.ul-inline:before,
.ul-inline:after,
#wrap:before,
#wrap:after,
#header:before,
#header:after,
#contents:before,
#contents:after,
#footer:before,
#footer:after {
  display: table;
  content: " ";
}
.clear:after,
.rows:after,
.container:after,
.ul-inline:after,
#wrap:after,
#header:after,
#contents:after,
#footer:after {
  clear: both;
}

.ellipsis {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block;
}


/* float style */
.fl		{ float: left }
.fr		{ float: right }
.clear	{ clear: both }
.dn		{ display: none }


ul.ul-inline li { float: left; }
ul.ul-inline li.right { float: right; }

/* navgation style */
div.navi {
	margin: 20px 0 0 0;
	padding: 0 0 8px 20px;
	background: url('../images/icon_navi.gif') no-repeat 5px 5px;
}

/* column table left, right td style */
table.column_tbl	{ border-top: 1px solid #ddd }
	.column_tbl th		{ padding: 10px 20px; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: left }
	.column_tbl td		{ padding: 10px; border-bottom: 1px solid #ddd }

/* rows table, th, td style */
table.rows_tbl		{ border-top: 1px solid #ddd }
	.rows_tbl th		{ height: 37px; background: #f5f5f5; border-bottom: 1px solid #ddd }
		.rows_tbl th img	{ vertical-align: middle }
	.rows_tbl td		{ padding: 10px 0; text-align: center; border-bottom: 1px solid #ddd }
	.rows_tbl td.left	{ padding-left: 15px; text-align: left }
	.rows_tbl td.right	{ padding-right: 20px; text-align: right }


/* 페이지 상단 헤드; h2 태그와 p 태그로 구성 */
div.page_head		{ padding: 20px 50px; background: #fafafa; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }
	.page_head h2		{ float: left; font-size: 36px; color: #333; letter-spacing: -1px }
		.page_head h2 a		{ color: #333 }
	.page_head p		{ float: left; margin: 24px 0 0 30px }
div.page_head:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 페이지 헤드, 설명: h4 태그와 p 태그로 구성 */
div.head_explain		{ margin: 30px 0 0 0 }
	.head_explain h4		{ float: left }
	.head_explain p			{ float: left; margin: 5px 0 0 15px }
div.head_explain:after	{ display: block; clear: both; content: '' } /* float 해제 */




/********************** 게시판에서 사용되는 style; 2018-04-20; 전용 차장 **********************/
table.rows_hover tr:hover td { background: #fafafa }

tr.tr_notice td { background: #fdfdfd }cs_inner
tr.tr_active td { background: #eeffea }

.board_category_name	{ font-weight: bold; margin-right: 3px }
.board_comment_counter	{ color: #66c; margin-left: 3px }
.board_icon				{ margin-left: 3px; vertical-align: -2px }
.board_image			{ max-width: 100% }
.board_cont img			{ max-width: 100%; height: auto; }
.board_cont.review img	{ max-width: 50%; height: auto; }

.board_view_prevnext .prevnext_none		{ display: none }
.board_view_list .viewlist_none			{ display: none }

.border_category_none .board_category_name { display: none }


/* common style */
#contents	{ margin: 0 auto; width: 1120px; min-height: 500px }


/* 페이지 하단 페이징 */
div.page_list		{ margin: 30px 0; text-align: center }

	.page_list a			{ padding: 5px 8px; border: 1px solid #ccc; margin: 0 3px; font-weight: 700; color: #888 }
	.page_list a:hover		{ border: 1px solid #000; background: #000; color: #fff }
	
	.page_list span			{ padding: 5px 8px; border: 1px solid #ccc; margin: 0 3px; font-weight: 700; color: #888 }
	.page_list span.active	{ border: 1px solid #000; background: #000; color: #fff }

	.page_list .arrow			{ background: #eee; color: #333 }
	.page_list .arrow.next		{ margin-left: 20px; padding: 5px 8px }
	.page_list .arrow.prev		{ margin-right: 20px; padding: 5px 8px }


/* 상단 layout_Header.html */
#header div.top_ban > div	{ width: 100%; text-align: center }
#header div.top_ban > a		{
	position: absolute; z-index: 200; left: 50%; top: 15px; margin: 0 0 0 570px;
	display: block; width: 21px; height: 20px; background: url('../images/header_collect.png') no-repeat 0 0
}
	#header .top_ban > a span	{ display: none }

#header div.top	{ height: 35px; background: #e90d27 }
	
	#header .top div.top_inner	{ margin: 0 auto; width: 1120px; height: 35px }

		#header .top_inner ul		{ margin: 8px 0 0 0 }
			#header .top_inner ul li				{ float: left; margin: 0 0 0 15px; font-size: 12px; color: #fff; font-weight: bold }
			#header .top_inner ul li:first-child	{ margin-left: 0 }
				#header .top_inner ul li a		{ color: #fff }
		#header .top_inner ul.lnb1	{ float: left }
		#header .top_inner ul.lnb2	{ float: right }
			#header .top_inner ul li.admin	a	{ padding: 3px 5px; border-radius: 2px; background: #ff0; color: #333 }

#header div.logo_area		{ margin: 0 auto; width: 1120px; height: 150px }

	#header .logo_area h1	{ float: left; width: 250px }
		#header .logo_area h1 a		{ display: block; width: 250px; height: 150px }

	#header .logo_area div.cont	{ float: left; width: 450px; margin: 50px 0 0 30px }
		#header .logo_area .cont ul.sch	{ float: left }
			#header .logo_area .cont .sch li					{ float: left; height: 44px }
			#header .logo_area .cont .sch li:first-child		{ width: 400px; background: url('../images/header_collect.png') no-repeat -300px -100px }
				#header .logo_area .cont .sch li input[type="text"]		{ margin: 10px 0 0 20px; width: 360px; height: 24px; padding: 0 10px; border: none; font-size: 16px; font-weight: bold }
			#header .logo_area .cont .sch li:last-child		{ width: 50px }

		#header .logo_area .cont > div	{ margin: 15px 0 0 0; text-align: center }
			#header .logo_area .cont > div a	{ margin: 0 15px; font-size: 16px; font-weight: bold }

	#header .logo_area div.h_plan			{ float: right; position: relative; z-index: 1; width: 320px; height: 150px }

		#header .logo_area .h_plan > a		{ position: absolute; z-index: 1000; display: block; width: 15px; height: 15px; background: url("../images/header_collect.png") no-repeat 0 -200px }

		#header .logo_area .h_plan > a.prev			{ left: 0; top: 72px; background-position:  0 -200px }
		#header .logo_area .h_plan > a.prev:hover		{ background-position: -20px -200px }
			#header .logo_area .h_plan .prev span		{ display: none }

		#header .logo_area .h_plan > a.next			{ right: 0; top: 72px; background-position: -40px -200px }
		#header .logo_area .h_plan > a.next:hover		{ background-position: -60px -200px }
			#header .logo_area .h_plan .next span		{ display: none }

		#header .logo_area .h_plan > p		{ width: 260px; margin: 0 30px; overflow: hidden }


#header div.gnb		{ margin: 0 auto; width: 1120px }
	#header .gnb div.cate_box					{ float: left; margin: 0 0 0 10px; padding: 15px; width: 118px; height: 288px; border: 1px solid #e0e0e0; border-radius: 8px; overflow: auto }
	#header .gnb .cate_box:first-child			{ margin-left: 0 }
	#header .gnb .cate_box:last-child			{ width: 128px }
	#header .gnb .cate_box:hover				{ border: 1px solid transparent; background: #e00012; color: #fff }
	#header .gnb .cate_box:nth-child(6):hover	{ background: #0a8b58; }
		#header .gnb .cate_box:hover a				{ color: #fff }

	/* 강조하고 싶은 카테고리에 class에 focus추가 */
	#header .gnb div.cate_box.focus					{ padding: 13px; border: 3px solid #e00012 }
	#header .gnb div.cate_box:nth-child(6).focus	{ border-color: #0a8b58 }
	
		#header .gnb .cate_box h2			{ padding-bottom: 10px; font-size: 16px; font-weight: bold }
			#header .gnb .cate_box ul li		{ padding-top: 5px }
				#header .gnb .cate_box ul li a			{ font-size: 12px }
				#header .gnb .cate_box ul li a:hover	{ color: #ff0 }
/* //상단 layout_Header.html */



/* 하단 layout_Footer.html */
div#footer	{ margin: 70px 0 }

	#footer div.cs_wrap			{ padding: 50px 0; background: #f4f4f4 }

		#footer .cs_inner	{ position: relative; z-index: 1; margin: 0 auto; width: 1120px; height: 480px; background: #fff; border-top: 5px solid #e00; border-bottom: 5px solid #e00 }

			#footer .cs_inner > div	{ position: absolute; z-index: 1 }
				#footer .cs_inner > div > h3	{ height: 31px; font-size: 16px; font-weight: bold }

			#footer .cs_inner div.notice,
			#footer .cs_inner div.qna,
			#footer .cs_inner div.cs,
			#footer .cs_inner div.store,
			#footer .cs_inner div.member	{ width: 360px }

			#footer .cs_inner div.faq,
			#footer .cs_inner div.sns,
			#footer .cs_inner div.app		{ width: 290px }

			#footer .cs_inner div.notice	{ left: 35px; top: 35px }
			#footer .cs_inner div.qna		{ left: 415px; top: 35px }
			#footer .cs_inner div.faq		{ right: 35px; top: 35px }
			#footer .cs_inner div.cs		{ left: 35px; top: 240px }
			#footer .cs_inner div.store		{ left: 415px; top: 240px }
			#footer .cs_inner div.member	{ left: 415px; top: 370px }
			#footer .cs_inner div.sns		{ right: 35px; top: 240px }
			#footer .cs_inner div.app		{ right: 35px; top: 345px }

			#footer .cs_inner hr			{ position: absolute; left: 35px; top: 200px; width: 1050px;  }


			#footer .cs_inner div.board	{ padding-bottom: 15px }
				#footer .cs_inner .board p	{ width: 330px; padding: 2px 0 }

			#footer .cs_inner div.cs	{  }
				#footer .cs_inner .cs p.tel	{ margin: 5px 0 0 0; padding: 0 0 5px 30px; font-size: 24px; font-weight: 800; color: #e90d27; background: url('../images/footer_collect.png') no-repeat 0 0 }

				#footer .cs_inner .cs ul		{ width: 330px; margin: 12px 0 0 0 }
					#footer .cs_inner .cs ul li			{ float: left }
					#footer .cs_inner .cs ul li.head	{ width: 50px; font-weight: bold }
					#footer .cs_inner .cs ul li.cont	{ width: 260px; padding-left: 20px; color: #888; font-size: 12px }
				#footer .cs_inner .cs ul:after	{ display: block; clear: both; content: '' } /* float 해제 */

				#footer .cs_inner .cs span.emphasis	{ font-size: 16px; font-weight: 800; color: #e00012 }

			#footer .cs_inner div.store p,
			#footer .cs_inner div.member p	{ padding: 2px 0 }

			#footer .cs_inner div.sns	{  }
				#footer .cs_inner .sns ul		{  }
					#footer .cs_inner .sns ul li		{ float: left; margin-right: 10px }
						#footer .cs_inner .sns ul li a		{ display: block; width: 42px; height: 42px; background: url('../images/footer_collect.png') no-repeat 0 -100px }
							#footer .cs_inner .sns ul li a span			{ display: none }
						#footer .cs_inner .sns ul li.instagram a	{ background-position: 0 -100px }
						#footer .cs_inner .sns ul li.n_blog a		{ background-position: -50px -100px }
						#footer .cs_inner .sns ul li.facebook a		{ background-position: -100px -100px }
						#footer .cs_inner .sns ul li.n_cafe a		{ background-position: -150px -100px }
				#footer .cs_inner .sns ul:after	{ display: block; clear: both; content: '' } /* float 해제 */

				#footer .cs_inner div.app	{  }
					#footer .cs_inner .app ul		{  }
						#footer .cs_inner .app ul li			{ float: left }
						#footer .cs_inner .app ul li.qrcode		{ width: 70px; height: 60px }
						#footer .cs_inner .app ul li.playstore	{ width: 200px; height: 34px }
						#footer .cs_inner .app ul li.appstore	{ width: 200px }
							#footer .cs_inner .app ul li a		{ display: block; background: url('../images/footer_collect.png') no-repeat 0 -200px }
								#footer .cs_inner .app ul li a span	{ display: none }
							#footer .cs_inner .app ul li.qrcode	a			{ width: 60px; height: 60px; background-position: 0 -200px }
							#footer .cs_inner .app ul li.playstore a		{ width: 96px; height: 26px; background-position: -100px -200px }
							#footer .cs_inner .app ul li.playstore a:hover	{ background-position: -100px -230px }
							#footer .cs_inner .app ul li.appstore a			{ width: 96px; height: 26px; background-position: -200px -200px }
							#footer .cs_inner .app ul li.appstore a:hover	{ background-position: -200px -230px }
					#footer .cs_inner .app ul:after	{ display: block; clear: both; content: '' } /* float 해제 */
					#footer .cs_inner .app p		{ margin: 5px 0 0 0; font-size: 12px; font-weight: bold }

	#footer div.cs_wrap:after	{ display: block; clear: both; content: '' } /* float 해제 */

	#footer div.lnb	{ padding: 12px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
		#footer .lnb ul	{ margin: 0 auto; width: 1120px }
			#footer .lnb ul li				{ float: left; margin: 0 0 0 35px }
			#footer .lnb ul li:first-child	{ margin-left: 0 }
		#footer .lnb ul:after	{ display: block; clear: both; content: '' } /* float 해제 */

	#footer div.company_info	{ margin: 40px auto 0 auto; width: 1120px }
		
		#footer .company_info h5	{ font-size: 14px; font-weight: 800; color: #333; padding: 0 0 10px 0 }
		#footer .company_info p		{ font-size: 12px }

		#footer .company_info div.logo		{ float: left; width: 200px }
			#footer .company_info .logo a		{ display: block; width: 134px; height: 29px; background: url('../images/footer_collect.png') no-repeat 0 -300px }
				#footer .company_info .logo a span	{ display: none }

		#footer .company_info div.info		{ float: left; width: 500px }
			#footer .company_info .info h5 a		{ padding: 3px 5px; background: #777; color: #fff; font-size: 11px; font-weight: normal }

			#footer .company_info .info p	{ margin: 5px 0 0 0 }

			#footer .company_info .info p.copyright	{ margin: 10px 0 0 0 }

		#footer .company_info div.escrow	{ float: right; width: 320px }
			#footer .company_info .escrow a	{ padding: 3px 5px; background: #777; color: #fff; font-size: 11px; font-weight: normal }
			#footer .company_info .escrow p	{ line-height: 180% }

	#footer div.company_info:after	{ display: block; clear: both; content: '' } /* float 해제; */

	/* 메인 배너6 - 새로피엔엘 브랜드스토리 */
	#footer div.f_plan1		{ margin: 30px auto 0 auto; position: relative; z-index: 1 }
		#footer .f_plan1 div	{ text-align: center }
		#footer .f_plan1 > a		{
			position: absolute; z-index: 1; left: 50%; top: 31px; margin: 0 0 0 570px;
			display: block; width: 38px; height: 38px; background:url('../images/footer_collect.png') no-repeat 0 -350px
		}
			#footer .f_plan1 > a span	{ display: none }

/* //하단 layout_Footer.html */



/* index.html */

/* 메인 팝업 */
div.layerPopup	{ border: 1px solid #aaa; background: #fff }
	.layerPopup > p	{ height: 19px; padding: 5px 10px; border-top: 1px solid #aaa; background: #eee }
		.layerPopup > p a	{ font-size: 12px }

/* 메인 롤링 팝업 배너 */
div#m_rolling_popup	{ position: absolute; z-index: 9999; left: 10px; top: 10px; width: 340px; height: 544px; padding: 5px; background: #fff; border: 1px solid #aaa }
	#m_rolling_popup > div > div	{ width: 340px; height: 400px; overflow: hidden }

	#m_rolling_popup > div > ul			{ }
		#m_rolling_popup > div > ul li				{ float: left; margin: 5px 0 0 5px; width: 100px; height: 50px; padding: 0 5px; background: #aaa; color: #fff }
			#m_rolling_popup > div > ul li table		{ width: 100%; height: 100%; text-align: center }
			#m_rolling_popup > div > ul li a			{ color: #fff }
		#m_rolling_popup > div > ul li:first-child,
		#m_rolling_popup > div > ul li:nth-child(4)	{ margin-left: 0 }
		#m_rolling_popup > div > ul li.active,
		#m_rolling_popup > div > ul li:hover		{ background: #e00 }
	#m_rolling_popup > div > ul:after	{ display: block; clear: both; content: '' } /* float 해제 */
	
	#m_rolling_popup > p	{ position: absolute; z-index: 9999; left: 5px; bottom: 5px; height: 19px; width: 320px; padding: 5px 10px; background: #eee }
		#m_rolling_popup > p a	{ font-size: 12px }


/* 메인 배너 */
div#event_main_div	{ margin: 40px 0 0 0 }
	#event_main_div > a		{ position: absolute; z-index: 101; display: block; width: 25px; height: 50px; background: url("../images/main_collect.png") no-repeat 0 -100px }

	#event_main_div > a.prev			{ left: 50%; top: 50%; margin: -25px 0 0 -535px; background-position: -300px 0 }
	#event_main_div > a.prev:hover		{ background-position: -350px 0 }
		#event_main_div > .prev span		{ display: none }

	#event_main_div > a.next			{ left: 50%; top: 50%; margin: -25px 0 0 510px; background-position: -400px 0 }
	#event_main_div > a.next:hover		{ background-position: -450px 0 }
		#event_main_div > .next span		{ display: none }

	#event_main_div > div	{ width: 100%; height: 502px; text-align: center; overflow: hidden; }

ul#event_main_pager			{ margin: 20px 0 0 0; height: 15px; text-align: center }
	#event_main_pager li		{ display: inline-block; width: 15px; height: 15px; margin: 0 3px; background: url('../images/main_collect.png') no-repeat -100px 0; cursor: pointer }
	#event_main_pager li.active	{ width: 30px; background-position: 0 0 }
		#event_main_pager li span	{ display: none }


/* 메인 배너1 - 배너 3ea */
ul.m_plan1			{ margin: 40px auto 0 auto; width: 1120px }
	.m_plan1 li				{ float: left; margin: 0 0 0 20px }
	.m_plan1 li:first-child	{ margin-left: 0 }
ul.m_plan1:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* POPULAR TAGS 관리자 > 상품관리 > 시즌상품 관리 */
div.m_season	{ margin: 50px 0 0 0; padding: 50px 0; background: #f9f9f9 }

	.m_season h2	{ padding-bottom: 40px; text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_season ul.cate		{ margin: 0 auto; width: 1120px }
		.m_season .cate li				{ float: left; margin: 0 0 0 40px; font-size: 16px }
		.m_season .cate li:first-child	{ margin-left: 0 }
			.m_season .cate li.active a		{ color: #e00; font-weight: bold }
	.m_season ul.cate:after	{ display: block; clear: both; content: '' } /* float 해제 */

	.m_season > div	{ margin: 0 auto; width: 1120px }

	.m_season ul.goods		{ margin: 0 auto; width: 1120px }
		.m_season .goods li					{ float: left; width: 190px; margin: 20px 0 0 15px }
			.m_season .goods li > a img				{ width: 190px; height: 190px }
		.m_season .goods li:first-child		{ margin-left: 0; width: 505px }
			.m_season .goods li:first-child > a img	{ width: 505px; height: 505px }
		.m_season .goods li.rows2		{ margin-top: 40px }
			.m_season .goods li p			{ text-align: center; margin: 8px 0 0 0 }
			.m_season .goods li p.name		{ height: 17px; overflow: hidden }
			.m_season .goods li p.price	{ margin: 10px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
	.m_season ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 메인 배너2 - 배너 6ea */
ul.m_plan2			{ margin: 20px auto 0 auto; width: 1120px }
	.m_plan2 li			{ float: left; margin: 20px 0 0 20px }
	.m_plan2 li.first	{ margin-left: 0 }
ul.m_plan2:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 업종별 인기상품 */
div.m_hot	{ margin: 50px 0 0 0; padding: 50px 0; background: #f9f9f9 }

	.m_hot h2	{ padding-bottom: 40px; text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_hot ul.cate			{ margin: 0 auto; width: 1120px }
		.m_hot .cate li				{ float: left; margin: 0 0 0 40px; font-size: 16px }
		.m_hot .cate li:first-child	{ margin-left: 0 }
			.m_hot .cate li.active a		{ color: #e00; font-weight: bold }
	.m_hot ul.cate:after	{ display: block; clear: both; content: '' } /* float 해제 */

	.m_hot > div	{ margin: 0 auto; width: 1120px }

		.m_hot > div ul.goods		{  }
			.m_hot > div .goods li			{ float: left; width: 265px; margin: 20px 0 0 20px }
			.m_hot > div .goods li.first	{ margin-left: 0 }
				.m_hot > div .goods li a img		{ width: 265px; height: 265px }
				.m_hot > div .goods li p		{ text-align: center; margin: 8px 0 0 0 }
				.m_hot > div .goods li p.name	{ height: 36px; overflow: hidden }
				.m_hot > div .goods li p.price	{ margin: 1px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
		.m_hot > div ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 장바구니 급상승 아이템 */
div.m_cart	{ margin: 50px auto 0 auto; width: 1120px }

	.m_cart h2	{ padding-bottom: 20px; text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_cart ul.goods		{ }
		.m_cart .goods li		{ float: left; width: 265px; margin: 20px 0 0 20px }
		.m_cart .goods li.first	{ margin-left: 0 }
			.m_cart .goods li a img	{ width: 265px; height: 265px }
			.m_cart .goods li p			{ text-align: center; margin: 8px 0 0 0 }
			.m_cart .goods li p.price	{ margin: 10px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
	.m_cart ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 메인 배너3 - 배너 6ea */
ul.m_plan3			{ margin: 20px auto 0 auto; width: 1120px }
	.m_plan3 li			{ float: left; margin: 20px 0 0 20px }
	.m_plan3 li.first	{ margin-left: 0 }
ul.m_plan3:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 조회수 급상승 아이템 */
div.m_hit	{ margin: 50px auto 0 auto; width: 1120px }

	.m_hit h2	{ padding-bottom: 10px; text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_hit ul.goods			{  }
		.m_hit .goods li		{ float: left; width: 265px; margin: 20px 0 0 20px }
		.m_hit .goods li.first	{ margin-left: 0 }
			.m_hit .goods li a img		{ width: 265px; height: 265px }
			.m_hit .goods li p			{ text-align: center; margin: 8px 0 0 0 }
			.m_hit .goods li p.price	{ margin: 10px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
	.m_hit ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */



/* 제품별 신상품 */
div.m_new	{ margin: 50px 0 0 0; padding: 50px 0; background: #f9f9f9 }

	.m_new h2	{ padding-bottom: 40px; text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_new ul.cate			{ margin: 0 auto; width: 1120px }
		.m_new .cate li				{ float: left; margin: 0 0 0 40px; font-size: 16px }
		.m_new .cate li:first-child	{ margin-left: 0 }
			.m_new .cate li.active a	{ color: #e00; font-weight: bold }
	.m_new ul.cate:after	{ display: block; clear: both; content: '' } /* float 해제 */

	.m_new > div	{ margin: 0 auto; width: 1120px }

		.m_new > div ul.goods		{ }
			.m_new > div .goods li		{ float: left; width: 265px; margin: 20px 0 0 20px }
			.m_new > div .goods li.first	{ margin-left: 0 }
				.m_new > div .goods li a img		{ width: 265px; height: 265px }
				.m_new > div .goods li p		{ text-align: center; margin: 8px 0 0 0 }
				.m_new > div .goods li p.name	{ height: 36px; overflow: hidden }
				.m_new > div .goods li p.price	{ margin: 1px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
		.m_new > div ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 이번주 500원 경매상품 */
div.m_auction	{ margin: 50px auto 0 auto }

	.m_auction h2	{ padding-bottom: 20px; text-align: center; font-size: 24px; font-weight: normal; letter-spacing: 5px }

	.m_auction ul.goods			{ margin: 0 auto; width: 1120px }
		.m_auction .goods li		{ float: left; width: 220px; margin: 10px 0 0 5px }
		.m_auction .goods li.first	{ margin-left: 0 }
			.m_auction .goods li a img	{ width: 220px; height: 220px }
			.m_auction .goods li p			{ text-align: center; margin: 8px 0 0 0 }
			.m_auction .goods li p.price	{ margin: 10px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
	.m_auction ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 메인 배너4 - 패키지 컨설팅 */
div.m_plan4	{ margin: 50px auto 0 auto; text-align: center }


/* 새로피엔엘 브랜드상품 */
div.m_brand	{ margin: 50px 0 0 0; padding: 50px 0; background: #f9f9f9 }

	.m_brand h2	{ padding-bottom: 40px; text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_brand ul.cate		{ margin: 0 auto; width: 1120px }
		.m_brand .cate li				{ float: left; margin: 0 0 0 40px; font-size: 16px }
		.m_brand .cate li:first-child	{ margin-left: 0 }
			.m_brand .cate li.active a		{ color: #e00; font-weight: bold }
	.m_brand ul.cate:after	{ display: block; clear: both; content: '' } /* float 해제 */

	.m_brand > div	{ margin: 0 auto; width: 1120px }

	.m_brand ul.goods		{ margin: 0 auto; width: 1120px }
		.m_brand .goods li				{ float: left; width: 190px; margin: 20px 0 0 15px }
			.m_brand .goods li > a img				{ width: 190px; height: 190px }
		.m_brand .goods li:first-child	{ margin-left: 0; width: 505px }
			.m_brand .goods li:first-child > a img	{ width: 505px; height: 505px }
		.m_brand .goods li.rows2		{ margin-top: 40px }
			.m_brand .goods li p			{ text-align: center; margin: 8px 0 0 0 }
			.m_brand .goods li p.name		{ height: 17px; overflow: hidden }
			.m_brand .goods li p.price	{ margin: 10px 0 0 0; font-size: 15px; font-weight: bold; color: #e00 }
	.m_brand ul.goods:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 메인 배너2 - 배너 6ea */
div.m_plan5			{ margin: 50px auto 0 auto; width: 1120px }

	.m_plan5 h2			{ text-align: center; font-size: 20px; letter-spacing: 5px }

	.m_plan5 ul li			{ float: left; margin: 20px 0 0 20px }
	.m_plan5 ul li.first	{ margin-left: 0 }
	.m_plan5 ul:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 메인 배너6 - 새로피엔엘 브랜드스토리 */
div.m_plan6	{ margin: 50px 0 0 0 }
	.m_plan6 > div	{ width: 100%; text-align: center }

ul#m_plan6_pager		{ margin: 20px 0 0 0; height: 15px; text-align: center }
	#m_plan6_pager li		{ display: inline-block; width: 15px; height: 15px; margin: 0 3px; background: url('../images/main_collect.png') no-repeat -100px 0; cursor: pointer }
	#m_plan6_pager li.active	{ width: 30px; background-position: 0 0 }
		#m_plan6_pager li span	{ display: none }


/* m_insta */
div.m_insta	{ margin: 50px auto 0 auto; padding: 50px 0; background: #f9f9f9  }
	.m_insta h2	{ padding-bottom: 40px; text-align: center; font-size: 20px; font-weight: normal; letter-spacing: 5px }

	.m_insta > ul	{ margin: 0 auto; width: 1120px }
		.m_insta > ul > li				{ position: relative; z-index: 1; float: left; margin: 0 0 0 10px }
		.m_insta > ul > li:first-child	{ margin-left: 0 }

			.m_insta > ul > li a	{ display: block }
				.m_insta > ul > li a img	{ width: 216px; height: 216px }

					.m_insta ul.oc_con			{ position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); display: none }
					.m_insta ul.oc_con.active	{ display: block }

						.m_insta ul.oc_con li		{ width: 50px; color: #fff; font-size: 14px; font-weight: 800; background: url('../images/main_collect.png') no-repeat 0 -200px }
						.m_insta ul.oc_con li.like	{ float: left;  margin: 100px 0 0 38px; padding: 0 0 0 25px; background-position: 0 -200px }
						.m_insta ul.oc_con li.reply	{ float: right; margin: 100px 12px 0 0; padding: 0 0 0 25px; background-position: -100px -200px }


/* 메인 배너7 - 앱 설치, 등급별 혜택 */
ul.m_plan7			{ margin: 50px 0 0 0 }
	.m_plan7 li			{ width: 50% }
	.m_plan7 li:first-child	{ float: left; text-align: right }
	.m_plan7 li:last-child	{ float: right }
ul.m_plan7:after	{ display: block; clear: both; content: '' } /* float 해제 */

/* //mall_main.html */



/* 리스트 보기 방식일 때 상품 책자코드, 상품명, 소비자가격, 판매가격, 구매관련 버튼, 옵션들에 대한 공통 스타일; 2018-05-08; 전용 과장*/
p.goods_list_goods_img		{ padding: 5px 0; height: 100px; text-align: center }
p.goods_list_bookcode		{ margin: 5px 0 0 0; color: #04d }
p.goods_list_name			{ margin: 5px 0 0 0 }
p.goods_list_icons			{ margin: 5px 0 0 0 }
p.goods_list_icons img		{ margin-right:2px }
p.goods_list_relation		{ margin: 5px 0 0 0; color: #e00 }
p.goods_list_option			{ margin: 5px 0 0 0; color: #e00 }
p.goods_list_event			{ margin: 5px 0 0 0; color: #e00 }
p.goods_list_delivery_add	{ margin: 5px 0 0 0; color: #e00 }
p.goods_list_coupon			{ margin: 5px 0 0 0; color: #e00 }
p.goods_list_company		{ text-align: center }
p.goods_list_stock			{ text-align: center }
p.goods_list_input			{ text-align: center }
p.goods_list_unit			{ margin: 5px 0 0 0; text-align: center }
p.goods_list_market_price	{ text-align: center; color: #999; text-decoration: line-through }
p.goods_list_sale_price		{ margin: 5px 0 0 0; text-align: center; font-weight: bold; color: #e00 }
p.goods_list_sale_price2	{ margin: 5px 0 0 0; text-align: center; color: #e00 }
p.goods_list_add_price		{ margin: 2px 0 0 0; text-align: center; color: #e00; font-size:11px }
p.goods_list_point			{ margin: 5px 0 0 0; text-align: center; color: #04d }
p.goods_list_btn			{ padding: 5px 0 }
p.goods_list_selectoption	{ margin: 5px 0 0 0 } /* 선택옵션 */


/* 시즌상품 페이지 상단 진행중인 이벤트 버튼; goods_category_brand.html */
ul.season_category	{  }
	.season_category li			{ float: left; width: 216px; margin: 0 0 10px 10px }
	.season_category li.first	{ margin-left: 0 }
		.season_category li a		{ display: block; height: 20px; padding: 20px 0; background: #fafafa; border: 1px solid #ddd; text-align: center; overflow: hidden }
		.season_category li a:hover,
		.season_category li.active a	{ background: #fff; border: 1px solid #e00; font-weight: bold; color: #e00 }
ul.season_category:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 브랜드 페이지 상단 진행중인 이벤트 버튼; goods_category_brand.html */
ul.brand_category		{  }
	.brand_category li					{ float: left; width: 271px; margin: 0 0 12px 12px }
	.brand_category li:nth-child(1),
	.brand_category li:nth-child(5n)	{ margin-left: 0 }

											{ margin-left: 0 }
		.brand_category li a				{ display: block; height: 20px; padding: 20px 0; background: #fafafa; border: 1px solid #ddd; text-align: center; overflow: hidden }
		.brand_category li a:hover,
		.brand_category li.active a			{ background: #fff; border: 1px solid #e00; font-weight: bold; color: #e00 }
ul.brand_category:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 이벤트 페이지 상단 진행중인 이벤트 버튼; goods_category_event.html */
ul.event_category	{  }
	.event_category li			{ float: left; width: 216px; margin: 0 0 10px 10px }
	.event_category li.first	{ margin-left: 0 }
		.event_category li a		{ display: block; height: 20px; padding: 20px 0; background: #fafafa; border: 1px solid #ddd; text-align: center; overflow: hidden }
		.event_category li a:hover,
		.event_category li.active a	{ background: #fff; border: 1px solid #e00; font-weight: bold; color: #e00 }
ul.event_category:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 이벤트 관리에서 2차분류 설정시 분류 디자인; goods_list2.html */
ul.event_category2	{ margin-top: 10px  }
	.event_category2 li			{ float: left; width: 216px; margin: 0 0 10px 10px }
	.event_category2 li.first	{ margin-left: 0 }
		.event_category2 li a			{ display: block; padding: 10px 0; background: #fafafa; border: 1px solid #ddd; text-align: center; overflow: hidden }
		.event_category2 li a:hover,
		.event_category2 li a.active	{ background: #fff; border: 1px solid #e00; font-weight: bold; color: #e00 }
ul.event_category2:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 카테고리 스킨 상단 카테고리 */
div.goods_list_cate	{ background: #fafafa }
	.goods_list_cate ul	{ border-top: 1px solid #ddd   }
		.goods_list_cate ul li	{ float: left; border-bottom: 1px solid #ddd }
			.goods_list_cate ul li p	{ padding: 10px 0 }
				.goods_list_cate ul li p a	{ padding: 0 5px 0 18px; background: url('../images/dot_3_3.gif') no-repeat 10px 50% }
	.goods_list_cate ul:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 카테고리 스킨 상단 카테고리 베스트 */
ul.goods_list_best			{ margin: 30px 0 }
	.goods_list_best li				{ float: left; width: 265px; margin: 0 0 0 20px }
	.goods_list_best li:first-child	{ margin-left: 0 }

		.goods_list_best li p				{ margin: 5px 0 0 0; text-align: center }
		.goods_list_best li p.sale_price	{ color: #e00; font-size: 14px; font-weight: bold }
			.goods_list_best li p.icon img		{ margin: 0 2px }
ul.goods_list_best:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 카테고리 스킨/이벤트 스킨/검색 페이지 상단 상품 옵션 */
div.goods_list_head			{ margin: 50px 0 0 0; height: 77px; border-bottom: 1px solid #ddd }
	
	.goods_list_head div.count				{ float: left; margin: 0 0 0 10px }
		.goods_list_head .count span			{ color: #02e; font-weight: bold }
	
	.goods_list_head ul.sort				{ float: right; margin: 0 10px 0 0 }
		.goods_list_head .sort li				{ float: left; padding: 0 0 0 25px; background: url('../images/div_line_10.gif') no-repeat 12px 50% }
		.goods_list_head .sort li:first-child	{ padding: 0; background: none }
			.goods_list_head .sort li label			{ cursor: pointer }
				.goods_list_head .sort li label input		{ display: none }
				.goods_list_head .sort li.active label span	{ font-weight: 800; color: #e00 }

	.goods_list_head hr	{ clear: both; margin-bottom: 6px }

	.goods_list_head div.sch_result		{ float: left; margin-left: 10px }
		.goods_list_head .sch_result input[type="text"]	{ width: 150px }
	
	.goods_list_head div.select_amount			{ float: right; margin: 2px 10px 0 }
		.goods_list_head .select_amount select		{ width: 80px; height: 20px }

div.goods_list_head:after	{ display: block; clear: both; content: '' } /* float 해제 */


/*
	카테고리 스킨, 이벤트 스킨, 검색 페이지, 상품 상세페이지의 옵션상품, 관련상품 영역의 상품진열 관련 스타일
	2018-05-08; 전용 차장
*/
ul.goods_list_grid	{  }
	.goods_list_grid li				{ float: left; margin: 20px 0 0 20px; width: 208px }
	.goods_list_grid li:first-child	{ margin-left: 0 }

		.goods_list_grid li p	{ margin: 5px 0 0 0; text-align: center }

		.goods_list_grid li p.goods_img			{ margin-top: 0 }
			.goods_list_grid li .goods_img img		{ width: 208px; height: 208px }
		.goods_list_grid li p.goods_name		{ padding: 0 5px }
		.goods_list_grid li p.market_price		{ color: #999; text-decoration: line-through }
		.goods_list_grid li p.sale_price		{ color: #e00; font-size: 14px; font-weight: bold }
		.goods_list_grid li p.point				{ color: #02e }
		.goods_list_grid li p.relation			{ color: #e00 }
		.goods_list_grid li p.option			{ color: #e00 }
		.goods_list_grid li p.event_goods		{ color: #e00 }
		.goods_list_grid li p.delivery_add		{ color: #e00 }
			.goods_list_grid li p.icon img			{ margin: 0 2px }
ul.goods_list_grid:after	{ display: block; clear: both; content: '' } /* float 해제 */

/* 상품 상세페이지 goods_list_skin.html */
p.event_tle { padding: 15px 0; background: #333; font-weight: bold; font-size: 16px; color: #fff; text-align: center }

/* 상품 상세페이지 > 입고알림 신청 레이어; goods_detail.html */
div.stocked_layer	{ position: fixed; z-index: 9100; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); display: none; }
	.stocked_layer > p		{ position: absolute; z-index: 9101; left: 0; right: 0; top: 0; bottom: 0; }
	.stocked_layer > div	{ position: relative; z-index: 9102; box-sizing: border-box; padding: 2rem; width: 600px; margin: 50px auto 0 auto; background: #fff; }
		.stocked_layer > div > p.goods_name	{ padding: 1rem 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center; font-size: 1rem; font-weight: bold; }
		.stocked_layer > div > form > dl		{ padding-top: 1rem; display: flex; align-items: center; justify-content: center; }
			.stocked_layer > div > form > dl > dt			{ width: 30%; }
			.stocked_layer > div > form > dl > dd			{ width: 60%; }
				.stocked_layer > div > form > dl > dd > input					{ width: 100%; height: 32px; }
				.stocked_layer > div > form > dl > dd > input[name='zsfCode']	{ width: 40%; }
		.stocked_layer > div > form > div		{ margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #ddd; text-align: center; }


/* 상품 상세페이지 상단; goods_detail.html */
div.goods_detail_head			{ width: 1060px; padding: 30px; background: #fafafa; border-top: 1px solid #333; border-bottom: 1px solid #333 }
	.goods_detail_head div.goods_img	{ float: left; width: 510px }

		.goods_detail_head .goods_img p			{ position: relative; z-index: 1; width: 500px; height: 500px }
			.goods_detail_head .goods_img p	img.watermark	{ position: absolute; z-index: 1; left: 0; top: 0 }

		.goods_detail_head .goods_img ul		{  }
			.goods_detail_head .goods_img li		{ float: left; margin: 10px 5px 0 0; width: 50px; height: 50px }
		.goods_detail_head .goods_img ul:after	{ display: block; clear: both; content: '' } /* float 해제 */
		
	.goods_detail_head div.goods_info	{ float: right; width: 530px }

		.goods_detail_head .goods_info p img	{ padding: 0 0 0 4px }

		.goods_detail_head .goods_info h2	{ padding: 15px 10px 5px 10px; display: flex; align-items: center; }
			.goods_detail_head .goods_info h2 > span	{ font-size: 16px; font-weight: bold }
			.goods_detail_head .goods_info h2 > i		{ margin-left: auto; padding-left: 12px; font-size: 20px; cursor: pointer; }
		
		.goods_detail_head .goods_info div.share_layer		{ display: none; }
		.goods_detail_head .goods_info div.share_layer > div	{ margin: 10px; padding: 10px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.25); display: flex; justify-content: space-around; }
			.goods_detail_head .goods_info div.share_layer > div a	{ text-align: center }
			.goods_detail_head .goods_info div.share_layer > div a img	{ width: 64px; border-radius: 64px; }
			.goods_detail_head .goods_info div.share_layer > div a span	{ display: block; margin-top: 6px; }

		.goods_detail_head .goods_info dl			{ width: 530px }
			.goods_detail_head .goods_info dt			{ float: left; width: 120px; padding: 6px 0 6px 10px }
				.goods_detail_head .goods_info dd			{ float: left; width: 400px; padding: 6px 0 }
				.goods_detail_head .goods_info dd.price		{ font-size: 16px; color: #e00; font-weight: bold }

			.goods_detail_head .goods_info dt.optile	{ padding-top: 10px }
				.goods_detail_head .goods_info dd.option	{ height: 27px; padding-top: 3px}

			.goods_detail_head .goods_info dt.amount	{ padding-top: 10px }
				.goods_detail_head .goods_info dd.amount input[type="text"]	{ width: 50px; height: 24px; border: 1px solid #000 }
				.goods_detail_head .goods_info dd.amount img	{ vertical-align: middle }
				.goods_detail_head .goods_info dd.amount span	{ padding: 0 0 0 20px }
		.goods_detail_head .goods_info dl:after		{ display: block; clear: both; content: '' } /* float 해제 */

		.goods_detail_head .goods_info hr			{ clear: both }

		.goods_detail_head .goods_info ul		{ margin: 10px 0 }
			.goods_detail_head .goods_info ul li	{ float: left; margin: 0 0 0 10px }
		.goods_detail_head .goods_info ul:after	{ display: block; clear: both; content: '' } /* float 해제 */

/* 옵션상품 헤드라인 */
h3.goods_detail_opt_head	{ margin: 40px 0 0 0; font-size: 22px; font-weight: 700; color: #000; letter-spacing: -1px }

/* 관련상품 헤드라인 */
h3.goods_detail_rel_head	{ margin: 40px 0 0 0; font-size: 22px; font-weight: 700; color: #000; letter-spacing: -1px }

/* 추가상품 헤드라인 */
h3.goods_detail_add_head	{ margin: 40px 0 0 0; font-size: 22px; font-weight: 700; color: #000; letter-spacing: -1px }

/* 추가상품 목록; goods_detail.html 파일의 상품이미지 하단 영역 */
div.goods_datail_add_goods	{ margin: 15px 0 0 0; padding: 0 19px 20px 19px; border: 1px solid #ddd }
	.goods_datail_add_goods ul		{ margin: 20px 0 0 0 }
		.goods_datail_add_goods ul li		{ float: left; width: 170px; margin: 0 5px }
			.goods_datail_add_goods ul li p				{ margin: 5px 0 0 0; text-align: center }
			.goods_datail_add_goods ul li p.btn			{ margin: 7px 0 0 0 }
	.goods_datail_add_goods ul:after	{ display: block; clear: both; content: '' } /* float 해제 */

/* 상품상세 하단 메뉴 */
ul.goods_detail_nav	{ margin: 40px 0 0 0; width: 100%; height: 49px; border-bottom: 1px solid #333 }
	.goods_detail_nav li	{ float: left; width: 280px; height: 49px }
		.goods_detail_nav li a	{ display: block; width: 279px; height: 33px; padding: 15px 0 0 0; background: #f5f5f5; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center }
		.goods_detail_nav li:first-child a	{ width: 278px; border-left: 1px solid #ddd }

		.goods_detail_nav li a.active	{ margin: 0 0 0 -1px; height: 31px; padding-top: 17px; background: #fff; border: 1px solid #333; border-bottom: 1px solid #fff; font-weight: bold }
		.goods_detail_nav li:first-child a.active	{ margin-left: 0 }


/* 게시판 관련 스타일 공통 */

/* 게시판 설정에서 카테고리 기능 사용시 스타일  */
ul.board_category		{ margin: 20px 0 15px }
	.board_category li		{ float: left }
		.board_category li a		{ padding: 8px 20px }
		.board_category li a:hover,
		.board_category li.active a { background: #333; color: #fff }
ul.board_category:after	{ display: block; clear: both; content: '' } /* float 해제 */

ul.faq_board_sch		{ margin: 0 0 0 0; padding-bottom: 5px; border-bottom: 5px solid #222 }
	.faq_board_sch li				{ float: left; width: 820px }
		.faq_board_sch li input[type="text"]	{ border: 0; width: 810px; height: 40px; font-size: 14px; padding-left: 10px }
	.faq_board_sch li:last-child	{ width: 50px; text-align: right }
ul.faq_board_sch:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 고객센터 사이드 */
div.cs_side			{ float: left; width: 194px; min-height: 500px; border: 3px solid #222; border-radius: 8px }
	.cs_side div.info		{ padding: 15px }
		.cs_side .info p.title	{ font-size: 16px; font-weight: bold }
		.cs_side .info p.phone	{ font-size: 22px; font-weight: 800; color: #e00; padding: 10px 0 }
		.cs_side .info p.time	{ color: #333; line-height: 160% }
		.cs_side .info p.fax	{ margin: 10px 0 0 0; color: #e00; font-weight: bold }
		.cs_side .info p.email	{ color: #e00; font-weight: bold }

	.cs_side ul				{  }
		.cs_side ul li			{ border-top: 1px solid #ccc }
			.cs_side ul li a		{ display: block; padding: 10px 15px; font-size: 15px; font-weight: bold }
			.cs_side ul li a:hover,
			.cs_side ul li.active a	{ background: #222; color: #fff }

/* 고객센터 컨텐츠  */
div.cs_contents		{ float: right; width: 870px; min-height: 500px }

/* 마이페이지 사이드 */
div.my_side			{ float: left; width: 194px; min-height: 500px; border: 3px solid #222; border-radius: 8px }
	.my_side div.info		{ }
		.my_side .info p.user	{ padding: 7px 0 0 0; font-size: 15px; text-align: center; line-height: 150% }
			.my_side .info p.grade span		{ display: block; margin: 10px auto; width: 50px; height: 50px; background: url('../images/my_collect.png') no-repeat 0 0 }
			.my_side .info p.grade span.grade_0			{ background-position: 0 0 }
			.my_side .info p.grade span.grade_1			{ background-position: -100px 0 }
			.my_side .info p.grade span.grade_2			{ background-position: -200px 0 }
			.my_side .info p.grade span.grade_3			{ background-position: -300px 0 }
			.my_side .info p.grade span.grade_4			{ background-position: -400px 0 }
			.my_side .info p.grade span.company_member	{ background-position: 0 -100px }

		.my_side .info ul		{ border-top: 1px solid #ddd  }
			.my_side .info ul li				{ float: left; width: 97px; padding: 10px 0 }
			.my_side .info ul li:first-child	{ width: 96px; border-right: 1px solid #ddd }
				.my_side .info ul li p	{ padding: 5px 0 0 0; text-align: center }
					.my_side .info ul li p:first-child span	{ font-size: 16px; color: #e00; font-weight: bold }
		.my_side .info ul:after	{ display: block; clear: both; content: '' } /* float 해제 */

		.my_side .info > a			{ display: block; padding: 10px 15px; font-size: 15px; font-weight: bold; border-bottom: 1px solid #ddd }
		.my_side .info > a:hover	{ color: #e00 }
		
	.my_side p.title		{ padding: 10px 15px; background: #222; font-size: 15px; font-weight: bold; color: #fff  }
	.my_side > ul			{ margin: 7px 0 }
		.my_side > ul li		{  }
			.my_side > ul li a			{ display: block; padding: 5px 15px; font-size: 15px; font-weight: bold }
			.my_side > ul li a:hover,
			.my_side > ul li.active a	{ color: #e00 }

/* 마이페이지 컨텐츠  */
div.my_contents		{ float: right; width: 870px; min-height: 500px }
div.my_contents img{ max-width:100% }

/*
	회원가입 약관동의 페이지; member.php / 주문서 작성 페이지에서 비회원 주문시
*/
div.terms	{ margin: 5px 0 0 0; padding: 10px; border: 2px solid #555; height: 140px; overflow-y: scroll }
	.terms h4	{ display: none }

/* 개인정보 취급방침 */
.privacy { width: 100%; margin-bottom: 30px; border: 1px solid #ececec; border-left: none;  border-bottom: none }
.privacy th { padding: 3px 0 0 0; line-height: 29px; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec; background: lightyellow; font-size: 12px }
.privacy td { padding: 3px 5px 0 5px; line-height: 21px; border-bottom: 1px solid #ececec; border-left: 1px solid #ececec }


/* 로그인 페이지; login.html */
h3.login			{ width: 900px; height: 28px; margin: 50px auto 0 auto; background: url('../images/head_collect.png') no-repeat 0 -740px }
div.login			{ width: 900px; margin: 10px auto 0 auto; padding: 20px 0; border: 1px solid #555 }
	.login p.id_save	{ margin: 5px 0 0 0; padding: 0 0 0 147px }
	.login hr			{ margin: 0 auto; width: 90%; padding: 20px 0; border: none; background: url('../images/hr_ddd.gif') repeat-x 0 20px }

h3.order_view		{ width: 900px; height: 28px; margin: 30px auto 0 auto; background: url('../images/head_collect.png') no-repeat 0 -780px }
div.order_view		{ width: 900px; margin: 10px auto 30px auto; padding: 20px 0; border: 1px solid #555 }
	.order_view hr		{ margin: 0 auto; width: 95%; padding: 20px 0; border: none; background: url('../images/hr_ddd.gif') repeat-x 0 20px }
p.login_text1		{ height: 17px; margin: 0 0 0 30px; background: url('../images/head_collect.png') no-repeat 0 -820px }
p.login_text2		{ height: 17px; margin: 14px 0 0 30px; background: url('../images/head_collect.png') no-repeat 0 -850px }


/* 팝업관련 페이지 */
div#popup		{ padding: 0 20px; background: url('../images/head_popup.jpg') no-repeat right top }

	#popup div.head	{ padding: 17px 0 0 0 }
		#popup .head h3					{ height: 33px; font-size: 18px; font-weight: bold; color: #fff }
		#popup .head p					{ margin: 20px 0 5px 0 }

	#popup p.id_check	{ margin: 15px 0 0 0; height: 20px }
	#popup form.overlap	{ padding: 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }

	#popup div.box1		{ padding: 15px 0; border: 2px solid #555 }
		#popup .box1 > p		{ text-align: center }
		#popup .box1 > hr		{ margin: 7px 15px; height: 1px; color: #eee }

		#popup .box1 table			{ margin: 0 auto }
			#popup .box1 table tr th	{ text-align: right; padding: 3px 10px 3px 0; font-weight: normal }
			#popup .box1 table tr td	{ padding: 3px 0 }

	#popup div.box2		{ margin: 30px 0 0 0; padding: 15px 0; border: 2px solid #555 }
		#popup .box2 p		{ text-align: center }
		#popup .box2 hr		{ margin: 7px 15px; height: 1px; color: #eee }


/* 새 우편번호 찾기 */
#popup div#content_result					{ background: #f5f5f5; padding: 20px; margin: 30px 0 0 0 }
	#popup #content_result p				{ height: 25px }
	#popup #content_result li				{ float: left }
	#popup #content_result li.sch			{ margin: 6px 0 0 5px }
	#popup #content_result li input			{ width: 528px; height: 28px; padding: 0 0 0 10px; border: 1px solid #aaa }
	#popup #content_result div.result_box	{ padding: 10px 0 0 0 }

#popup div#content_juso			{ background: #f5f5f5; padding: 0 20px; height: 535px }

	#popup #content_juso img	{ vertical-align: -4px; cursor: pointer }

	#popup #content_juso fieldset		{ overflow-y: auto; overflow-x: hidden; height: 490px; padding: 0 10px; background: #fff; border-top: 1px solid #555; ; border-bottom: 1px solid #555 }
		#popup #content_juso ul				{ float: left; width: 100%; padding: 3px 0 5px 0; border-bottom: 1px solid #ddd }
			#popup #content_juso li				{ float: left }
				#popup #content_juso li p			{ margin: 3px 0 0 0 }
				#popup #content_juso li.address p	{ cursor: pointer }
			#popup #content_juso li.zip			{ float: right; text-align:right; padding: 0 15px 0 0 }
				#popup #content_juso li.zip p		{ cursor: pointer }

	#popup #content_juso > div		{ padding: 10px 0 0 0; text-align: center }

#popup div#content_detail	{ background: #f5f5f5; padding: 20px; margin: 30px 0 0 0 }

	#popup #content_detail hr			{ margin: 10px 0 }

	#popup #content_detail label		{ vertical-align: 2px; font-weight: bold }

	#popup #content_detail table		{ margin: 5px 0 0 0 }
	#popup #content_detail th			{ width: 80px; text-align: left; padding: 3px 0 }
	#popup #content_detail td			{ padding: 3px 0 }

	#popup #content_detail input.on	{ width: 250px; height: 18px; padding: 0 0 0 5px; border: 1px solid #ccc }


/* order_list.php; 주문배송조회 페이지 */
div.term_sch			{ padding: 20px 0; border-top: 1px solid #ddd; text-align: center }
	.term_sch input[type="text"]	{ width: 90px; height: 20px }
	.term_sch i						{ vertical-align: -9px; cursor: pointer }
div.term_sch:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 베스트상품: m_mall_best.php; 2014-04-21; 전용 과장*/
p.best_head					{ width: 980px; height: 80px; background: url('../images/best_seller.png') no-repeat left top }

div.best_cate				{ width: 980px; height: 131px; background: url('../images/best_seller.png') no-repeat 0 -80px }
.best_cate ul				{ float: left; width: 980px; margin: 2px 0 0 0 }
.best_cate li				{ float: left; width: 140px; height: 32px }
.best_cate li a				{ display: block; width: 139px; height: 31px }
.best_cate li a:hover		{ background: #f5f5f5 }
.best_cate li.btn_on a		{ background: #f5f5f5 }
.best_cate li a p			{ padding: 10px 0 0 10px }

div.best_cont div.best10	{ width: 980px; padding: 10px 0; background: #fafafa; text-align: center }
.best_cont p.best			{ padding: 0 0 5px 2px; text-align: left; color: #e00; font-family: verdana; font-size: 14px; font-weight: bold }
.best_cont td.best_no		{ color: #e00; font-size: 14px; font-family: verdana; font-weight: bold }

/* 상품진열 되는 페이지의 하단 '선택상품 장바구니 담기' 공통 스타일 */
p.select_put_cart		{ margin: 15px 0 }
	.select_put_cart a		{ display: block; margin: 0 auto; width: 150px; height: 40px; background: url('../images/btn_cart_select2.gif') no-repeat left top }
	.select_put_cart a span	{ display: none }

/* cart.html, order.html */
ul.amount		{ padding: 15px 0; border-bottom: 1px solid #ddd }
	.amount li:first-child	{ float: left; padding: 3px 0 0 5px }
	.amount li:last-child	{ float: right; padding: 3px 20px 0; font-size: 15px }
ul.amount:after { display: block; clear: both; content: '' } /* float 해제 */


/* end.html */
div.amount		{ padding: 20px; border-bottom: 1px solid #ddd; background: #f5f5f5; text-align: center; font-size: 15px }

#pageLoadingWrap
, .pagelayerWrap { display: none }
#pageLoadingWrap:before
, .pagelayerWrap .bg {
	position: fixed;
	left: 0px; right: 0px; top: 0px; bottom: 0px;
	background: #000;
	z-index: 9999999998;
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
	content: '';
}

.pagelayerWrap .centerLayer {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 9999999999;
	content: '';
}

#pageLoadingWrap:after {
	position: fixed;
	background: #fff url('/images/loading.gif') no-repeat;
	top: 50%;
	left: 50%;
	margin-top: -50px;
	margin-left: -50px;
	width:100px;
	height:100px;
	z-index: 9999999999;
	content: '';
}

td.right2, td.right2 p { margin-right: 10px; text-align: right }

button.order_coupon_btn		{ font-size: 11px; height: 20px; padding: 4px 4px 0 4px; background: #fff; border:1px solid #f00; color: #f00; cursor: pointer }

.order_coupon_use_wrap {
	display: none;
}
.order_coupon_use_wrap .bg {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 998;
	position: fixed;
	background: #000;
	opacity: 0.2;
	filter: alpha(opacity=20);
}

.order_coupon_use_wrap .order_coupon_list {
	top: 60px;
	z-index: 998;
	position: fixed;
	width: 660px;
	background:#fff;
	border-top: 3px solid #000;
	left: 50%;
	margin-left:-350px;
	padding: 30px 20px;
	overflow:auto;
	height:500px;
}

.over_view {
	background: #fff;
	position: absolute;
	border: 2px solid #468;
	padding: 5px;
	display: none;
	text-align: left;
}
.point-info {
	background: #fff;
	position: fixed; z-index: 2;
	border: 2px solid #333;
	padding: 5px 10px;
	text-align: right;
	display: none;
}
.point-info ul {
	padding: 3px 0px;
}

/* 하단 장바구니 */
#small_cart	{
	position: fixed; z-index: 9000; left: 0; bottom: 0; width: 100%;
	_position: absolute;
	_top: expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight-(0));
}

#small_cart div.head		{ height: 40px; border-bottom: 3px solid #e00012 }
	#small_cart .head ul			{ margin: 0 auto; width: 1120px; height: 40px }
		#small_cart .head ul li.lnb1		{ float: right; width: 180px; height: 40px; background: url('../images/footcart_collect.png') no-repeat 0 0; cursor: pointer } /* OPEN */
		#small_cart .head ul li.lnb1.on		{ background-position: -200px 0 } /* CLOSE */
			#small_cart .head ul li span		{ display: none }
#small_cart div.head:after	{ display: block; clear: both; content: '' } /* float 해제; */

#small_cart div.cont_wrap	{ background: #fff }

#small_cart div.cont		{ width: 1120px; height: 218px; margin: 0 auto; background: url('../images/footcart_collect.png') no-repeat 0 -100px }

#small_cart ul.goods_wrap	{ float: left; margin: 19px 0 0 20px; width: 868px; height: 180px }
#small_cart li.btn_l,
#small_cart li.btn_r		{ float: left; width: 30px; height: 180px }
#small_cart li.btn_l a		{ display: block; width: 30px; height: 180px; background: url('../images/footcart_collect.png') no-repeat -20px -119px }
#small_cart li.btn_r a		{ display: block; width: 30px; height: 180px; background: url('../images/footcart_collect.png') no-repeat -858px -119px }

#small_cart li.goods		{ float: left; width: 808px; height: 180px }
	#small_cart .goods div.nodata	{ text-align: center; padding: 60px 0 0 0 }

	#small_cart .goods div.bmit_slideshow,
	#small_cart .goods div.goods-item		{ margin: 11px 5px 0 5px; width: 100% }

	#small_cart .goods .item	{ float: left; margin: 0 5px; width: 104px; font-size: 11px }
		#small_cart .goods .item p.goods_img		{ width: 104px; height: 104px; background: url('../images/goods_box_104.gif') no-repeat left top }
			#small_cart .goods .item .goods_img a		{ display: block; padding: 2px } /* 여백: 2px; */
		#small_cart .goods .item p.goods_name		{ margin: 8px 0 0 0 }

		#small_cart .goods .item ul			{  }
			#small_cart .goods .item ul li.price	{ float: left; font-weight: bold }
			#small_cart .goods .item ul li.amount	{ float: right }
			#small_cart .goods .item ul li.option	{ float: left; width: 90px; overflow: hidden }
			#small_cart .goods .item ul li.delete	{ float: right; width: 10px }
				#small_cart .goods .item ul li.delete img	{ vertical-align: middle }
		#small_cart .goods .item ul:after	{ display: block; clear: both; content: '' } /* float 해제; */

	#small_cart ul.info			{ float: left; margin: 25px 0 0 15px; width: 191px }
		#small_cart .info li		{ padding: 6px 10px 0 0; height: 20px; text-align: right }
		#small_cart .info li.lnb4	{ padding: 9px 10px 0 0; height: 22px; font-weight: bold; color: #e00 }

	#small_cart p.order			{ float: left; margin: 25px 0 0 15px; width: 191px; text-align: center }
		#small_cart .order a		{ margin: 0 2px }


/*	사이드의 오늘본상품 기능 사용안함 요청(이아영 과장); 2018-05-04; 전용 차장
#SideRight								{ position: absolute; top: 186px; left: 50%; margin-left: 500px; z-index: 110; width: 70px }
#SideRight div.today_cont				{ padding: 0 0 5px 0; background: url('../images/today_collect.png') no-repeat left bottom }
#SideRight .today_cont > div			{ padding: 10px 0 0 0; background: url('../images/today_collect.png') no-repeat left top }
#SideRight .today_cont p.amount			{ text-align: center }
#SideRight .today_cont p.today_head		{ height: 16px }
#SideRight .today_cont p.today_head a	{ display: block; margin: 0 0 0 10px; width: 49px; height: 11px; background: url('../images/today_collect.png') no-repeat -10px -10px }
#SideRight .today_cont p.btn_up a		{ display: block; margin: 0 0 0 5px; width: 60px; height: 15px; background: url('../images/today_collect.png') no-repeat -100px 0 }
#SideRight .today_cont p.btn_down a		{ display: block; margin: 2px 0 0 5px; width: 60px; height: 15px; background: url('../images/today_collect.png') no-repeat -100px -20px }
#SideRight .today_cont p.no_img			{ padding: 20px 0; text-align: center }
#SideRight .today_cont ul				{ margin: 0 auto; width: 58px }
#SideRight .today_cont ul li			{ margin: 2px 0 0 0; width: 50px; height: 50px; padding: 3px; border: 1px solid #e5e5e5 }
#SideRight p.top a						{ margin: 10px 0 0 22px; display: block; width: 25px; height: 14px; background: url('../images/today_collect.png') no-repeat -100px -40px }
*/


/* 좌측 사이드의 전체상품 */
div#SideLeft		{ position: absolute; z-index: 110; left: 50%; margin-left: -630px; z-index: 110; width: 70px }
	#SideLeft > a		{ display: block; width: 60px; height: 66px; background: url('../images/side_collect.png') no-repeat 0 0 }
		#SideLeft > a span	{ display: none }
	#SideLeft div.cont	{ position: absolute; z-index: 110; left: 70px; top: 0; width: 1060px; padding: 27px; border: 3px solid #e90d27; border-radius: 8px; background: #fff }

		#SideLeft .cont	h6	{ font-size: 18px; font-weight: bold; color: #e00; text-align: center }

		#SideLeft .cont	ul.cate_box			{ margin: 20px 0 27px; padding-bottom: 20px; border-bottom: 1px solid #e00  }
			#SideLeft .cont	.cate_box > li				{ float: left; margin: 0 0 0 12px; width: 141px }
				#SideLeft .cont	.cate_box > li > a			{ font-size: 15px; font-weight: bold }
				#SideLeft .cont	.cate_box > li ul			{ margin: 15px 0 0 0 }
					#SideLeft .cont	.cate_box > li ul li		{ padding: 3px 0 }
			#SideLeft .cont	.cate_box > li:first-child	{ margin-left: 0 }
		#SideLeft .cont	ul.cate_box:after	{ display: block; clear: both; content: '' } /* float 해제; */

		#SideLeft .cont	ul.goods_box1		{ margin: 10px 0 27px; padding-bottom: 20px; border-bottom: 1px solid #e00 }
			#SideLeft .cont	.goods_box1 li			{ float: left; margin: 12px 0 0 12px; width: 122px; height: 100px }
			#SideLeft .cont	.goods_box1 li.first	{ margin-left: 0 }

				#SideLeft .cont	.goods_box1 li a		{ display: block; width: 120px; height: 98px; border: 1px solid #ddd; border-radius: 8px }
					#SideLeft .cont	.goods_box1 li a p			{ height: 50px; margin-top: 20px; text-align: center }
					#SideLeft .cont	.goods_box1 li a span		{ display: block; height: 17px; font-size: 14px; font-weight: bold; text-align: center; overflow: hidden }

				#SideLeft .cont	.goods_box1 li a:hover	{ width: 116px; height: 94px; border: 3px solid #e00 }
					#SideLeft .cont	.goods_box1 li a:hover p	{ margin-top: 18px }

		#SideLeft .cont	ul.goods_box1:after	{ display: block; clear: both; content: '' } /* float 해제; */

		#SideLeft .cont	ul.goods_box2		{ margin: 10px 0 0 0 }
			#SideLeft .cont	.goods_box2 li			{ float: left; margin: 12px 0 0 12px; width: 256px }
				#SideLeft .cont	.goods_box2 li a		{ display: block; width: 254px; height: 98px; border: 1px solid #ddd; border-radius: 8px }
					#SideLeft .cont	.goods_box2 li a span		{ display: block; margin-top: 40px; font-size: 16px; font-weight: bold; text-align: center }
				#SideLeft .cont	.goods_box2 li a:hover	{ width: 250px; height: 94px; border: 3px solid #e00 }
					#SideLeft .cont	.goods_box2 li a:hover span	{ margin-top: 38px }
			#SideLeft .cont	.goods_box2 li.first	{ margin-left: 0 }
		#SideLeft .cont	ul.goods_box2:after	{ display: block; clear: both; content: '' } /* float 해제; */


/* 우측 사이드의 전체상품 */
div#SideRight		{ position: absolute; left: 50%; margin-left: 560px; z-index: 110; width: 70px }
	#SideRight > a		{ display: block; width: 60px; height: 66px; margin: 0 0 0 10px; background: url('../images/side_collect.png') no-repeat -100px 0 }
		#SideRight > a span	{ display: none }
	#SideRight div.cont	{ position: absolute; z-index: 110; left: -1120px; top: 0; width: 1060px; padding: 27px; border: 3px solid #181818; border-radius: 8px; background: #fff }
		/* SideRight 공통적용 스타일 */
		#SideRight .cont > div			{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #333 }
		#SideRight .cont > div:after	{ display: block; clear: both; content: '' } /* float 해제; */
			#SideRight .cont > div > h6		{ float: left; width: 240px; font-size: 20px; font-weight: bold; letter-spacing: 2px }
			#SideRight .cont > div > div	{ float: right; width: 820px }

		#SideRight .cont div.cs			{  }
			#SideRight .cont .cs p			{ font-size: 24px; padding: 4px 0 0 0; height: 36px; font-weight: 800; color: #e00 }
			#SideRight .cont .cs dl			{  }
				#SideRight .cont .cs dl dt		{ float: left; margin-right: 10px; font-weight: bold; color: #e00 }
				#SideRight .cont .cs dl dd		{ float: left; margin-right: 20px }

		#SideRight .cont div.delivery	{  }
			#SideRight .cont .delivery dl	{ background: #eee }
				#SideRight .cont .delivery dl dt,	
				#SideRight .cont .delivery dl dd	{ padding: 8px 0; margin-bottom: 5px; font-size: 15px; color: #000 }

				#SideRight .cont .delivery dl dt			{ float: left; width: 100px; background: #ececec; font-weight: bold; text-align: center }
				#SideRight .cont .delivery dl dt:last-child	{ margin-bottom: 28px }
				#SideRight .cont .delivery dl dd			{ float: right; width: 700px }
				#SideRight .cont .delivery dl dd:last-child	{ margin-bottom: 0 }
					#SideRight .cont .delivery dl dd p				{ margin-top: 10px  }
					#SideRight .cont .delivery dl dd p:first-child	{ margin-top: 0  }
					#SideRight .cont .delivery dl dd span			{ color: #e00 }

		#SideRight .cont div.offline			{ margin-bottom: 0 }
			#SideRight .cont .offline p.tel		{ font-size: 24px; padding: 4px 0 0 0; height: 30px; font-weight: 800; color: #e00 }
			#SideRight .cont .offline p.text	{ font-size: 18px; padding: 4px 0 0 0; color: #000 }
			#SideRight .cont .offline dl		{ margin-top: 30px }
				#SideRight .cont .offline dl dt		{ float: left; margin-right: 10px; font-weight: bold; color: #e00 }
				#SideRight .cont .offline dl dd		{ float: left; margin-right: 20px }

		#SideRight .cont ul			{  }
			#SideRight .cont ul li			{ float: left; width: 115px; margin: 20px 0 0 20px }
			#SideRight .cont ul li.first	{ margin-left: 0 }
				#SideRight .cont ul li a		{ display: block; width: 113px; height: 103px; border: 1px solid #dfdfdf; border-radius: 8px; text-align: center }
					#SideRight .cont ul li a i		{ margin: 15px 0 0 0; font-size: 48px; color: #000 }
					#SideRight .cont ul li a span	{ display: block }
				#SideRight .cont ul li a:hover	{ background: #333 }
					#SideRight .cont ul li a:hover i	{ color: #fff }
					#SideRight .cont ul li a:hover span	{ color: #fff }
		#SideRight .cont ul:after	{ display: block; clear: both; content: '' } /* float 해제; */


/* 하단 top 버튼 */
a.go_top	{ display: block; width: 40px; height: 40px; position: fixed; z-index: 9001; left: 50%; bottom: 7px; margin-left: 565px; background: url('../images/footer_collect.png') no-repeat -100px -350px}
	a.go_top span	{ display: none }


.goods_ajax_wrap { margin: 15px 0 0 0 }
.goods_ajax_wrap table.table-board { max-width: 100%; margin:0 auto }

table.table-board span.board-3-none { display: inline }
table.table-board span.board-3-show { display: none }

table.board-3 span.board-3-show { display: inline }
table.board-3 span.board-3-none { display: none }



/* 출석체크 이벤트; attendance.php  */
div.attendance	{  }

	.attendance ul.month_box	{ margin: 30px 0 0 0; position: relative; z-index: 1; height: 50px }

		.attendance .month_box li		{ position: absolute; z-index: 1 }
		.attendance .month_box li span	{ display: none }

		.attendance .month_box li.prev		{ left: 300px; top: 0 }
			.attendance .month_box .prev a	{ display: block; width: 25px; height: 50px; background: url('../images/attendance_collect.png') no-repeat -200px 0 }
		
		.attendance .month_box li.next		{ right: 300px; top: 0 }
			.attendance .month_box .next a	{ display: block; width: 25px; height: 50px; background: url('../images/attendance_collect.png') no-repeat -250px 0 }

		.attendance .month_box li.month		{ left: 460px; top: 0; width: 200px; height: 50px; background: url('../images/attendance_collect.png') no-repeat 0 0 }
		.attendance .month_box li.jan		{ background-position: 0 0 }
		.attendance .month_box li.feb		{ background-position: 0 -50px }
		.attendance .month_box li.mar		{ background-position: 0 -100px }
		.attendance .month_box li.apr		{ background-position: 0 -150px }
		.attendance .month_box li.may		{ background-position: 0 -200px }
		.attendance .month_box li.jun		{ background-position: 0 -250px }
		.attendance .month_box li.jul		{ background-position: 0 -300px }
		.attendance .month_box li.aug		{ background-position: 0 -350px }
		.attendance .month_box li.sep		{ background-position: 0 -400px }
		.attendance .month_box li.oct		{ background-position: 0 -450px }
		.attendance .month_box li.nov		{ background-position: 0 -500px }
		.attendance .month_box li.dec		{ background-position: 0 -550px }

	.attendance ul.days1		{ margin: 20px 0 0 0}
		.attendance .days1 li				{
			float: left; width: 159px; padding: 15px 0; border-right: 1px solid #e5e5e5; background: #e00; text-align: center;
			font-size: 16px; color: #fff; font-weight: bold
		}		
		.attendance .days1 li:last-child	{ width: 160px; border-right: none }
	.attendance ul.days1:after	{ display: block; clear: both; content: '' } /* float 해제 */

	.attendance ul.days2		{  }
		.attendance .days2 li		{ position: relative; z-index: 1; float: left; width: 159px; height: 134px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
		.attendance .days2 li.first	{ width: 158px; border-left: 1px solid #e5e5e5 }

		.attendance .days2 li p.day	{ padding: 5px 5px 0 0; text-align: right; font-weight: bold; color: #bbb }

		.attendance .days2 li div					{ margin: 0 auto; background: url('../images/attendance_collect.png') no-repeat 0 0 }
		.attendance .days2 li div span				{ display: none }
		.attendance .days2 li div.ok_gray			{ margin-top: 5px; width: 83px; height: 83px; background-position: -400px -300px }
		.attendance .days2 li div.ok_red			{ margin-top: 5px; width: 83px; height: 83px; background-position: -500px -300px }
		.attendance .days2 li div.btn_attendance	{ margin-top: 26px; width: 95px; height: 40px; background-position: -400px -400px; }

		.attendance .days2 li p.gift				{ margin-top: 5px; text-align: center; }
		.attendance .days2 li p.gift img			{ width: 125px; height: 80px; }

		.attendance .days2 li p.term			{ position: absolute; z-index: 1; left: 0; bottom: 3px; width: 100%; text-align: center }
	.attendance ul.days2:after	{ display: block; clear: both; content: '' } /* float 해제 */
	
	.attendance > p		{ text-align: center }



/* 경매 이벤트 공통 */
div.head_auction	{ height: 118px; padding: 15px 0; background: url('../images/head_auction.jpg') no-repeat 0 0 }
	.head_auction a		{ display: block; margin: width: 177px; height: 37px; background: url('../images/head_auction.jpg') no-repeat -146px -31px }
		.head_auction a span	{ display: none }

/* 경매 이벤트 목록; auction_list.php */
ul.auction_list_head			{ margin: 20px 0 0 0 }
	.auction_list_head li			{ float: left; padding: 10px 0 }
	.auction_list_head li.order		{ margin: 0 0 0 50px }
	.auction_list_head li.btns		{ float: right }

table.auction_list tr td p			{ margin: 5px 0 0 0 }
table.auction_list tr td p.goods	{ margin: 0 0 10px 0; font-size: 15px; font-weight: bold }


/* 경매 이벤트 상품; auction_goods.php */
div.auction_goods_img		{ float: left; width: 300px; height: 300px }
ul.auction_goods_info		{ float: right; padding: 20px; width: 756px; height: 256px; border: 2px solid #eee }
	.auction_goods_info li			{ float: left; width: 550px }
		.auction_goods_info li h3	{ padding: 0 0 5px 0; font-size: 15px; font-weight: bold  }
	.auction_goods_info li.next		{ float: right; width: 170px }
		.auction_goods_info .next p.head	{ background: #555; padding: 5px 0; text-align: center; color: #fff; font-weight: bold }
		.auction_goods_info .next p.text	{ margin: 5px 0 0 0; text-align: center }
ul.auction_goods_info:after	{ display: block; clear: both; content: '' } /* float 해제 */

div.auction_goods_bidding	{ margin: 20px 0 0 0; padding: 10px; background: #f5f5f5; text-align: center }
	.auction_goods_bidding input		{ height: 31px; padding: 4px 0 0 5px; border: 2px solid #555 }
	.auction_goods_bidding input.price	{ width: 100px }
	.auction_goods_bidding input.text	{ width: 600px }

h4.auction_goods_explain_head	{ margin-top: 30px }	/* 상기 h4에 정의된 스타일: font-size: 18px; margin-bottom: 10px */
div.auction_goods_explain_cont	{ min-height: 100px; padding: 10px 0; border-top: 1px solid #ddd }


/* 경품 응모 이벤트; enter_event.php */
div.enter_event_add_comment			{ padding: 15px 0; background: #f5f5f5; border-top: 1px solid #ddd; text-align: center }
	.enter_event_add_comment input	{ margin: 0 5px; width: 60%; height: 28px; border: 1px solid #ccc }

div.enter_event_comment			{ margin: 30px 0 5px 0 }
	.enter_event_comment h4			{ float: left }
	.enter_event_comment span		{ float: left; margin: 5px 0 0 20px }
div.enter_event_comment:after	{ display: block; clear: both; content: '' } /* float 해제 */

div.enter_event_result	{
	position: fixed; z-index: 1000; left: 50%; top: 50%; padding: 30px; margin: -230px 0 0 -280px; width: 500px; height: 400px;
	background: url('../images/enter_event_result_bg.png') no-repeat 0 0
}
	.enter_event_result p			{ width: 500px; height: 400px }
		.enter_event_result p span		{ display: none }
	.enter_event_result p.result0	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food0.jpg') no-repeat 0 0 }
	.enter_event_result p.result1	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food1.jpg') no-repeat 0 0 }
	.enter_event_result p.result2	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food2.jpg') no-repeat 0 0 }
	.enter_event_result p.result3	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food3.jpg') no-repeat 0 0 }
	.enter_event_result p.result4	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food4.jpg') no-repeat 0 0 }
	.enter_event_result p.result5	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food5.jpg') no-repeat 0 0 }
	.enter_event_result p.result6	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food6.jpg') no-repeat 0 0 }
	.enter_event_result p.result7	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food7.jpg') no-repeat 0 0 }
	.enter_event_result p.result8	{ background: url('https://saeropnl.hgodo.com/images/event/korean_tg_food8.jpg') no-repeat 0 0 }


/* 
	이벤트 메뉴 공통: 진행중인 이벤트, 종료된 이벤트, 이벤트 당첨자 확인, 사은품 요청하기
	적용파일: event_list.php, 이벤트 당첨자 게시판, 사은품 요청 게시판
*/
ul.event_lnb		{ height: 49px; border-bottom: 1px solid #333 }
	.event_lnb li		{ float: left; width: calc(100% / 3); height: 49px }
		.event_lnb li a						{ display: block; /* width: 279px; */ height: 33px; padding: 15px 0 0 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center }
		.event_lnb li:first-child a			{ /* width: 278px; */ border-left: 1px solid #ddd }

		.event_lnb li a:hover,
		.event_lnb li a.active				{ margin: 0 0 0 -1px; height: 31px; padding-top: 17px; border: 1px solid #333; border-bottom: 1px solid #fff; font-weight: bold }
		.event_lnb li:first-child a:hover,
		.event_lnb li:first-child a.active	{ margin-left: 0 }
ul.event_lnb:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 이벤트 목록; event_list.php */
ul.event_list	{  }
	.event_list li			{ float: left; width: 550px; margin: 40px 0 0 20px }
	.event_list li.first	{ margin-left: 0 }
		.event_list li > a		{ display: block }
		.event_list li p.title	{ margin: 15px 0 10px 0; padding: 0 5px; font-size: 15px; font-weight: bold }
		.event_list li p		{ margin: 5px 0 0 0; padding: 0 5px }
ul.event_list:after	{ display: block; clear: both; content: '' } /* float 해제 */


/* 
	커뮤니티 메뉴 공통: 상품후기, 새로블로거, 사고팔기
	적용파일: review.php, 새로블로거 게시판 게시판, 사고팔기 게시판
*/
ul.community_lnb		{ height: 49px; border-bottom: 1px solid #333 }
	.community_lnb li				{ float: left; width: 560px; height: 49px }
		.community_lnb li a						{ display: block; width: 559px; height: 33px; padding: 15px 0 0 0; border-top: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center }
		.community_lnb li:first-child a			{ width: 558px; border-left: 1px solid #ddd }

		.community_lnb li a:hover,
		.community_lnb li a.active				{ margin: 0 0 0 -1px; height: 31px; padding-top: 17px; border: 1px solid #333; border-bottom: 1px solid #fff; font-weight: bold }
		.community_lnb li:first-child a:hover,
		.community_lnb li:first-child a.active	{ margin-left: 0 }
ul.community_lnb:after	{ display: block; clear: both; content: '' } /* float 해제 */

div.review_head			{ margin: 40px 0 5px 0 }
	.review_head h4			{ float: left }
	.review_head a			{ float: right; margin: 5px 0 0 0 }
div.review_head:after	{ display: block; clear: both; content: '' } /* float 해제 */


table.review_list div.review_text img	{ width: 50%; height: auto; }
table.review_list p					{ padding: 10px }
	.review_list p span.date			{ margin: 0 0 0 30px }
table.review_list p.goods_info		{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd }
	.review_list .goods_info span		{ margin: 0 30px 0 0; font-weight: bold }


/* 마이페이지 > 나의 쿠폰내역; coupon_list.php */
table.coupon_list p.coupon	{ margin: 0 auto; padding: 15px 0 0 0; width: 131px; height: 35px; background: url('../images/my_collect.png') no-repeat 0 -200px }
	.coupon_list p.coupon span	{ font-size: 20px; font-family: verdana, dotum; font-weight: bold }


/* 장바구니 견적서, 주문조회 페이지의 주문서 양식 출력 */
div.print_estimate	{ padding: 20px; overflow: auto }
	.print_estimate h3				{ padding: 10px 0; font-size: 20px; text-align: center; text-decoration: underline }
	.print_estimate p.date			{ margin: 5px 0; text-align: right; font-weight: bold }
	.print_estimate div.orderer		{ float: left; width: 49% }
		.print_estimate .orderer p	{ padding: 6px 10px; font-size: 14px; font-weight: bold; border: 1px solid #555; border-bottom: none }
	.print_estimate div.supplier	{ float: right; width: 49% }
		.print_estimate .supplier p	{ padding: 6px 10px; font-size: 14px; font-weight: bold; border: 1px solid #555; border-bottom: none }
	.print_estimate p.text			{ padding: 10px 0 0 10px }
	.print_estimate p.btns			{ margin: 20px 0; text-align: center }

table.column_tbl_print			{ border-top: 1px solid #555; border-left: 1px solid #555; font-size: 12px; line-height: 130% }
	.column_tbl_print tr		{ height: 36px }
	.column_tbl_print th		{ border-bottom: 1px solid #555; border-right: 1px solid #555; background: #f5f5f5 }
	.column_tbl_print td		{ border-bottom: 1px solid #555; border-right: 1px solid #555; padding: 0 5px; text-align: center }
	.column_tbl_print td.left	{ text-align: left; padding-left: 20px }
	.column_tbl_print input		{ width: 100%; height: 16px; padding: 3px 0; border: 0; text-align: center; background: #f5f5f5 }

table.rows_tbl_print			{ margin: 15px 0 0 0; border-left: 1px solid #555; border-top: 1px solid #555 }
	.rows_tbl_print th			{ padding: 8px 0; background: #f5f5f5; border-bottom: 1px solid #555; border-right: 1px solid #555 }
	.rows_tbl_print td			{ padding: 5px 0; text-align: center; font-size: 12px; border-bottom: 1px solid #555; border-right: 1px solid #555 }
	.rows_tbl_print td.left		{ padding-left: 10px; text-align: left }
	.rows_tbl_print td.right	{ padding-right: 10px; text-align: right }

	.rows_tbl_print tr.total	{ height: 35px; background: #fafafa }


/* 페이지 하단의 버튼 정렬 */
p.btns	{ padding: 30px 0; text-align: center }
	.btns a.btn,
	.btns span.btn,
	.btns button.btn	{ margin: 0 3px }


/* 버튼 디자인 스타일 설정; a태그, span태그, button태그에 스타일을 지정하여 버튼 생성 */
a.btn,
span.btn,
button.btn	{
	padding: 3px 6px; border-radius: 3px; font-weight: bold; color: #fff; font-size: 12px; background: #aaa;
	transition-duration: 0.4s; /* :hover 로 변경시 시간  */
	-webkit-transition-duration: 0.4s; /* Safari */
}
span.btn	{ cursor: pointer }

	a.btn.amount_up				{ padding: 3px 5px; font-size: 10px; background: #333 }
	a.btn.amount_down			{ padding: 3px 5px; font-size: 10px; background: #333 }

	a.btn.attendance			{ padding: 15px 20px; font-size: 20px; background: #e00 }
	a.btn.attendance:hover		{ background: #c00 }

	a.btn.auction_list			{ font-size: 13px; padding: 5px 8px; background: #aaa; color: #fff }
	a.btn.auction_list:hover	{ background: #999 }

	a.btn.auction_list_on		{ font-size: 13px; padding: 5px 8px; background: #e00; color: #fff }
	a.btn.auction_list_on:hover	{ background: #c00 }

	a.btn.bidding				{ font-size: 20px; padding: 30px 15px; border: 1px solid #bbb; background: #fafafa; color: #333 }	/* 경매이벤트 목록의 입찰하기 */
	a.btn.bidding:hover			{ background: #fff }

	a.btn.bidding2				{ font-size: 16px; padding: 10px; background: #e00; vertical-align: 1px }	/* 경매이벤트 상품의 입찰하기 */
	a.btn.bidding2:hover		{ background: #c00 }

	a.btn.buy					{ padding: 11px 18px; font-size: 15px; border: 1px solid #e00; background: #fff; color: #e00 }
	a.btn.buy:hover				{ border: 1px solid #c00; color: #c00 }

	a.btn.cancel				{ padding: 12px 15px; font-size: 15px; background: #999 }
	a.btn.cancel:hover			{ background: #777 }

	a.btn.cart					{ padding: 12px 20px; font-size: 15px; background: #e00 }
	a.btn.cart:hover			{ background: #c00 }

	a.btn.cart1					{ padding: 4px 7px; font-size: 13px; background: #e00 }	/* 상품 상세페이지의 추가상품의 장바구니 */
	a.btn.cart1:hover			{ background: #c00 }

	a.btn.cart2					{ background: #e00 }	/* 상품 상세페이지의 추가상품의 장바구니 */
	a.btn.cart2:hover			{ background: #c00 }

	a.btn.cart_foot				{ padding: 10px 13px; font-size: 15px; background: #e00 }
	a.btn.cart_foot:hover		{ background: #c00 }

	button.btn.confirm_no		{ padding: 5px 8px; background: #e00 }
	button.btn.confirm_no:hover	{ background: #c00 }

	button.btn.confirm			{ padding: 12px 20px; font-size: 15px; background: #e00 }
	button.btn.confirm:hover	{ background: #c00 }

	span.btn.confirm1			{ padding: 12px 20px; font-size: 15px; background: #e00 }
	span.btn.confirm1:hover		{ background: #c00 }

	button.btn.confirm_sm			{ padding: 3px 10px; font-size: 12px; background: #e00 }
	button.btn.confirm_sm:hover	{ background: #c00 }

	button.btn.coupon			{ background: #e00 }	/* 상품 상세페이지의 추가상품의 장바구니 */
	button.btn.coupon:hover		{ background: #c00 }

	span.btn.custom				{ background: #02e }	/* 주문내역상세페이지 맞춤 주문일 경우 버튼 표시 */
	span.btn.custom:hover		{ background: #02b }

	a.btn.edit					{ background: #555 }
	a.btn.edit:hover			{ background: #000 }

	button.btn.edit				{ padding: 11px 20px 10px 20px; font-size: 15px; background: #555; vertical-align: -1px }
	button.btn.edit:hover		{ background: #000 }

	a.btn.delete				{ background: #999 }
	a.btn.delete:hover			{ background: #777 }

	a.btn.delete1				{ padding: 4px 7px; font-size: 13px; background: #999 }
	a.btn.delete1:hover			{ background: #777 }

	a.btn.delete2				{ padding: 12px 20px; font-size: 15px; background: #999 }
	a.btn.delete2:hover			{ background: #777 }

	span.btn.guide				{ padding: 2px 4px; background: #fff; border: 1px solid #aaa; color: #e00; font-size: 12px; margin-left: 5px }	/* 상품상세보기 페이지 */

	a.btn.inquiry				{ padding: 4px 7px; font-size: 13px; background: #555 }	/* 상품 상세페이지의 추가상품의 장바구니 */
	a.btn.inquiry:hover			{ background: #000 }

	a.btn.join					{ background: #e00 }
	a.btn.join:hover			{ background: #c00 }

	button.btn.join				{ padding: 11px 20px 10px 20px; font-size: 15px; background: #e00; vertical-align: -1px }
	button.btn.join:hover		{ background: #c00 }

	a.btn.join_com				{ padding: 12px 20px; font-size: 15px; background: #02e }
	a.btn.join_com:hover		{ background: #01c }

	a.btn.join_per				{ padding: 12px 20px; font-size: 15px; background: #e00 }
	a.btn.join_per:hover		{ background: #c00 }

	a.btn.lottery				{ padding: 12px 20px; font-size: 20px; background: #e00 }	/* 응모 이벤트 페이지 응모하기 */
	a.btn.lottery:hover			{ background: #c00 }

	a.btn.list					{ background: #e00 }
	a.btn.list:hover			{ background: #c00 }

	a.btn.list1					{ padding: 12px 20px; font-size: 15px; background: #e00 }	/* 주문배송 상세조회 */
	a.btn.list1:hover			{ background: #c00 }

	a.btn.list_order			{ padding: 12px 20px; font-size: 15px; background: #e00 }	/* 주문배송 상세조회 */
	a.btn.list_order:hover		{ background: #c00 }

	button.btn.login			{ padding: 12px 20px; font-size: 15px; background: #e00 }	/* 로그인 페이지의 로그인 버튼 */
	button.btn.login:hover		{ background: #c00 }

	button.btn.next				{ padding: 11px 20px 10px 20px; font-size: 15px; background: #e00; vertical-align: -1px }
	button.btn.next:hover		{ background: #c00 }

	a.btn.order					{ padding: 12px 20px; font-size: 15px; background: #e00 }	/* 주문배송 상세조회 페이지 */
	a.btn.order:hover			{ background: #c00 }

	a.btn.order_guest			{ background: #e00; padding: 12px 15px; font-size: 16px; font-weight: bold }
	a.btn.order_guest:hover		{ background: #c00 }

	a.btn.order_foot			{ padding: 10px 13px; font-size: 15px; border: 1px solid #e00; background: #fff; color: #e00 }
	a.btn.order_foot:hover		{ border: 1px solid #c00; color: #c00 }

	a.btn.order_re				{ background: #e00 }	
	a.btn.order_re:hover		{ background: #c00 }

	a.btn.order_re1				{ padding: 12px 20px; font-size: 15px; background: #e00 }	/* 주문배송 상세조회 페이지 */
	a.btn.order_re1:hover		{ background: #c00 }

	a.btn.print					{ padding: 11px 19px; font-size: 15px; border: 1px solid #888; color: #333; background: #fff }
	a.btn.print:hover			{ background: #eee }

	a.btn.print1				{ padding: 5px 8px; font-size: 13px; border: 1px solid #e00; color: #e00; background: #fff }
	a.btn.print1:hover			{ background: #feebeb }

	a.btn.prev					{ padding: 12px 20px; font-size: 15px; background: #999 }
	a.btn.prev:hover			{ background: #777 }

	a.btn.receipt				{ background: #e00 }	
	a.btn.receipt:hover			{ background: #c00 }

	a.btn.sch,
	span.btn.sch,
	button.btn.sch				{ background: #555 }
	a.btn.sch:hover,
	span.btn.sch:hover,
	button.btn.sch:hover		{ background: #000 }

	span.btn.sch_zip			{ background: #555; vertical-align: 1px }
	span.btn.sch_zip:hover		{ background: #000 }

	span.btn.sch_zip1			{ padding: 8px 13px; background: #555 }	/* 우편번호 검색창의 검색 버튼; zipcode.html */
	span.btn.sch_zip1:hover		{ background: #000 }

	button.btn.save				{ padding: 11px 20px 10px 20px; font-size: 15px; background: #e00; vertical-align: -1px }
	button.btn.save:hover		{ background: #c00 }

	span.btn.sold_out			{ background: #d00; cursor: normal }

	a.btn.shopping				{ padding: 12px 20px; font-size: 15px; background: #555 }	/* 주문배송 상세조회 페이지 */
	a.btn.shopping:hover		{ background: #000 }

	a.btn.stocked				{ padding: 12px 20px; font-size: 15px; background: #e00 }	/* 상품 상세페이지의 재입고 알림신청 */
	a.btn.stocked:hover			{ background: #c00 }

	a.btn.stocked1				{ background: #e00 }		/* 상품 상세페이지의 옵션상품 영역의 재입고 알림신청 */
	a.btn.stocked1:hover		{ background: #c00 }

	span.btn.term				{ background: #e00 }	/* 주문/배송 조회 페이지 기간설정 버튼 */
	span.btn.term:hover			{ background: #c00 }

	a.btn.view					{ background: #555 }
	a.btn.view:hover			{ background: #000 }

	a.btn.view_all				{ padding: 12px 20px; font-size: 15px; background: #555 }
	a.btn.view_all:hover		{ background: #000 }

	a.btn.view_wishlist			{ padding: 12px 20px; font-size: 15px; background: #555 }
	a.btn.view_wishlist:hover	{ background: #000 }

	a.btn.webhard				{ padding: 12px 20px; font-size: 15px; background: #02e }	/* 웹하드 바로가기 */
	a.btn.webhard:hover			{ background: #02b }

	a.btn.wish					{ padding: 12px 20px; font-size: 15px; background: #555 }
	a.btn.wish:hover			{ background: #000 }

	a.btn.wish1					{ padding: 4px 7px; font-size: 13px; background: #555 }
	a.btn.wish1:hover			{ background: #000 }

	a.btn.write					{ background: #555 }
	a.btn.write:hover			{ background: #000 }

	a.btn.write_review			{ background: #e00 }	/* 상품후기 페이지의 상품평 쓰기 */
	a.btn.write_review:hover	{ background: #c00 }

	a.btn.write_comment2		{ font-size: 14px; padding: 7px 10px; background: #e00 }	/* 응모 이벤트 댓글달기 버튼 */
	a.btn.write_comment2:hover	{ background: #c00 }

	a.btn.lookat			{ background: #555; vertical-align: 1px; font-size: 11px; padding: 3px 7px; }
	a.btn.lookat:hover		{ background: #000 }

	.lookat			{ display:inline-block; background: #555; vertical-align: 1px; font-size: 11px; padding: 3px 7px; color: #fff; border-radius: 3px; font-weight:bold; margin-left:10px; }
	.lookat:hover		{ background: #000 }




/* 페이지에 기능 구현이 필요한 경우 설명문을 위한 스타일 */
div.explain	{ margin: 20px 0; padding: 10px; background: #369; font-weight: bold; color: #fff }
	.explain p	{ padding: 5px }


/* order_wpay.html */
.order_wpay_wrap { position: fixed; z-index: 9001; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.7); overflow: auto; }
	.order_wpay_wrap > div {
		position: absolute; z-index: 9001; left: 50%; top: 50%; width: 600px; height: 500px; margin: -250px 0 0 -300px; 
		text-align: center; background: #fff; border-radius: 12px; padding: 32px;
	}

		.order_wpay_wrap > div > p		{ margin-top: 32px; }
		.order_wpay_wrap > div > button	{ margin-top: 32px; display: inline-block; padding: 16px; background: #333; font-size: 14px; border-radius: 4px; color: #fff; }




/* 2022-08-19; 상품리스트 수정 */
.goods_img_grid_modify{ display: flex; margin-left:-10px; margin-right:-10px; margin-top:10px }
.goods_img_grid_modify > li { margin: 15px 10px!important; }
.goods_img_grid_modify li { float: none;  width: 100%; margin:0 }
.goods_img_grid_modify > li:first-child{ margin: 15px 10px; }
.goods_img_grid_modify > li p{ text-align:left;  }
.goods_img_grid_modify > li .goods_img{  }
.goods_img_grid_modify > li .goods_img a{ display:block; }
.goods_img_grid_modify > li .goods_img img{ width:100%; max-width:100%; height:auto; }



.goods_list_name{ font-weight:900; }

.goods_price_box{ position:relative; display:inline-block; }
.goods_price_box p{ margin-top: 3px!important; }
.goods_price_box .sale_percent{ color:#ff0000; font-weight:900; }
.goods_price_box .market_price{ color:#888!important; text-decoration: line-through; }
.goods_price_box .point{ color:#002aff; font-weight:900; display: flex; align-items: center; font-size:14px; }
.goods_price_box .p{ background-color:#002aff; color:#fff; display:inline-block; width:15px; height:15px; border-radius:50%; margin-right:4px; font-size:12px; line-height:1.2; font-weight:500; text-align:Center; }
.goods_price_box .sale_price2{ color:#000; font-size:16px; font-weight:900; }
.goods_price_box .sale_price2 span{ font-size:13px; font-weight:normal }

.goods_price_modal{ border:2px solid #000; background-color:#fff; position:absolute; left:100%; top:15px; width:230px; margin-left:5px; z-index:99; font-weight:900; padding:13px; display:none; }
.goods_price_box:hover .goods_price_modal{ display:block; }
.goods_price_modal .list li{ display:flex; justify-content:space-between; }
.goods_price_modal .list01{ border-bottom:1px solid #ddd; padding-bottom:7px; margin-bottom:7px; font-size:12px }
.goods_price_modal .list01 li{ margin-bottom:2px; }
.goods_price_modal .list01 li:last-child{ margin-bottom:0 }
.goods_price_modal .list02{ font-size:14px; margin-bottom:15px; }
.goods_price_modal .list02 li .price{ color:#ff0000 }
.goods_price_modal .noti{ font-size:12px; color:#002aff; }

.price_img_css .goods_price_info{ display:flex; height:22px; }
.price_img_css .sale_price2{ margin-right:10px!important; }
.price_img_css .sale_percent{ margin-right:6px!important; }

.price_list_css{ text-align:right; }
.price_list_css .point{ justify-content:end; } 
.price_list_css .goods_price_modal{ text-align:left; top:5px; margin-left:10px; }

.show-icon{ margin-bottom:2px; font-size:0; display: flex; flex-wrap: wrap; height:23px; }
.show-icon span{ border-radius:3px; margin-right:5px; margin-bottom:3px; color:#fff; padding:1px 6px; font-size: 10.5px; font-weight:900; }
.show-icon .icon-new{ background-color:#ff2626; }
.show-icon .icon-baesong{ background-color:#002aff; }
.show-icon .icon-sale{ background-color:#ffb517; color:#000 }
.show-icon .icon-vuldo{ background-color:#626262; }
.show-icon .icon-hot{ background-color:#0692ff; }
.show-icon .icon-free{ background-color:#2f5690; }
.show-icon .icon-soldout{ background-color:#e50707; }
.show-icon .icon-zsong{ background-color:#5962e0; }
.show-icon .icon-produce{ background-color:#ff0078; }

.show-icon2{ margin-bottom:2px; font-size:0; display: flex; flex-wrap: wrap; height:23px; }
.show-icon2 span{ border-radius:3px; margin-right:4px; margin-bottom:3px; color:#fff; padding:0 6px; font-size: 10.5px; font-weight:900; }
.show-icon2 .icon-new{ border:1px solid #ff3131; color:#ff3131 }
.show-icon2 .icon-sale{ border:1px solid #ffa853; color:#ffa853 }
.show-icon2 .icon-hot{ border:1px solid #d28cf4; color:#d28cf4 }
.show-icon2 .icon-box{ border:1px solid #1621b4; color:#1621b4 }
.show-icon2 .icon-green{ border:1px solid #20a226; color:#20a226 }
.show-icon2 .icon-soldout{ border:1px solid #303030; color:#303030 }
.show-icon2 .icon-vuldobs{ background-color:#8a8a8a; }
.show-icon2 .icon-freebs{ background-color:#d6a984; }
.show-icon2 .icon-plusvuldobs{ background-color:#ababab; }
.show-icon2 .icon-zsong{ border:1px solid #5962e0; color:#5962e0 }
.show-icon2 .icon-produce{ border:1px solid #ff0078; color:#ff0078; }

.bs-show-icon{ font-size:0; display: flex; flex-wrap: wrap; }
.bs-show-icon span{ border-radius:3px; margin-right:4px; margin-bottom:5px; color:#fff; padding:1px 6px; font-size: 10.5px; font-weight:900; }
.bs-show-icon .icon-bs{ background-color:#4c7fbf; }
.bs-show-icon .icon-vuldobs{ background-color:#8a8a8a; }
.bs-show-icon .icon-freebs{ background-color:#d6a984; }
.bs-show-icon .icon-plusvuldobs{ background-color:#ababab; }




.goods_img_css{ margin-bottom:11px!important; display:block; position:relative; }
.soldout_mark{ display:block; width:100%; background-color:rgba(0,0,0,.4); position:absolute; left:0; bottom:0; padding:13px 0; font-size:15px; color:#fff; text-align:center; }

.name_img_css{ 
	font-weight:900; line-height: 1.4; margin-top:0px!important;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
	text-align:left!important;
}

span[id^="goods_name"] { color:#383838 }



.option_icon2{ justify-content:Center; }



/* 14세이상 체크박스 */
.age_ckbox { border:2px solid #555; margin:40px 0 30px;text-align:center; display:flex; justify-content:center; padding:20px 0 }
.age_ckbox input[type='checkbox'] {
    background: #fff;
    height: 18px;
    width: 18px;
    -webkit-appearance: none;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    background: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ececee)); 
}
.age_ckbox input[type='checkbox']:checked {
    background: #e10013 url(../images/input_che_ico.png) no-repeat center 3px;
    background-size: 14px 11px;
    -webkit-background-size: 14px 11px;
}
.age_ckbox p{ padding-left:5px; font-weight:500}

.age_ckbox_new { text-align:center; display:flex; justify-content:center;  }
.age_ckbox_new label{ display:flex; }
.age_ckbox_new input[type='checkbox'] {
    background: #fff;
    height: 18px;
    width: 18px;
    -webkit-appearance: none;
    border: 1px solid #aaaaaa;
    background-color: #ffffff;
    background: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#ececee)); 
}
.age_ckbox_new input[type='checkbox']:checked {
    background: #e10013 url(../images/input_che_ico.png) no-repeat center 3px;
    background-size: 14px 11px;
    -webkit-background-size: 14px 11px;
}
.age_ckbox_new p{ padding-left:5px; font-weight:500}
.age_ckbox_new span{ font-weight:bold; margin-left:5px; color:#e00 }







/* 2022-11-01 교환/반품신청 */
.h_title{ margin-bottom:20px; color:#000 } 
.h_title_sub{ margin-bottom:8px; font-weight:bold; font-size:14px }

.table_css{ width:100%; border-top:1px solid #000 }
.table_css thead{ border-bottom:1px solid #000 }
.table_css tbody{ border-bottom:1px solid #aeaeae }
.table_css th, .table_css td{ padding:10px 5px }
.table_css tr.result{ background-color:#f5f5f5; border-bottom:1px solid #ddd; }
.table_css .row_css{ padding:10px 0; border-bottom:1px solid #ddd }
.table_css .row_css:last-child{ border-bottom:none  }
.table_css .row_css .name_css{ margin-left:15px; }

.row_css{ display:flex; align-items:center; flex-wrap:wrap; text-align:center; }
.row_css .col-auto{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; }
.row_css .col{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }
.row_css .col-2{ -ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%; }
.row_css .col-3{ -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.row_css .col-1{ -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; }
.row_css .col-50px{ -ms-flex: 0 0 50px; flex: 0 0 50px; max-width: 50px; }
.row_css .col-60px{ -ms-flex: 0 0 60px; flex: 0 0 60px; max-width: 60px; }
.row_css .col-70px{ -ms-flex: 0 0 70px; flex: 0 0 70px; max-width: 70px; }
.row_css .col-80px{ -ms-flex: 0 0 80px; flex: 0 0 80px; max-width: 80px; }

.name_css{ 
	text-align:left!important; max-height:37px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.list_table{ border-top:1px solid #000;  }
.list_table .list_head{ border-bottom:1px solid #000; padding:10px 0; font-weight:bold; }
.list_table .list_body{ border-bottom:1px solid #aeaeae }
.list_table .list_body .row_css{ padding:10px 0; border-bottom:1px solid #ddd}
.list_table .list_body .table_css2{ border-top:none }

/* 신청버튼 */
.app_btn{ border:1px solid #888; color:#222!important;  display:block; text-align:center; margin:6px auto; padding:3px; border-radius:30px; font-size:12px; transition:all 0.2s; font-weight:700 }
.app_btn:hover{ border:1px solid #222; color:#fff!important; background-color:#222 }

.w-100{ width:100%!important }

.table_css2{ width:100%; border-top:1px solid #000 }
.table_css2 th,
.table_css2 td{ border-bottom:1px solid #ddd; padding:10px }
.table_css2 th{ background-color:#f5f5f5;  }
.table_css2 label{ margin-right:10px }
.table_css2 input[type="text"]{ outline:none; height:30px; padding:0 10px; box-sizing:border-box; }
.table_css3 th{ text-align:left!important; }

/* 수량 */
.qty_box{ display:flex; }
.qty_box > input{ width:43px; height:27px!important; text-align:center; border-left:none; border-right:none; }
.qty_box .pm_btn{ height:27px; width:27px; display:inline-block; border:1px solid #ddd; box-sizing:border-box; text-align:center; line-height:2; transition:all 0.2s }
.qty_box .pm_btn:hover{ background-color:#222; color:#fff; }

/* 섹션마다간격 */
.section{ margin-bottom:35px }

.btn_wrap{ text-align:center; padding-top:20px }
.btn_wrap .back_btn{ border:1px solid #222; transition:all 0.1s }
.btn_wrap .back_btn:hover{ background-color:#222; color:#fff!important; }
.btn_wrap .go_btn{ border:1px solid #222; background-color:#222; color:#fff!important; transition:all 0.1s }
.btn_wrap .go_btn:hover{ background-color:#000;  }
.btn_wrap .back_btn, .btn_wrap .go_btn{ width:160px; font-size:15px; display:inline-block; padding:13px 0; margin:3px }

/* 교환/반품 신청하기 상세페이지 -> 환불계좌css */
.account_css{ margin-bottom:6px }
.account_css:last-child{ margin-bottom:0 }
.account_css span{ display:inline-block; }
.account_css span.tit{ width:60px }
.account_css input{ margin-left:10px }


/* 교환/반품 신청하기 상세페이지 -> 약관동의 */
.agree_boxs{ border:1px solid #ddd; height:150px; overflow-y:scroll; margin-bottom:10px }

/* 체크박스 */
.checkbox_box{ display:flex; flex-wrap:wrap; }
.checkbox_box label{ margin:2px 7px 2px 0; font-weight:bold }
.checkbox_box label:last-child{ margin-right:0 }

.table_css.mylist.mylist_mt{ margin-top:35px }
.table_css.mylist tbody{ text-align:center; }
.table_css.mylist th,
.table_css.mylist td{ border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.table_css.mylist thead tr:first-child th:last-child{ border-right:none; }
.table_css.mylist tbody tr:first-child td:last-child{ border-right:none; }

.table_css.mylist td.td_ul{ text-align:left; padding:0; border-right:none; }
.table_css.mylist td.td_ul li{ display:flex; border-bottom:1px solid #ddd }
.table_css.mylist td.td_ul li:last-child{ border-bottom:none; }
.table_css.mylist td.td_ul li .data_tit{ padding:10px; width:100px; font-weight:bold; background-color: #f5f5f5; }
.table_css.mylist td.td_ul li .data{ padding:10px }

.date_wrap{ display:flex; align-items:center; }
.date_wrap .date_input{ display:flex; align-items:center }
.date_wrap .date_input li{ position:relative; }
.date_wrap .date_input li i{ position:absolute; right:10px; top:50%; transform:translateY(-50%) }
.date_wrap .date_input .ico{ margin:0 5px; }
.date_wrap .date_button{ margin-left:15px }
.date_wrap .date_button button{ cursor:pointer; }
/* .date_wrap .date_button button.active{ background-color:#555 } */
.date_wrap .date_button button:hover{ background-color:#555 }

/* 반품금액tr */
.price_tr th{ background-color:#ddd!important }
.price_tr td{ text-align:right }
/* 택배회수정보td */
.tbjb_td{ padding:0!important }
.tbjb_td li{ display:flex; border-bottom:1px solid #ddd }
.tbjb_td li:last-child{ border-bottom:none; }
.tbjb_td li .data_tit{ padding:10px; width:100px; text-align:center; border-right:1px solid #ddd; font-weight:bold; display:flex; align-items:center;
	-ms-flex: 0 0 auto; flex: 0 0 auto; max-width: none; 
}
.tbjb_td li .data{ padding:10px; }
.tbjb_td li .data p{ margin-bottom:3px }
.tbjb_td li .data p:last-child{ margin-bottom:0 }
/* 송장번호td */
.sj_td{ display:flex; align-items:center; }
.sj_td .app_btn{ width:100px; margin:0 0 0 10px }

.js_num{ color:#e90d27!important; }
.js_section{/*  background-color:#333; color:#fff; font-size: 11px; padding:2px 8px 1px; border-radius:5px; */ display:inline-block; font-weight:bold;  }

button.submit_btn{ border-radius:0; padding:7px 11px }

/* 검색결과없음 */
.sch_none{ padding:30px 0; text-align:Center; }

/* 마이페이지 회원등급 스타일 */
.my_side .info p.grade_font { font-size: 14px; color:#424242; margin-bottom: 14px; }
.my_side .info p.grade_font > span.grade_font_color { color: #d900d1; font-weight: 800; }
.mt-10 { margin-top: 10px; }


/* 개당가격 */
.gadang_price{ font-size:12px; font-weight:bold; color:#e00; margin-top:3px }



/* 20230210; 패스워드확인 */
.member_form_password{ background-color:#f5f5f5; border:1px solid #ddd; padding:80px 40px 100px }
.member_form_password .tit{ font-size:36px; font-weight:700; color:#000; text-align:Center; line-height: 140%; }
.member_form_password .txt{ text-align:Center; margin:5px 0 35px }
.member_form_password .input_group{ display:flex; justify-content:Center }
.member_form_password .input_group .form-control{ width:60%; height:38px; padding:0 10px; font-size:15px }
.member_form_password .input_group .btn-control{ background-color:#191919; color:#fff; -ms-flex: 0 0 auto; flex: 0 0 auto; width:70px; max-width: 100%; }


/* 20230222; 휴면계정 */
.login_sleep{ text-align:center; letter-spacing:-1.5px; padding:40px 0 }
.login_sleep .title{ font-size:30px; font-weight:bold; color:#000; margin-bottom:40px; line-height:1 }
.login_sleep .ico{ margin-bottom:28px }
.login_sleep .date{ font-size:19px; color:#222; font-weight:500; background-color:#efefef; max-width:474px; padding:20px 10px; margin:0 auto 47px; border-radius:3px }
.login_sleep .date span{ font-size:21px; color:#000; font-weight:bold }
.login_sleep .txt{ margin-bottom:40px; }
.login_sleep .txt p { font-size:19px; color:#313131; margin-bottom:15px; }
.login_sleep .txt p:last-child{ margin-bottom:0 }
.login_sleep .txt p span{ font-weight:bold; color:#000; }
.login_sleep .btn-control{ font-size:18px; padding:9px 32px; margin:0 6px; display:inline-block; font-weight:500 }
.login_sleep .btn-control:hover{ box-shadow:0 0 15px 0 rgba(0,0,0,.1) }
.login_sleep .btn-del{ color:#404040; background-color:#fff; border:1px solid #b0b0b0;  }
.login_sleep .btn-sleep{ color:#fff; background-color:#000; border:1px solid #000; }


/*  */
.cart_divide{ margin:45px 0 }
.cart_divide .title{ font-weight:bold; font-size:23px; color:#000; line-height:1; margin-bottom:15px; }
.cart_divide .memo_state{ background-color:#f8f8f8; border-bottom:2px solid #ddd }
.cart_divide .memo_state ul{ display:flex; justify-content:end; flex-wrap:wrap }
.cart_divide .memo_state ul li:first-child{ margin-left:none; }
.cart_divide .memo_state ul li{ margin-left:15px }
.cart_divide .memo_state ul li span{ font-weight:bold; }
.cart_divide .memo_state ul li .btn-control{ background-color:#e00; color:#fff; padding:4px 8px; font-size:12px }
.cart_divide .memo_state ul li .btn-control:hover{ background-color:#c00; }
.cart_divide_total{ border:3px solid #999; text-align:center; padding:25px 10px; font-size:16px; background-color:#f9f9f9 }



/* 장바구니없을때 */
.cart_none{ padding:50px 0; text-align:center; font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; margin-bottom:35px }

/* 교환반품하기없을때 */
.table_css p.cs_tel	{ display:inline-block; margin: 20px 0 0 0; padding: 0 0 5px 30px; font-size: 24px; font-weight: 800; color: #e90d27; background: url('../images/footer_collect.png') no-repeat 0 0 }


/* 비밀번호변경페이지 */
.memberPassChange{ margin-top:30px }
.memberPassChange .title{ font-size:20px; padding-bottom:15px; margin-bottom:25px; border-bottom:1px solid #ddd; font-weight:bold; color:#000 }
.memberPassChange .topBox{ background-color:#f7f7f7; border-radius:5px; padding:30px; margin-bottom:25px }
.memberPassChange .topBox .tit{ font-size:17px; font-weight:bold; margin-bottom:15px; color:#000 }
.memberPassChange .topBox .txt li{ padding:2px 0 2px 12px; position:relative; }
.memberPassChange .topBox .txt li::after{ content:''; display:block; width:4px; height:4px; background-color:#e00; position:absolute; left:0; top:8px; }
.memberPassChange .topBox .txt span{ color:#e00; font-weight:bold; }
.memberPassChange .column_tbl{ margin-top:10px; }

/* 회원가입첫페이지 */
.member_new{ max-width:900px; margin:50px auto 0; overflow:hidden; }
.member_new .left-gain,
.member_new .right-company{ border-radius:5px; border:2px solid #e7e7e7; width:415px; height:238px; text-align:Center; transition:all 0.2s; display:flex; align-items:center; justify-content:center }
.member_new .left-gain:hover,
.member_new .right-company:hover{ border:2px solid #000; }
.member_new .left-gain{ float:left; }
.member_new .right-company{ float:right; }
.member_new .btn{ width:200px; border-radius:30px; color:#fff; display:inline-block; text-align:center; font-size:15px; padding:12px 0; margin-top:20px; transition:all 0.2s }
.member_new .left-gain .btn{ background-color:#e00; }
.member_new .left-gain .btn:hover{ background-color:#c00; }
.member_new .left-gain .age_ckbox_new p{ font-weight:bold; }
.member_new .right-company .btn{ background-color:#181818; }
.member_new .right-company .btn:hover{ background-color:#000; }
.member_new .right-company .input{ text-align:Center; margin-bottom:14px }
.member_new .right-company .input input{ height: 24px; background: #fff }
.member_new .right-company .input input:nth-child(1){ width: 60px; }
.member_new .right-company .input input:nth-child(2){ width: 50px; }
.member_new .right-company .input input:nth-child(3){ width: 70px; }
.member_new .right-company .txt{ color:#6b6b6b; font-weight:bold; line-height:1.6 }
.member_new .right-company .txt span{ color:#e00 }


.agree_checkbox_wrap{ margin-top:40px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:15px 30px; background-color:#f5f5f596 }
.agree_checkbox_wrap .agree_checkbox_f:first-child input[type="checkbox"]:checked{ background-color:#e00 }
.agree_checkbox_wrap .agree_checkbox_f:first-child input[type="checkbox"] + label{ font-weight:bold }
.agree_checkbox{ margin:15px 0 }
.agree_checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 22px;
    height: 22px;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #9999;
    vertical-align: middle;
	background-color:#fff
}
.agree_checkbox input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
	background-image:url(../images/checkbox_ico.png);
	width:12px; height:10px; display:block;
    line-height: 1;
}
.agree_checkbox input[type="checkbox"]:checked {
    background-color: #888;
    border-color: rgba(255, 255, 255, 0.3);
    color: white;
}
.agree_checkbox input[type="checkbox"]:checked::before { transform: scale(1) translate(-50%, -50%) }
.agree_checkbox input[type="checkbox"] + label{ margin-left:10px; cursor:pointer;  }
.agree_checkbox input[type="checkbox"] + label span{ font-weight:bold; margin-right:5px }
.agree_checkbox input[type="checkbox"] + label span.pill{ color:#e00 }
.agree_checkbox .btn{ margin-left:10px }
.agree_include{ margin-left:37px }

.mloss_radio{ display:flex; justify-content:center; background-color:#f5f5f5; border-radius:5px; padding:16px; margin-top:20px }
.mloss_radio li{ margin:0 15px; display:Flex; align-items:Center; }
.mloss_radio input[type="radio"] {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 18px;
    height: 18px;
    cursor: pointer;
    outline: none !important;
    border: 1px solid #9999;
    vertical-align: middle;
	background-color:#fff;
	border-radius:50%
}
.mloss_radio input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform: scale(0) translate(-50%, -50%);
	width:9px; height:9px;
	border-radius:50%;
	background-color:#e00;
	display:block;
    line-height: 1;
}
.mloss_radio input[type="radio"]:checked{ border: 1px solid #e00; }
.mloss_radio input[type="radio"]:checked::before { transform: scale(1) translate(-50%, -50%) }
.mloss_radio input[type="radio"]:checked + label{ color:#e00 } 
.mloss_radio input[type="radio"] + label{ margin-left:7px; cursor:pointer; font-size:14px; font-weight:bold;  }





/* 개인정보 모달창 */
.modal_wrap{ position:fixed; left:0; top:0; z-index:9999; width:100%; height:100vh; }
.modal_wrap .blackBg{ position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.7) }
.modal_wrap .modal_contents{ position:absolute; left:50%; top:0; z-index:999; transform:translateX(-50%); margin-top:250px; width:1000px; height:auto; background-color:#fff; border-radius:10px; padding:25px; word-break: keep-all; }
.modal_wrap .modal_contents h4{ margin-bottom:20px }
.modal_wrap .modal_close{ display:block; width:40px; height:40px; position:absolute; right:14px; top:12px; cursor:pointer; }
.modal_wrap .modal_close span{ display:inline-block; width:30px; height:2px; background-color:#000; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg) }
.modal_wrap .modal_close span:last-child{ transform:translate(-50%,-50%) rotate(45deg) }
.modal_wrap.gainModal .modal_contents{ padding:50px 40px }
.modal_wrap.gainModal .pill{ color:#e00 }
.modal_wrap.gainModal table{ width:100%; }
.modal_wrap.gainModal table tr th{ background-color:#f9f9f9; }
.modal_wrap.gainModal table tr th,
.modal_wrap.gainModal table tr td{ border:1px solid #dadada; padding:10px }
.modal_wrap.gainModal .txt{ margin-top:10px }


.txtBox { border-radius:10px; background-color:#f3f3f3; padding:15px; margin-bottom:10px; }

/* 즉시탈퇴불가 */
.member_Nodelete{ position:fixed; left:0; top:0; width:100%; height:100vh; z-index:9999; width:100%; height:100%; background-color:rgba(0,0,0,.7); }
.member_Nodelete .modal{ max-width:535px; margin:120px auto 0; background-color:#fff; border-radius:30px; text-align:center; padding:50px 0 0; position:relative; }
.member_Nodelete .modal > img{ width:120px }
.member_Nodelete .modal .title{ font-size:29px; color:#000; line-height:43px; font-weight:bold; margin:35px 0 25px; }
.member_Nodelete .modal .title span{ color:#f02f3e }
.member_Nodelete .modal .reason{ background-color:#f5f5f5; border-radius:30px; max-width:435px; margin:0 auto 50px; padding:40px 0; }
.member_Nodelete .modal .reason .tit{ color:#000; font-size:16px; font-weight:800; }
.member_Nodelete .modal .reason .content{ color:#3e3e3e; font-size:15px; font-weight:bold; line-height:26px; margin-top:20px; }
.member_Nodelete .modal .noti{ background-color:#fe4a57; color:#fff; line-height:23px; padding:17px 0; border-radius:0 0 30px 30px }
.member_Nodelete .modal .close{ width:50px; height:50px; position:absolute; right:-60px; top:0; cursor:pointer; }
.member_Nodelete .modal .close::after,
.member_Nodelete .modal .close::before{ content:''; display:block; width:1px; height:100%; background-color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(45deg); }
.member_Nodelete .modal .close::before{ transform:translate(-50%,-50%) rotate(-45deg); }


/* ISMS */
.isms{ display:flex; align-items:center; margin-top:15px; color:#888 }
.isms img{ width:55px; margin-right:10px }
.isms p > span{ font-weight:bold; margin-right:3px }

.privacy_td_sizeup { font-size:16px; font-weight:bold; text-decoration: underline; }



/* 단일상품/옵션상품new */
.shopping_wrap ul,
.shopping_wrap li{ margin:0!important; padding:0; }
.shopping_wrap dl{ display:flex; align-items:center; }
.shopping_wrap .qty{ display:flex; }
.shopping_wrap .qty a{ width:25px; height:25px; border:1px solid #d5d5d5; background-color:#fff; text-align:center; }
.shopping_wrap .qty a i{ line-height:25px; }
.shopping_wrap .qty .form-control{ width:45px; height:25px; text-align:center; padding:0; border-left:none; border-right:none; }
.shopping_wrap .btns{ display:inline-block; display:flex; justify-content:end; margin-top:20px; margin-bottom:20px; }
.shopping_wrap .btns .btn{ height:40px; display:block; width:150px; line-height:40px; text-align:center; font-size:15px; }
.shopping_wrap .btns .btn.btn-zzim{ width:40px; border:1px solid #aaa; background-color:#fff; font-size:0; line-height:56px; }
.shopping_wrap .btns .btn-zzim i{ font-size:22px; color:#e90d27; display:inline-block; width:22px; height:22px; position:relative; line-height: 28px; }
.shopping_wrap .btns .btn-zzim i:before{ content:'favorite_border'; position:absolute; left:0; top:0; }
.shopping_wrap .btns .btn-zzim:hover i:after,
.shopping_wrap .btns .btn-zzim.active i:after{ content: 'favorite'; position:absolute; left:0; top:0; }
.shopping_wrap .btns .btn.btn-cart{ background-color:#e90d27; }
.shopping_wrap .btns .btn.btn-buy{ background-color:#656565; }
.shopping_wrap .btns .btn.stocked{ padding:3px 6px; margin-right:0; }
.shopping_wrap .option{ position:relative; }
.shopping_wrap .option .bar{ border:1px solid #aaa; background-color:#fff; height:35px; line-height:34px; padding:0 10px; box-sizing:border-box; cursor:pointer; display:Flex; justify-content:space-between; align-items:center; }
.shopping_wrap .option .bar i{ font-size:18px; }
.shopping_wrap .option .bar i.rotate{ transform:rotate(180deg); }
.shopping_wrap .option .list{ position:absolute; left:0; top:100%; z-index:9999; margin-top:0; border:1px solid #aaa; border-top:none; width:100%; background-color:#fff; box-sizing:border-box; max-height:326px; overflow:auto; }
.shopping_wrap .option .list > li{ display:flex; align-items:start; padding:10px; font-size:12px; width:100%; box-sizing:border-box; cursor:pointer; }
.shopping_wrap .option .list > li:not(:last-child){ border-bottom:1px solid #aaa; }
.shopping_wrap .option .list > li:hover{ background-color:#fafafa; }
.shopping_wrap .option .list img{ width:60px; margin-right:10px; flex:none }
.shopping_wrap .option .list .con{ width:100%; }
.shopping_wrap .option .list .bottom{ display:flex; justify-content:space-between; align-items:end; margin-bottom:8px; }
.shopping_wrap .option .list .name{ font-weight:800; margin-bottom:2px; }
.shopping_wrap .option .list .unit span{ color:#e90d27; }
.shopping_wrap .option .list .price{ font-weight:800; color:#000; text-align:right; margin-top:5px; font-size:13px; }
.shopping_wrap .option_select{ margin-top:10px!important; }
.shopping_wrap .option_select > li{ position:relative; display:flex; align-items:start; padding:15px; font-size:12px; width:100%; box-sizing:border-box; border:1px solid #aaa; background-color:#fff; }
.shopping_wrap .option_select > li:not(:last-child){ margin-bottom:10px!important; }
.shopping_wrap .option_select .fa-times{ position:absolute; right:12px; top:12px; font-size:18px; z-index:999; cursor:pointer; }
.shopping_wrap .option_select img{ width:80px; margin-right:10px; flex:none }
.shopping_wrap .option_select .con{ width:100%; }
.shopping_wrap .option_select .name{ font-weight:800; margin-bottom:2px; }
.shopping_wrap .option_select .bottom{ display:flex; justify-content:space-between; align-items:center; margin-top:15px; }
.shopping_wrap .option_select .unit span{ color:#e90d27; }
.shopping_wrap .option_select .price{ font-weight:800; color:#000; text-align:right; font-size:14px; }
.shopping_wrap .sum{ display:flex; justify-content:end; text-align:right;  margin-top:25px; font-weight:800; color:#000; padding-right:5px; }
.shopping_wrap .sum .txt{ margin-right:20px; font-size:17px; }
.shopping_wrap .sum .price { font-size:20px; }
.shopping_wrap .sum .price span{ font-size:17px; }

/* 포인트 */
.point_box{ margin-bottom:40px; border-top:3px solid #e00; border-bottom:3px solid #dadada; display:flex; align-items:Center; justify-content:center; padding:30px 0; }
.point_box .ico{ width:32px; height:32px; background-size:32px auto; background-image:url(../images/ico_point.png); margin-right:10px; }
.point_box .txt{ font-size: 18px; font-family: 'Noto Sans KR'; display:flex; align-items:Center; color:#000; margin-bottom:3px; }
.point_box .point{ font-size:32px; color:#e00; font-weight:900; margin-left:50px; line-height:normal; }
.point_box .point span{ font-size:18px; margin-left:3px; }