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

/* font-family: 'Nanum Gothic', sans-serif; */
@import url('//fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800');
/*@import url('../../../../spoqa-han-sans/css/SpoqaHanSans-kr.css');*/


/*
	font-family: 'notokr-bl';	black			font-family: 'Spoqa b';	bold
	font-family: 'notokr-b';	bold			font-family: 'Spoqa m';	regular
	font-family: 'notokr-m';	medium			font-family: 'Spoqa l';	light
	font-family: 'notokr-r';	regular			font-family: 'Spoqa t'; thin
	font-family: 'notokr-d';	demilight
	font-family: 'notokr-l';	light
	font-family: 'notokr-t';	thin
*/


/*여백초기화*/
*	{ margin: 0; padding: 0 }

body {
	margin: 0;
	font-family: 'spoqa m', 'notokr-r', 'Nanum Gothic', sans-serif;
	font-size: 0.78rem; /* 1rem: 16px; 0.8rem: 12.8px */
	color: #555;
}

@media (min-width: 992px) {
	body	{ font-size: 0.85rem; } /* 0.875rem: 14px */
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: bold; letter-spacing: -0.04rem }

@media (max-width: 767.98px) {
	.custom, h3.custom { font-size: 1.25rem; }
}

/* iframe, scroll 부드럽게 IOS 용*/
.overflow-touch {  -webkit-overflow-scrolling: touch !important; }
*{-webkit-tap-highlight-color:rgba(0,0,0,0) } /* 안드로이드 인풋박스 주황색라인 없애기 */
*{-webkit-text-size-adjust:none;} /* 아이폰 가로모드 폰트 커지는 문제 해결 */

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; }	/* background: url('./images/bg.png'); 오류남. */
::-webkit-scrollbar-track { background: rgba(0,0,0,.1); -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .1)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0, .2)}

/*링크 초기화*/
a			{ color: #444; text-decoration: none }
a:hover		{ color: #000;	text-decoration: none }

/*블릿기호 초기화*/
ul, li, ol	{ list-style: none }

input[type="radio"],
input[type="checkbox"]	{ vertical-align: middle }

/* input type = "text/password" */
input[type='text'],
input[type='password'],
input[type='number']	{ height: 28px; padding: 0 .35rem; border: 1px solid #a9a9a9; color: #888; border-radius: 0; }

/* 고객센터 메인, 우편번호 찾기에 사용; 2020-02-10; */
input.search[type='text'],
input.search[type='password'] { height: 38px; }

input[type='text']:focus { background: #fff5ee; border-color: #f06600; }

.height-28px { height: 28px; }

/* 고객센터 메인, 우편번호 찾기에 사용; 2020-02-10; */
input.member[type='text'], input.member[type='number'], 
input.member[type='email'], input.member[type='password'] { padding: 0 .35rem; height: 42px; border: 1px solid #e1e1e3; font-size: 1.2rem; }

/* end.html; 주문수량 */
.ordernumber_input input[type='text'] { width: 3rem !important; text-align: center; }
.pm_number	 { width: 3rem !important; text-align: center; }

/* basic select custom; YMR */
select { 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none; appearance: none;
	height: 28px;
	padding: .25rem 2rem .35rem .75rem;
	border: 1px solid #a9a9a9;
    background: transparent url('../images/select.png') no-repeat right 11px top 11px;
	border-radius: 0;
}
select::focus		{ border-color: rgba(0 ,0 ,0, 1); outline: none; box-shadow: none; }
select::-ms-expand	{ display: none; }

/* member join ~ login checkbox style custom; YMR */
.input-goods-checkbox  { position: relative; cursor: pointer; width: 35px; margin: 0; padding-right: 35px; font-size: 1rem; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input-goods-checkbox > input[type="checkbox"] { position: absolute; opacity: 0; height: 0; width: 0; cursor: pointer; }

.input-checkbox  { position: relative; cursor: pointer; margin: 0; line-height: 35px; padding: .35rem 0 0 45px; font-size: .8rem; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input-checkbox.valign-top { padding: 0 0 0 35px; }

.input-checkbox > input[type="checkbox"] { position: absolute; opacity: 0; height: 0; width: 0; cursor: pointer; }
.input-goods-checkbox .checkmark, .checkmark {
  position: absolute; left: 0; top: .35rem;  
  height:35px; width: 35px; background-color: #000; opacity: .07;
  border-radius: 50%;
}
.input-list-checkbox .checkmark		{ top: -9px; }
.input-goods-checkbox .checkmark	{ top: 0; }
.input-checkbox.valign-top .checkmark.valign-top	{ top: 0; }

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after { 
	content: ""; 
	position: absolute; 
	left: 12px; top: 5px;
	width: 7.5px; height: 20px;
	border: solid white; border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.input-checkbox .checkmark:after {
	left: 12px; top: 5px;
	width: 7.5px; height: 20px;
	border: solid white; border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.input-checkbox input:checked ~ .checkmark	{ opacity: 0.7; }
.input-checkbox input:disabled ~ .checkmark	{ border-color: #eee; background-color: #eee; }

/* Show the checkmark when checked */
.input-checkbox input:checked ~ .checkmark:after	{ display: block; }

/* checkmark text */
.input-checkbox > .title { font-size: .8rem; font-weight: bold; color: #000 }

@media (min-width: 768px) {
	.input-checkbox > .title { font-size: 1rem }
}

/* 체크박스창 아래로 떨어지는거 조절 */
.form-check input { position: relative; top: -1px; margin-right: .25rem }


/* 부트스트랩기반 이니시스 결제창 표기 */
.inipay_modal.fade:not(.show) {
	opacity: 1!important;
}

.material-i > i { vertical-align: -4px; }

/*---------------- font style ----------*/

/* font family - noto kr */
.noto-bl		{ font-family: 'notokr-bl' !important; }
.noto-b		{ font-family: 'notokr-b' !important; }
.noto-m		{ font-family: 'notokr-m' !important; }
.noto-r		{ font-family: 'notokr-r' !important; }
.noto-d		{ font-family: 'notokr-d' !important; }
.noto-l		{ font-family: 'notokr-l' !important; }
.noto-t		{ font-family: 'notokr-t' !important; }

/* letter spacing */
.letter-1 { letter-spacing: -0.05rem }

/* font size */
.font-size-10 {}
.font-size-15 { font-size: 15px }


/* 브랜드 체크박스 색상 */
.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: transparent;
    background-color: #f07700;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(240, 133, 0, 0.25);
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #adb5bd;
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: #ffd9b3;
  border-color: #ffd9b3;
}

.custom-control-input:disabled ~ .custom-control-label {
  color: #7c7b7a;
}

.custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #efece8;
} 


/*----------------- btn style -----------------------*/
.btn-custom	{
	display: inline-block; vertical-align: middle; border: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
	padding: .4rem .5rem !important; line-height: 1; font-size: 0.8rem; background-color: #999; color: #fff;
	transition: background-color 0.15s ease-in-out;
}
.btn-custom:hover					{ color: #fff; text-decoration: none }

.btn-xs.outline-dark { padding: 0 .75rem; line-height: auto; border: 1px solid #6c757d; font-size: 0.6rem; color: #6c757d }
.btn-xs.outline-dark:hover { opacity: .8 }

.btn-sm.outline-light { padding: .25rem .75rem; line-height: auto; border: 1px solid #e6e6e6; border-radius: 0; font-size: 0.75rem; color: #222 }
.btn-sm.outline-light:hover { opacity: .8 }
.btn-sm >i { font-size: 22px; vertical-align: -6px }

.btn-lg.outline-light { padding: .56rem .75rem; line-height: auto; border: 1px solid #e6e6e6; border-radius: 0; font-size: 0.8rem; color: #222 }
.btn-lg.outline-light:hover { opacity: .8 }
.btn-lg >i { font-size: 22px; vertical-align: -6px }

.btn-xl { display: inline-block; vertical-align: middle; border: none;
	-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; 
	padding: 1.15rem 3.25rem; line-height: auto; font-size: 1.2rem; color: #fff; 
	transition: background-color 0.15s ease-in-out; text-align: center;
}

.btn-xl.bg-black { background-color: #000; }
.btn-xl.bg-black:hover { opacity: .8; color: #fff }
.btn-xl.outline-black { padding: 1.09rem 1.25rem; border: 1px solid #000; color: #000 }
.btn-xl.outline-black:hover { opacity: .8 }

/* 주색상 */
.btn-custom.primary					{ background-color: #f5992b }
.btn-custom.primary:hover			{ background-color: #f07700 }
.btn-custom.outline-primary			{ background-color: #fff; border: 1px solid #f5992b; color: #f5992b }
.btn-custom.outline-primary:hover	{ background-color: #f07700; color: #fff }

/* 주색상 버튼; 추가!  */
.btn-primary					{ background-color: #f5992b; border-color: #f5992b }
.btn-primary:hover			{ background-color: #f07700; border-color: #f07700 }
 
 .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #f07700;
    border-color: #f07700;
}

.btn-outline-primary			{ background-color: #fff; border: 1px solid #f5992b; padding: .35rem .42rem; color: #f5992b }
.btn-outline-primary:hover	{ background-color: #f07700; color: #fff; border-color: transparent !important; }

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff;
    background-color: #f06600;
    border-color: transparent !important;
}
/* END 주색상 버튼 */

.btn-custom.secondary				{ background-color: #6c757d }
.btn-custom.secondary:hover			{ background-color: #5a6268 }
.btn-custom.outline-secondary		{ background-color: #fff; border: 1px solid #6c757d; color: #6c757d }
.btn-custom.outline-secondary:hover	{ background-color: #5a6268; color: #fff }

.btn-custom.success					{ background-color: #28a745 }
.btn-custom.success:hover			{ background-color: #218838 }
.btn-custom.outline-success			{ background-color: #fff; border: 1px solid #28a745; color: #28a745 }
.btn-custom.outline-success:hover	{ background-color: #218838; color: #fff }

.btn-custom.info					{ background-color: #17a2b8 }
.btn-custom.info:hover				{ background-color: #138496 }
.btn-custom.outline-info			{ background-color: #fff; border: 1px solid #17a2b8; color: #17a2b8 }
.btn-custom.outline-info:hover		{ background-color: #138496; color: #fff }

.btn-custom.warning					{ background-color: #ffc107; color: #212529 }
.btn-custom.warning:hover			{ background-color: #e0a800 }
.btn-custom.outline-warning			{ background-color: #fff; border: 1px solid #ffc107; color: #ffc107 }
.btn-custom.outline-warning:hover	{ background-color: #ffc107; color: #212529 }

.btn-custom.danger					{ background-color: #dc3545 }
.btn-custom.danger:hover			{ background-color: #c82333 }
.btn-custom.outline-danger			{ background-color: #fff; border: 1px solid #dc3545; color: #dc3545 }
.btn-custom.outline-danger:hover	{ background-color: #c82333; color: #fff }

.btn-custom.light					{ background-color: #f8f9fa; color: #212529 }
.btn-custom.light:hover				{ background-color: #e2e6ea }
.btn-custom.outline-light			{ background-color: #fff; border: 1px solid #f8f9fa; color: #f8f9fa }
.btn-custom.outline-light:hover		{ background-color: #e2e6ea; color: #212529 }

.btn-custom.dark					{ background-color: #343a40 }
.btn-custom.dark:hover				{ background-color: #23272b }
.btn-custom.outline-dark			{ background-color: #fff; border: 1px solid #343a40; color: #343a40 }
.btn-custom.outline-dark:hover		{ background-color: #23272b; color: #fff }

/* 고객센터 메인, 우편번호 찾기에 사용; 2020-02-10 */
.btn-custom.sch						{ min-width: 40px; height: 38px; line-height: 180%; background-color: #343a40 }
.btn-custom.sch:hover				{ background-color: #23272b }

/* 버튼 shadow 효과 없애기 */
button { box-shadow: none; }
.btn { border-radius: 0 !important; }

/* background */
.bg-orange { background-color: #f99d1c !important; }
.bg-point { background-color: #f07700 !important; color: #fff; }
.bg-light { background-color: #f6f6f6 !important; }

/* 폰트 */
.text-danger	{ color: #ee1a22 !important; }
.text-primary	{ color: #02e !important; }
.text-dark		{ color: #111 !important; }
.text-right	{ text-align: right; }
.text-orange	{ color: #f99d1c !important; }
.text-point	{ color: #f07700 !important; }


/* border */
.border-dark-t2 { border-color: #222 !important; border-width: 2px; }
.border-dark-t1 { border-color: #222 !important; }
.border-gray { border-color: #a9a9a9 !important; }
.border-secondary { border-color: #ddd !important; }

@media (min-width: 768px) {
	.border-top-md-0			{ border-top: none !important; }
	.border-right-md-0		{ border-right: none !important; }
	.border-bottom-md-0	{ border-bottom: none !important; }
	.border-left-md-0			{ border-left: none !important; }
}
@media (min-width: 992px) {
	.border-top-lg-0			{ border-top: none !important; }
	.border-right-lg-0		{ border-right: none !important; }
	.border-bottom-lg-0	{ border-bottom: none !important; }
	.border-left-lg-0			{ border-left: none !important; }
}
@media (max-width: 575.98px) {
	.border-top-sm		{ border-top: 1px solid #e2e2e2; }
	.border-right-sm		{ border-right: 1px solid #e2e2e2; }
	.border-bottom-sm	{ border-bottom: 1px solid #e2e2e2; }
	.border-left-sm		{ border-left: 1px solid #e2e2e2; }
}

/* column table left, right td style */
table.column_tbl	{ width: 100%; border-top: 1px solid #dee2e6 }
	.column_tbl th		{ padding: .5rem .75rem; border-bottom: 1px solid #dee2e6; background: #f8f9fa; width: 9.5rem }
	.column_tbl td		{ padding: .5rem .75rem; border-bottom: 1px solid #dee2e6 }
		.column_tbl td label	{ margin: 0 .5rem 0 0 }
		.column_tbl td p		{ margin: .25rem 0 0 0 }
		.column_tbl td .info	{ color: #888 }

@media (min-width: 768px) {	
		/* 주소 상세주소 입력창, 하실 말씀 입력창 */
		.column_tbl .address input[type="text"],
		.column_tbl .address input[type="number"],		
		.column_tbl .memo input[type="text"]	{ width: 80%; }
}
@media (max-width: 767.98px) {
	.column_tbl th		{ padding: .5rem; width: 5.75rem; font-size: .7rem; }
	.column_tbl td		{ padding: .5rem }

		.column_tbl td input[type="text"],
		.column_tbl td input[type="password"],
		.column_tbl td input[type="number"]		{ width: 100%; margin-bottom: .2rem }

		/* 주소 우편번호 입력창 */
		.column_tbl .address .row input[type="text"],
		.column_tbl .address .row input[type="number"]		{ min-width: auto !important; width: auto; } 



		.column_tbl td select		{ width: 100% }
		.column_tbl td textarea		{ width: 100% }
		.column_tbl td span.info	{ display: block }
}


/* rows table, th, td style */
table.rows_tbl		{ width: 100%; border-top: 1px solid #dee2e6 }
.rows_tbl th		{ padding: .75rem 0; border-bottom: 1px solid #dee2e6; text-align: center; background: #f8f9fa }
.rows_tbl th.left	{ padding-left: .75rem; text-align: left }
.rows_tbl th.right	{ padding-right: .75rem; text-align: right }

.rows_tbl td		{ padding: .75rem 0; border-bottom: 1px solid #dee2e6; text-align: center }
	.rows_tbl td p		{ margin-bottom: 0 }
.rows_tbl td.left	{ padding-left: .75rem; text-align: left }
.rows_tbl td.right	{ padding-right: .75rem; text-align: right }


/* container padding, max-width reboot */
	.container	{ padding-right: 0; padding-left: 0 }

@media (min-width: 576px) {
	.container	{ max-width: none }
}
@media (min-width: 768px) {
	.container	{ max-width: 720px; }
}
@media (min-width: 992px) {
	.container	{ max-width: 960px; }
}
@media (min-width: 1200px) {
	.container	{ max-width: 1140px; }
}
/* row margin reboot */
.row		{ margin-right: 0; margin-left: 0 }
/* row 하위의 column padding reboot */
.row > .col,
.row > [class*="col-"]	{ padding-right: 0; padding-left: 0 }


@media (min-width: 992px) {
	.col-lg-5th	{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}


/* background */
.bg-orange { background-color: #f99d1c !important; }
.bg-point { background-color: #f07700 !important; color: #fff; }

/* 폰트 */
.text-danger	{ color: #ee1a22 !important; }
.text-primary	{ color: #02e !important; }
.text-dark		{ color: #111 !important; }
.text-right		{ text-align: right; }
.text-orange	{ color: #f99d1c !important; }
.text-point		{ color: #f07700 !important; }

/* border */
.border-dark-t2 { border-color: #222 !important; border-width: 2px; }
.border-dark-t1 { border-color: #222 !important; }
.border-secondary { border-color: #ddd !important; }


/* 페이지 상단 네비게이션 */
div.navi			{ margin-top: .75rem; padding: .5rem 0 .5rem .5rem; }
@media (min-width: 768px) {
div.navi			{ padding: .5rem 0; }
}
div.navi_line	{ margin-top: .75rem; padding: .5rem; border-bottom: 1px solid #dee2e6 }

 
/* 베스트상품, 회원가입, 장바구니/주문서작성/결제하기 */ 
	div.page_head			{ padding: 1rem .5rem; background-color: #f8f9fa; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 1rem; }
		div.page_head h3		{ font-size: 1.5rem; font-weight: bold } 
@media (max-width: 767.98px) {
		div.page_head p			{ flex-grow: 1; font-size: .9rem !important; text-align: center }
}
@media (min-width: 768px) {
	div.page_head			{ padding: 2rem 3rem; justify-content: space-between }
		div.page_head h3		{ font-size: 2rem }
		div.page_head p			{ }
}


/* 베스트셀러 */ 
		/* 카테고리 메뉴 */
		.p_best_seller > div:nth-child(2) { margin: 0 .5rem; border-top: 2px solid #3a3a3a; border-right: 1px solid #ddd; background: #fdfdfd; }
@media (min-width: 768px) {
		.p_best_seller > div:nth-child(2) { margin: 0; }
}
 
		/* 대분류 */
		.p_best_seller > div:nth-child(2) > div > a	{ display: block; padding: .5rem; background: #fff; border-bottom: 1px solid #ddd; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
		.p_best_seller > div:nth-child(2) > div > a.on,
		.p_best_seller > div:nth-child(2) > div > a:hover { border-color: #f07700; background: #f07700; color: #fff; position: relative; margin: 0 -1px -1px; }  

		
		.p_best_seller > div:nth-child(2) > div:nth-child(odd) a  { display: block; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
		.p_best_seller > div:nth-child(2n) > a	{ border-right: none }
		     
 
 

/* 페이지 하단 버튼; 공통 */
div.btns	{ padding: 1.5rem 0; text-align: center }
	div.btns a, div.btns button, div.btns span	{ margin: 0 .25rem }

/* 페이징; 공통 */
div.page_list	{ margin-top: 1.5rem; text-align: center } 
	div.page_list span.box			{ display: inline-block; padding: .2rem 0; width: 1.5rem; border: 1px solid #dee2e6; font-size: 10px }
	div.page_list span.box.on		{ border: 1px solid #000; color: #000 }
	div.page_list span.box.left		{ margin-right: .5rem }
	div.page_list span.box.right	{ margin-left: .5rem }

	div.page_list span.current_page	{ font-weight: bold; color: #e00 }


/* 메인페이지 팝업 */
	div.layerPopup	{ display: none; position: fixed; z-index: 9999; background: #fff; }
		div.layerPopup > div:nth-child(1)	{ border: 1px solid #000; border-bottom: none; overflow: hidden; }
			div.layerPopup > div:nth-child(1) p		{ margin-bottom: 0; }

		div.layerPopup > div:nth-child(2)	{
			display: flex; align-items: center; justify-content: space-between;
			height: 1.75rem; line-height: 1.75rem; padding: 0 .75rem; background: #000;
		}
			div.layerPopup > div:nth-child(2) > a	{ color: #fff; }

@media (max-width: 767.98px) {
	div.layerPopup	{
		top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
		background: rgba(0,0,0,.5);
	}
		div.layerPopup > div:nth-child(1)	{ border: none; background: #fff; height: auto !important; max-width: 90%; max-height: 90%; margin: 1rem auto 0 auto; }
			div.layerPopup > div:nth-child(1) img	{ max-width: 100%; }
		
		div.layerPopup > div:nth-child(2)	{ max-width: 90%; margin: 0 auto; }
}


/* 최상단 배너 */
	div.top_ban > div		{ width: 100%; text-align: center; }
		div.top_ban img	{ max-width: 100% }

	div.top_ban > span	{ position: absolute; z-index: 101; right: .5rem; top: 50%; transform: translate(0,-50%); font-size: 1.5rem; color: #fff; cursor: pointer; }
@media (min-width: 768px) {
	div.top_ban > span	{ right: 1rem; font-size: 2rem; }
}
@media (min-width: 992px) {
	div.top_ban > span	{ right: 2rem; }
}

/* 최상단 바 - lg 해상도 이상에서 보여짐 */
	.top-line { font-weight: bold; }
	.top-line > div	{ line-height: 3.5rem; }

	/* 좌측 */
	.top-line > ul	{ margin-bottom: 0; }
		.top-line > ul > li				{ padding: 0 .75rem; background: url('../images/div_line_e5e5e5.gif') no-repeat 0 50%; background-size: 1px 12px; }
		.top-line > ul > li:first-child	{ background: none; }
		.top-line > ul > li:last-child	{ padding-right: 0 }
		.top-line > ul > li.cart		{ position: relative; }
			.top-line > ul > li.cart	> a > i		{ font-size: 1rem; padding-right: .75rem; }
			.top-line > ul > li.cart	> a > span	{ position: absolute; right: 0; top: -.25rem; display: inline-block; min-width: 1rem; padding: 0 .25rem; background: #333; border-radius: 2rem; text-align: center; font-size: .75em; color: #fff; vertical-align: 1px; }
			
		.top-line a:hover		{ text-decoration: underline; } 
	
		.top-line div.comment {
			position: absolute; z-index: 100; left: -21px; top: 0;
			min-width: 120px; padding: .125rem 0; border-radius: 10rem; background: #444; font-size: .7rem; color: #fff; text-align: center;
			animation: compare 1s infinite alternate; animation-timing-function: ease;
		}
		@keyframes compare { from { top: 20px; } to { top: 24px } }
		.top-line div.comment::after { 
			content: "";
			position: absolute; z-index: 1; left: 50%; top: -2px;
			height: 6px; width: 6px; margin-left: -3px;
			background: #444; 
			-ms-transform: rotate(-45deg); transform: rotate(-45deg);
		}
@media (min-width: 1200px) { 
		.top-line div.comment { left: -18px }
}

/* 상단 로고 lnb 영역 */
	div.logo	{ padding: .5rem 0 .25rem; display: flex; align-items: center; } 

/* 모바일 메뉴 */
@media (max-width: 991.98px) {
			.logo > div:nth-child(1) > i	{ font-size: 2.5rem; color: #fff; }
}

/* 로고 이미지 */
		.logo h1					{ margin-bottom: 0; font-size: 1rem; }
			.logo h1 img				{ height: 40px; max-width: 100%; }
@media (min-width: 768px) {
			.logo h1 img				{ height: 50px; }
}
@media (min-width: 992px) {
	div.logo	{ padding: 1.5rem 0; }
		.logo h1					{ max-width: 200px; }
			.logo h1 img				{ height: auto; }
}
@media (min-width: 1200px) {
	div.logo	{ padding: 2rem 0; } 
}

/* 모바일 장바구니 */
	.logo > div:last-child a { position: relative; display: block; width: 40px; text-align: center; }
	.logo > div:last-child a > i 	{ font-size: 1.5rem; color: #fff; }
	.logo > div:last-child a > span {
		position: absolute; top: -0.25rem; right: 0rem;
		display: inline-block; min-width: 1rem; padding: 0 .25rem;
		background: #3a3a3a; border-radius: 2rem; text-align: center; font-size: .75em; color: #fff; 
	} 


/* 상단 검색 */
@media (min-width: 992px) {
	div.h_sch	{ margin: 0 2rem; } 	
}
@media (min-width: 1200px) {
	div.h_sch	{ margin: 0 7rem; }
}
		div.h_sch form	{ background: #fff; padding: 0 .25rem 0 1rem; border-radius: .25rem; }
@media (max-width: 991.98px) {
		div.h_sch form	{ border: 1px solid #ddd; }
} 
@media (min-width: 992px) {
		div.h_sch form	{ border-radius: 3rem; padding: .25rem .25rem .25rem 1rem; }
}
			div.h_sch form input	{ padding: .25rem 0; font-family: dotum; }
			div.h_sch form i		{ font-size: 1.25rem; color: #aaa; }
			div.h_sch form input:focus	{ outline: none; background: none; } 
@media (min-width: 992px) {
			div.h_sch form i		{ color: #f99d1c; }
}
@media (min-width: 992px) { 	
		div.h_sch > div	{ text-align: center; }
			div.h_sch > div a	{ margin: 0 .375rem }
}



/* 상단 배너1  */
div.h_ban1			{ justify-content: space-between; align-items: center; width: 240px; margin-left: auto; position: relative;  }

	div.h_ban1 > a		{
		display: inline-block; border: 1px solid #eee; width: 30px; height: 36px; line-height: 32px; text-align: center; color: #fff;
	}
	div.h_ban1 > a:hover	{ border: 1px solid transparent; background: #333; color: #fff; }
	div.h_ban1 > a.prev	{ left: 0 }
	div.h_ban1 > a.next	{ right: 0 }

	div.h_ban1 > .bmit_slideshow		{ margin: 0 26px }


/* lg 해상도 미만 적용 */
@media (max-width: 991.98px) { 
	div#category	{
		position: fixed; z-index: 1000; width: 100%; left: -100%; top: 0;
		transition: left 0.4s;
		height: 100vh; background: #fff; overflow-y: auto;
	}
	div#category.show	{ left: 0; }

		div#category > i	{ position: absolute; z-index: 1001; top: 0; right: 0; padding: 1rem 1.25rem .25rem; font-size: 1.75rem; color: #fff; }


	div#category > ul		{ margin: 0; width: 100%; }

	div#category ul.b_cate	{ margin-bottom: 0 } 
		
		#category .b_cate > li > a	{ border-bottom: 1px solid #ddd; display: flex; align-items: center; }
			#category .b_cate > li > a > span { display: inline-block; padding: .75rem; }
			#category .b_cate > li > a > i	{ margin-left: auto; padding: .75rem 1rem; font-size: 1rem; color: #aaa; }
  
		#category .b_cate ul		{ display: none; }

		#category ul.m_cate		{ padding: .25rem 0; border-bottom: 1px solid #ddd; background: #fafafa; }
			#category .m_cate > li	{ padding: .5rem 1rem; }

}
			.m_cate > li a:hover	{ color: #f07700 } 

/* 모바일 상단 메뉴 */
.mobile-top-menus > div { text-align: center; margin: 1rem .5rem }
	.mobile-top-menus > div > a { min-width: 8rem; }
	.mobile-top-menus > div > .bg-orange { display: block; border-radius: .5rem; color: #fff; margin-bottom: 1rem; }
	
	/* category, community */
	 .mobile-bg-title { font-size: 1.25rem; color: #fff; }
	 .mobile-bg-title > span { font-weight: bold; }

@media (min-width: 992px) {
	nav div#show_category	{ /* 카테고리 pc 에서만 노출 */
		display: none; position: absolute; z-index: 201; left: 0; right: 0; top: 60px;
		min-height: 530px;
	}
}

@media (min-width: 1200px) {
	nav div#show_category	{ /* 카테고리 pc 에서만 노출 */ 
		height: 620px;
	}
}

/* 네비게이션 바 */
	nav	{ }
		nav div.container	{ padding: 0 1rem; }
@media (min-width: 992px) {
	nav	{ }
		nav div.container 	{ line-height: 1.5rem; padding: 0; }
		#show_category > div.container 	{ line-height: 1.5rem; padding: 0; background: #fff; border: 3px solid #f99d1c; }
}

@media (min-width: 992px) {
	nav div.cate_btn		{
		height: 3.75rem; cursor: pointer;
		display: flex; align-items: center; justify-content: center;
	}
	nav div.cate_btn:hover,
	nav div.cate_btn.show	{ }
		nav div.cate_btn > i				{ font-size: 1.5rem; margin-right: .75rem; text-align: center; color: #bbb; }
		nav div.cate_btn > i.fa-bars				{ color: #555; }
		/* 화살표 아이콘 */
		nav div.cate_btn > i.fa-chevron-up	{ display: none }
		nav div.cate_btn.show > i.fa-chevron-up	{ display: inline }
		nav div.cate_btn.show > i.fa-chevron-down	{ display: none }
		nav div.cate_btn > span				{ margin-right: .375rem; font-weight: bold; font-size: 1.2rem; }
}
 
	#show_category div.container	{ display: none; }  /* 카테고리 분류 mobile 미노출 */
@media (min-width: 992px) { 
	#show_category div.container	{ display: block } /* 카테고리 분류 pc 에서만 노출 */
 }
		#show_category .container > div:nth-child(1)	{ display: flex; height: 100%; }
 
	/* 카테고리 */
	#show_category ul.b_cate	{ width: 12.5rem; height: 100%; position: relative; margin-bottom: 0; padding-bottom: 0; border-right: 1px solid #f99d1c; }
@media (min-width: 1200px) { 
		#show_category ul.b_cate	{ width: 15rem; }
}
			#show_category .b_cate > li > a			{ display: block; padding: 0 .5rem; color: #333; font-weight: 700; }
@media (min-width: 1200px) { 
			#show_category .b_cate > li > a { font-size: .9rem; padding: .15rem .5rem; }
}
			#show_category .b_cate > li.hover > a	{ background: #f99d1c; color: #fff; }

/* 중분류 */
	#show_category ul.m_cate	{
		position: absolute;
		left: 12.5rem;
		top: 0;
		width: 12rem;
		display: none;
		height: 100%;
		overflow: auto;
	}

@media (min-width: 1200px) { 
	#show_category ul.m_cate	{
		left: 15rem;
		width: 15rem; 
	}
}
	#show_category .category_chu li { height: 122px; }
 

	#show_category .b_cate > li.hover ul.m_cate	{ display: block; }
		#show_category .m_cate > li	{ }
			#show_category .m_cate > li > a			{ display: block; padding: .25rem .75rem .25rem .5rem; }
			#show_category .m_cate > li > a.active	{ color: #f07700; }
			 

		 
		/* 카테고리 관련 추천상품 */
		#show_category .container > div > div:nth-child(2)	{ width: 18.75rem; border-left: 1px solid #f99d1c; border-right: 1px solid #f99d1c; padding: 1rem; }
		#show_category .container > div > div:nth-child(2) ul li	{ border: 1px solid #ddd; padding: .75rem; display: flex; align-items: center; margin-top: 1rem; }

		#show_category .container > div > div:nth-child(2) ul li > a img	{ max-width: 100%; vertical-align: middle } 
@media (min-width: 1200px) {
		#show_category .container > div > div:nth-child(2) ul li	{ padding: 1rem .75rem; }
}
		#show_category .container > div > div:nth-child(2) ul li > a	{ width: 30%; margin-right: .75rem } 
		#show_category .container > div > div:nth-child(2) ul li > a img	{ max-width: 100%; } 
@media (min-width: 1200px) { 
		#show_category .container > div > div:nth-child(2)	{ width: 21rem; }
		#show_category .container > div > div:nth-child(2) ul li > a	{ width: 40%; }
 }
			
		/* 카테고리 이미지 */
		#show_category .container > div > div:nth-child(3)	{ width: 16rem }
			#show_category .container > div > div:nth-child(3) img { max-width: 100%; text-align: center; }
@media (min-width: 1200px) { 
		#show_category .container > div > div:nth-child(3)	{ width: 20rem } 
}

				#show_category a.coupon			{ color: #ad5fcd }
					#show_category a.coupon > span	{
						display: inline-block; min-width: 1rem; padding: 0 .25rem; background: #333; border-radius: 2rem; text-align: center;
						font-size: .75em; color: #fff; vertical-align: 1px;
					}
				#show_category a.review			{ color: #61c1d6 }
				#show_category a.attendance		{ color: #fc6767 }


				#show_category div.bmit_slideshow > span		{
					position: absolute; z-index: 101; bottom: .5rem; background: rgba(255,255,255,0.9); border: 1px solid #ddd;
					display: inline-block; width: 1.5rem; height: 1.5rem; text-align: center; color: #aaa; cursor: pointer;
				}
				#show_category div.bmit_slideshow > span:hover	{ border: 1px solid transparent; background: #333; color: #fff; }
				#show_category div.bmit_slideshow span.prev		{ right: 2.25rem; }
				#show_category div.bmit_slideshow span.next		{ right: .5rem; }

				#show_category div.bmit_slideshow ul#pager	{ margin-bottom: 0; position: absolute; z-index: 101; left: 0; right: 0; bottom: .25rem; text-align: center; }
					#show_category div.bmit_slideshow #pager > li			{ display: inline-block; margin: 0 .125rem; font-size: .75rem; color: #aaa; cursor: pointer; }
					#show_category div.bmit_slideshow #pager > li.active	{ color: #f00 }


	nav div.gnb		{ flex: 1; display: flex; justify-content: space-between; }
@media (min-width: 992px) {
	nav div.gnb		{ padding: 0 4rem; }  
}
@media (min-width: 1200px) {
	nav div.gnb		{ padding: 0 6rem; }
}
	nav div.gnb > a		{ display: block; padding: .75rem 0; font-size: .9rem; }
	nav div.gnb > a:hover		{ color: #f07700; }
@media (min-width: 992px) {
		nav div.gnb > a		{ height: 3.75rem; line-height: 3.75rem; padding: 0; font-weight: bold; font-size: 1.2rem; }
}

 

/* 메인 비주얼 배너 슬라이드 */  
	div.m_event		{ position: relative; overflow: hidden; } /* IE에서 가로스크롤 생김방지 overflow */

	.m_event img	{ max-width: 100%; }
 
/* 메인 배너 */
	.m_event img	{ max-width: 100%; }

	.m_event .bmit_slideshow > a			{ position: absolute; z-index: 101; top: 50%; transform: translate(0, -50%); width: 2rem; opacity: .5; transition: opacity .15s ease; }
	.m_event .bmit_slideshow > a:hover	{ opacity: 1; }
		.m_event .bmit_slideshow > a i		{ font-size: 3rem; color: #fff; text-shadow: 1px 1px 3px #aaa; }

	.m_event .bmit_slideshow > .prev		{ left: .5rem }
	.m_event .bmit_slideshow > .next		{ right: .5rem }


.m_event2 > .bmit_slideshow a{ display:block; }


	.m_event2 > .bmit_slideshow img{ object-fit: cover; height: 160px; }


@media (min-width: 768px) {
	.m_event .bmit_slideshow > .prev	{ left: 50%; margin-left: -360px }
	.m_event .bmit_slideshow > .next	{ left: 50%; margin-left: 330px }
	.m_event2 > .bmit_slideshow img{ height: 260px; }
}
@media (min-width: 992px) {
	.m_event .bmit_slideshow > .prev	{ margin-left: -510px }
	.m_event .bmit_slideshow > .next	{ margin-left: 480px }
	.m_event { height: auto; }
	.m_event2 > .bmit_slideshow img{ height: 320px; }
}
@media (min-width: 1200px) {
	.m_event .bmit_slideshow > .prev	{ margin-left: -620px }
	.m_event .bmit_slideshow > .next	{ margin-left: 590px }
	.m_event { height: 400px; } 
	.m_event2 > .bmit_slideshow img{  height: auto; }
}
	 
	 /* 페이저; 배너제목 버튼 */
@media (min-width: 992px) {
	div#m_event_pager	{ background: rgba(255,255,255,.95); padding: 0; position: absolute; z-index: 101; left: 50%; bottom: 0; transform: translate(-50%,0); }
}		

		#m_event_pager > ul	{ display: flex; text-align: center; justify-content: center; }	
@media (min-width: 992px) {	 
		#m_event_pager > ul	{ border-bottom: 1px solid #000; }
}
@media (max-width: 991.98px) {
			#m_event_pager > ul > li				{ border-radius: 5rem; padding: .5rem; cursor: pointer; background: #bbb; margin: .5rem .25rem; }
			#m_event_pager > ul > li.active 	{ padding: .5rem 1rem; background: #000; }
			#m_event_pager > ul > li > span	{ display: none; }
}
@media (min-width: 992px) {	 
			#m_event_pager > ul > li				{ padding: .5rem 1rem; font-size: 1.1rem; flex-grow: 1; cursor: pointer; }
			#m_event_pager > ul > li.active 	{ background: #000; color: #fff }
}
 
		 

/* 브랜드샵 */
	#m_brand_shop { position: relative }
	#m_brand_shop img	{ max-width: 100%; }

	/* 브랜드샵 prev, next 버튼 */
	#m_brand_shop .bmit_slideshow > a			{ position: absolute; z-index: 101; top: 2rem; width: 2rem; opacity: .5; transition: opacity .15s ease; }
@media (min-width: 768px) {	
	#m_brand_shop .bmit_slideshow > a			{ top: 7rem; }
}
@media (min-width: 992px) {	
	#m_brand_shop .bmit_slideshow > a			{ top: 12rem; }
}

	#m_brand_shop .bmit_slideshow > a:hover	{ opacity: 1; }
		#m_brand_shop .bmit_slideshow > a i		{ font-size: 3rem; color: #fff; text-shadow: 1px 1px 3px #aaa; }

	#m_brand_shop .bmit_slideshow > .prev		{ left: .5rem }
	#m_brand_shop .bmit_slideshow > .next		{ right: .5rem }

@media (min-width: 768px) {
	#m_brand_shop .bmit_slideshow > .prev	{ left: 50%; margin-left: -360px }
	#m_brand_shop .bmit_slideshow > .next	{ left: 50%; margin-left: 330px }
}
@media (min-width: 992px) {
	#m_brand_shop .bmit_slideshow > .prev	{ margin-left: -510px }
	#m_brand_shop .bmit_slideshow > .next	{ margin-left: 480px }
}
@media (min-width: 1200px) {
	#m_brand_shop .bmit_slideshow > .prev	{ margin-left: -620px }
	#m_brand_shop .bmit_slideshow > .next	{ margin-left: 590px }
}
	 
	 /* 페이저; 배너제목 버튼 */ 
div#m_brand_pager	{ padding: 0; position: absolute; z-index: 101; left: 50%; top: 0rem; transform: translate(-50%,1%); }
#m_brand_pager > ul	{ width: 100%; display: flex; text-align: center; justify-content: space-between; margin: 0 -.1rem; }
#m_brand_pager > ul > li				{ width: auto; padding: .5rem .1rem; font-size: 1.1rem; cursor: pointer; }
#m_brand_pager > ul > li.active 	{  color: #fff }
#m_brand_pager img	{ width: 48px; max-width: 100%; }
@media (min-width: 992px) {
#m_brand_pager img	{ width: 60px; }
}
@media (min-width: 1200px) {
#m_brand_pager img	{ width: auto; }
}

@media (min-width: 992px) {
	div#m_brand_pager	{ top: 2rem; }
}

		/* 브랜드상품 */  
@media (min-width: 768px) { 
		#m_brand_shop .goods_grid > li			{ width: 22% }
}
@media (min-width: 992px) {
		#m_brand_shop .goods_grid > li			{ width: 17% }
		#m_brand_shop .goods_grid > li.col_4	{ width: 21% }
}

	#m_brand_shop ul.goods_grid a.goods_img,
	.m_theme_shop ul.goods_grid a.goods_img,
	.m_best_item ul.goods_grid a.goods_img { border: none !important; }
	#m_brand_shop ul.goods_grid a.goods_img:hover,
	.m_theme_shop ul.goods_grid a.goods_img:hover,
	.m_best_item ul.goods_grid a.goods_img:hover	{
			-moz-box-shadow: none !important;
			-webkit-box-shadow: none !important;
			box-shadow: none !important;
		}


/* 메인 테마존 thema zone */ 
	/* 테마샵 대분류 border color style */
@media (min-width: 992px) {
	.m_theme_shop > div { margin-bottom: 3rem; border-top: 2px solid #000; } 
/*
	.m_theme_shop > div { margin-bottom: 3rem; border-top: 2px solid #f36f20; } / 식음료/커피 /
	.m_theme_shop > div:nth-child(3)	{ border-color: #ff4e3e; } / 생활용품 /
	.m_theme_shop > div:nth-child(4)	{ border-color: #ff7ca8; } / 필기구 /
	.m_theme_shop > div:nth-child(5)	{ border-color: #d25e84; } / 일반사무용품 /
	.m_theme_shop > div:nth-child(6)	{ border-color: #a066bf; } / 화일/바인더 /
	.m_theme_shop > div:nth-child(7)	{ border-color: #80b2eb; } / 복사용지/지류 /
	.m_theme_shop > div:nth-child(8)	{ border-color: #c5e7b5; } / 컴퓨터주변용품 /
	.m_theme_shop > div:nth-child(9)	{ border-color: #468404; } / 기타용품 /
*/
	.m_theme_shop > div:last-child { margin-bottom: 0; } 
} 

.m_thema_goods .h3 { border-bottom: 2px solid #000; }

@media (min-width: 992px) { 
	.m_thema_goods > div { display: flex; justify-content: center; align-items: center; padding: 1rem 1.5rem; }
	.m_thema_goods > div:first-child			{ padding: .5rem 1.5rem; }
	.m_thema_goods  > div > div:first-child	{ width: 190px; } 
	.m_thema_goods  > div > div:first-child > a:first-child	{ padding-bottom: 3rem; } 
		.m_thema_goods .goods_grid> li		{ padding-bottom: 0; }
		.m_thema_goods img { max-width: 100%;  }
}
	/* 테마샵 대분류 font color style */
@media (min-width: 992px) {
/*
	.m_theme_shop > div:nth-child(2) .thema_title_color { color: #f8a41a; } / 식음료/커피 /
	.m_theme_shop > div:nth-child(3) .thema_title_color	{ color: #ff5a4b; } / 생활용품 /
	.m_theme_shop > div:nth-child(4) .thema_title_color	{ color: #ff74a3; } / 필기구 /
	.m_theme_shop > div:nth-child(5) .thema_title_color	{ color: #cb4371; } / 일반사무용품 /
	.m_theme_shop > div:nth-child(6) .thema_title_color	{ color: #ab68b8; } / 화일/바인더 /
	.m_theme_shop > div:nth-child(7) .thema_title_color	{ color: #689de7; } / 복사용지/지류 /
	.m_theme_shop > div:nth-child(8) .thema_title_color	{ color: #a1e559; } / 컴퓨터주변용품 /
	.m_theme_shop > div:nth-child(9) .thema_title_color	{ color: #468404; } / 기타용품 / 
*/
	.thema_title_color > span { padding-bottom: 6rem; text-align: left; }
}
	
	.m_theme_shop .goods_grid > li			{ width: 49%; padding-bottom: 0; margin: 1.5rem 0; }		
@media (min-width: 576px) {
		.m_theme_shop .goods_grid > li			{ width: 32% }
		.m_theme_shop .goods_grid > li.col_4	{ width: 24% }
}
@media (min-width: 768px) { 
		.m_theme_shop .goods_grid > li			{ width: 22% }
}
@media (min-width: 992px) {
		.m_theme_shop .goods_grid > li			{ width: 17% }
		.m_theme_shop .goods_grid > li.col_4	{ width: 21% }
}

	/* 이 제품들을 많이 찾는 카테고리 모음전; 배경 style */
@media (min-width: 992px) {
	.m_theme_shop > div > div:last-child { color: #fff; }
}
/*
@media (min-width: 992px) {
	.m_theme_shop > div > div:last-child { background: #f8a41a; color: #fff; } / 식음료/커피 / 
	.m_theme_shop > div:nth-child(3) > div:last-child { background: #ff5a4c; } / 생활용품 /
	.m_theme_shop > div:nth-child(4) > div:last-child { background: #ff74a3; } / 필기구 /
	.m_theme_shop > div:nth-child(5) > div:last-child { background: #cb4371; } / 일반사무용품 /
	.m_theme_shop > div:nth-child(6) > div:last-child { background: #ab68b8; } / 화일/바인더 /
	.m_theme_shop > div:nth-child(7) > div:last-child { background: #689de7; } / 복사용지/지류 /
	.m_theme_shop > div:nth-child(8) > div:last-child { background: #a1e559; } / 컴퓨터주변용품 /
	.m_theme_shop > div:nth-child(9) > div:last-child { background: #468404; } / 기타용품 /
}
*/

	/* 카테고리 모음전; 아이콘 카테고리; */
	.m_theme_cate_icon { display: flex; justify-content: space-between; flex-wrap: wrap; padding-left: 0 !important; padding-right: 0 !important; }
	.m_theme_cate_icon > a { display: block; text-align: center; width: 16.6%; }


/* BEST CATEGORY */
.m_best_category > ul	{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 0; } 
	.m_best_category > ul > li { width: 33%; text-align: center; margin-top: 1rem; padding: 0 .25rem; }
@media (min-width: 576px) {
	.m_best_category > ul > li { width: 25%; }
}
@media (min-width: 992px) {
	.m_best_category > ul > li { width: 16%; }
}

		.m_best_category > ul > li > a { display: block; }
		.m_best_category > ul > li img{ max-width: 100%; }
		.m_best_category div.noimage { background-color: #e6e7e8; max-width: 158px; max-height: 157px; border-radius: 50%; display: inline-block; }

		/* 분류 큰 제목 */
@media (max-width: 767.98px) {
		.m_best_category > ul > li > a > span.h3 { font-size: 1rem !important; }
}
@media (min-width: 768px) and (max-width: 1198.98px)   {
		.m_best_category > ul > li > a > span.h3 { font-size: 1.25rem !important; }
}

	/* 더보기, 닫기 버튼 */
	.m_best_category button { margin-top: 2rem; width: 100%; padding: 1rem 0; background: #fff; border: 1px solid #333; text-align: center; }
@media (min-width: 992px) {
	.m_best_category button { width: 50%; }
}
		/* 닫기 */
		.m_best_category button > span.off				{ display: none }	
		.m_best_category button.more_view > span.off	{ display: inline }
		/* 더보기 */
		.m_best_category button.more_view > span.on	{ display: none }




		/* 메인 BEST ITEM 상품 */
		.m_best_item .goods_grid > li			{ width: 49%; margin: 1.5rem 0; padding-bottom: 0; }		
@media (min-width: 576px) {
		.m_best_item .goods_grid > li			{ width: 32% }
		.m_best_item .goods_grid > li.col_4	{ width: 24% }
}
@media (min-width: 768px) { 
		.m_best_item .goods_grid > li			{ width: 22% }
}
@media (min-width: 992px) {
		.m_best_item .goods_grid > li			{ width: 17% }
		.m_best_item .goods_grid > li.col_4	{ width: 21% }
}
 
/* 메인; 모바일 - mobile  오써가 적극 추천하는 회사애용품 전시관  */ 
	.mobile_company_ban	{ width:100%; white-space: nowrap; overflow-x: auto; margin-top: 1rem; }
	.mobile_company_ban li	{ margin-left: .25rem; } 
	.mobile_company_ban li:first-child	{ margin-left: 0; } 
	.mobile_company_ban li img { height: 260px; } 
 
/* 메인; 카테고리 배너 mobile */
.mobile_bans_cate {
	display: flex;
	flex-wrap: wrap;
	padding: 0 1rem;
	margin: 1rem 0 0;
}
.mobile_bans_cate > div {
	width: 50%;
	padding-bottom: .5rem;
}
.mobile_bans_cate > div:nth-child(odd) {
	padding-right: .25rem;
}
.mobile_bans_cate > div:nth-child(even) {
	padding-left: .25rem;
}

.mobile_bans_cate > div img {
	max-width: 100%;
}


/* goods_list1.html; 상품리스트;  */
	
	/* 카테고리 베스트 */
	.g_category_best {   }
@media (max-width: 991.98px) {
	.g_category_best { width: 100%; padding-right: .75rem }
		.g_category_best { padding: 0 .25rem }

	.g_category_best ul.goods_grid {
		width: 100%; flex-wrap: nowrap; display: flex; white-space: nowrap;
		word-break: break-all; /*  가로스크롤시 중요한 속성 */
		overflow-x: auto;
		overflow-y: hidden; 
	}
	.g_category_best ul.goods_grid li { width: 50%; margin: 0 .25rem .5rem; min-width: 160px; } /* 스크롤하는 상품 최소 넓이 지정. 익스플로러. */
	ul.goods_grid li.empty_box { min-width: auto; width: auto; margin: 0 !important; }
@media (min-width: 375px) {
	.g_category_best ul.goods_grid li { width: 49%; }
}
@media (min-width: 576px) {
	.g_category_best ul.goods_grid li { width: 32.5%; }
}
@media (min-width: 768px) {
	.g_category_best ul.goods_grid li { width: 24%; }
}

	.g_category_best .goods_name  { width: 100%; height: 20px !important; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal; }
}


	.g_category_best ul.goods_grid a.goods_img { border: none !important; } 
	.g_category_best ul.goods_grid a.goods_img:hover {
		-moz-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
	}
 

div.g_list_category_wrap > div { border-top: 2px solid #3a3a3a;  border-right: 1px solid #ddd; background: #fdfdfd; margin: .5rem; }
@media (min-width: 768px) {
div.g_list_category_wrap > div { margin: 0; }
} 

	div.g_list_category_wrap > div:first-child	{ background: #f8f8f8; }
		
		/* 대분류 */
		div.g_list_category > div > a	{ background: #fff; border-bottom: 1px solid #ddd; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
		div.g_list_category > div:nth-child(odd) > a	{ border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
		div.g_list_category > div:nth-child(2n) > a	{ border-right: none }
 
		div.g_list_category > div:nth-child(4n) > a	{ border-right: none }
		   

		div.g_list_category > div.active > a,
		div.g_list_category > div:hover > a { border-color: #f07700; background: #f07700; color: #fff;  }  

@media (min-width: 768px) {  
}
@media (min-width: 992px) { 
}

/* 리스트 브랜드 */ 
	div.g_list_brand { margin: .5rem; border: 3px solid #ddd; }

@media (min-width: 768px) {
	div.g_list_brand { margin: .5rem 0 0 }
}
@media (min-width: 992px) {
	div.g_list_brand { margin: 0; border: 1px solid #ddd; border-top: none; }
		div.g_list_brand > div:nth-child(2)	{ border-left: 1px solid #ddd; }
} 
	.g_list_brand label { cursor: pointer; }
	
	.g_list_brand > div:nth-child(2) > div {
		display: flex;
		flex-wrap: wrap;
		width: 50%;
	} 
@media (min-width: 768px) { 
	.g_list_brand > div:nth-child(2) > div { width: 33.3%; }
}
@media (min-width: 992px) {
		.g_list_brand > div:nth-child(2) > div { width: 25%; } 
}
	.g_list_brand .custom-control-input:checked ~ .custom-control-label { 
	  color: #f07700;
	  font-weight: bold;
	}
		
		/* checkbox 스타일 */ 
		.g_list_brand .custom-control-input:focus ~ .custom-control-label::before {
		  box-shadow: none;
		}  

		/* badge 스타일 */
		.g_list_brand .custom-control-label .badge { margin-left: .25rem; background: #555; color: #fff; }
		.g_list_brand .custom-control-input:checked ~ .custom-control-label .badge	{
			background: #f07700; 
		}
 

@media (max-width: 767.98px) {
	div.order_option { display: flex; justify-content: space-between; padding: .25rem .25rem 0; width: 100%; }
	div.order_option label	{  }
}
@media (min-width: 768px) {  
	div.order_option label				{ margin-left: 1rem; }
	div.order_option label:first-child	{ margin-left: 0 }
}
	/* 정렬기준, 리스트보기/이미지보기 방식애 적용 */
	label.goods_label { cursor: pointer; }
	label.goods_label input[type=radio] { position: absolute; clip: rect(0,0,0,0); pointer-events: none; }
	label.goods_label input[type=radio]:checked~span {	color: #dc3545; }
	label.goods_label span { display: inline-block; }



/* 리스트보기 방식 상품진열; 공통 */
		div.goods_title_list { padding: .25rem .5rem; }
@media (min-width: 768px) {  
	div.goods_title_list { padding: .5rem .75rem; }
}
@media (min-width: 992px) {  
	div.goods_title_list { padding: .5rem 1rem; }
}


/* 리스트보기 상품보기 */   
	div.goods_list .goods_name { font-size: .9rem; }
	div.goods_list .show-detail-icon span { padding: .05rem .35rem; font-size: .75rem }
	div.goods_list .show-detail-icon:first-child span { margin-left: 0 }

  
	/* 리스트보기 selcet box */
@media (min-width: 992px) { 
	.goods_list .g_list_info > div:first-child > span:nth-child(1) {
		position: absolute;
		z-index: 99999;
		left: 0;
		top: 0;
	}
}

	div.goods_list div.amount input[type="text"],
	div.goods_list div.amount input[type="number"]	{ width: 3rem }	
	div.goods_list .location img { max-width: 100%; height: auto; }
@media (min-width: 992px) { 
	div.goods_list .location img { max-width: 100%; }
}
@media (min-width: 768px) { 
	.goods_list .cart { width: auto !important; font-size: 1rem !important; padding-left: 1.25rem !important; padding-right: 1.25rem !important; border-radius: 0 !important }
		.goods_list .cart > span { font-size: .9rem !important; }
}


/* 상품상세페이지 상품수량 */
	
	div.goods_info p.amount input[type="text"],
	div.goods_info p.amount input[type="number"] {
		width: 3rem; height: 28px; text-align: center;
		border: 1px solid  #343a40; border-right: none; border-left: none; border-radius: 0;
	}



	/* 이미지보기 방식 상품진열; 공통 */
	ul.goods_grid		{ padding: 0 .5rem; display: flex; justify-content: space-between; flex-wrap: wrap; }
		ul.goods_grid > li			{ width: 49%; margin: .75rem 0 0 0; padding-bottom: 3rem; position: relative; }
		
@media (min-width: 576px) {
		ul.goods_grid > li		{ width: 32% } 
}

@media (max-width: 575.98px) { 
		ul.goods_grid.index > li	{ width: 50%; margin: 0; padding-bottom: 3rem; position: relative; padding: .5rem 1rem .75rem; border-bottom: 1px solid #ddd; }
		ul.goods_grid.index > li:nth-child(odd)	{ border-right: 1px solid #ddd; }
}

@media (min-width: 768px) {
	ul.goods_grid			{ padding: 0 }
		ul.goods_grid > li			{ width: 24%; }
}
@media (min-width: 992px) {
		ul.goods_grid > li 	{ width: 19%; } 
		ul.goods_grid > li.col_4			{ width: 24%; }
}






ul.goods_grid > li p		{ margin: .25rem 0 0 0; }
		
		.goods_list a.goods_img, ul.goods_grid a.goods_img		{ display: block; }
			.goods_list a.goods_img > img,
			ul a.goods_img > img	{ max-width: 100%; height: auto; }

			.goods_list a.goods_img > img,
			ul a.goods_img > img	{ max-width: 100%; height: auto; }


		/* 리스트보기; 상품이미지 높이값 조정 */
		.goods_img_h {
			position: relative;
			padding-top: 100%; /* ratio; 백분율 지정; */
			width: 100%;
			text-align: center;
			overflow: hidden;
		}  
		.goods_img_h > a {
			display: block; z-index: 1;
			position: absolute; top: 0; left: 0; right: 0; bottom: 0;
		}

		.goods_img_h > a > img {
			width: auto; height: auto;
			max-width: 100%; max-height: 100%;
			position: absolute; top: 0; left: 50%;
		 	transform: translate(-50%,0);	/*이미지 중앙정렬 */
			-webkit-transform: translate(-50%,0);
			-ms-transform: translate(-50%,0);
		}


		/* goods_detail.html; 상품 상세페이지의 옵션상품 목록에 사용 */
		ul.goods_grid p.goods_img		{ margin-top: 0; border: 1px solid #e5e5e5; }
			ul.goods_grid p.goods_img > img	{ max-width: 100%; max-height: 100%; }
	 


	 /* 상품리스트 hover시 장바구니, 찜하기 */
		ul.goods_grid .g_zzim_cart_btn { position: absolute; z-index: 999; right: 0; bottom: 0; display: flex; }
@media (min-width: 992px) {
		ul.goods_grid .g_zzim_cart_btn { left: 0; margin: 0 -1.07rem; display: none; }
		ul.goods_grid li:hover .g_zzim_cart_btn { display: flex; }
			ul.goods_grid li:hover a.goods_img		{ opacity: .5; }
}
			/* 버튼 스타일 */
			.g_zzim_cart_btn > a {
				display: block; text-align: center;
			}
	/* 모바일 아이콘 */
@media (max-width: 991.98px) {
			.g_zzim_cart_btn > a {
				width: 30px; height: 30px; line-height: 30px;
				background: rgba(255,255,255,.8);
				border: 1px solid #ccc; border-radius: 50% !important;
				font-size: 1rem; text-align: center; color: #999;
				margin-left: .4rem;
			}
			.g_zzim_cart_btn > a:hover { background: rgba(255,255,255,1); color: #f07700; border-color: #f07700; }
			.g_zzim_cart_btn > a > span { display: none }
}
	/* PC 아이콘 */
@media (min-width: 992px) {
			.g_zzim_cart_btn > a { display: flex; align-items: center; justify-content: center; width: 50%; background: rgba(240,119,0,.8); color: #fff; padding: .6rem 0; }
			.g_zzim_cart_btn > a:hover { background: rgba(240,119,0,1); }
			.g_zzim_cart_btn > a:first-child { border-right: 1px solid #fff; }
			.g_zzim_cart_btn > a > i { font-size: 1.05rem; padding-right: .25rem; }
} 


/* 상품리스트; 장바구니 담기 버튼 */
		ul.goods_grid .amount				{ display: flex; align-items: center; margin-top: 1rem; margin-bottom: .5rem; }
@media (max-width: 991.98px) {
		ul.goods_grid .amount				{ flex-wrap: wrap;  }
}
		
		/* 체크박스 */
@media (max-width: 767.98px) {
		.goods_grid div.amount > span:nth-child(1)				{ position: absolute; z-index: 99999; left: 0; top: 0; padding: .5rem; }
}
		/* 베스트페이지 체크박스; goods_best.html */

@media (max-width: 767.98px) {
		div.p_best_seller .goods_grid div.amount > span:nth-child(1)				{ right: 0 !important; text-align: right; }
}
		
		/* 상품리스트; 장바구니 수량 */
		div.amount .amount_number { display: flex; flew-wrap: wrap; } 
 @media (min-width: 768px) {
 		div.amount .amount_number { max-width: 121px; margin: 0 auto; }
 }


 /* 인풋상자, 수량 체크 */
 @media (min-width: 1200px) {
 		.amount_number > p:nth-child(2) { flex-grow: 1; }
	}
			.amount_number input[type="text"]	{ width: 2rem !important; height: 28px; margin: 0; text-align: center; }
@media (min-width: 1200px) {
			.amount_number input[type="text"]	{ width: 3rem !important; }
} 


	/* plus, minus */
				.amount_number > a { display: block; height: 28px !important; border: 1px solid #a9a9a9; margin: 0; border-radius: 0; color: #333; background: #fff; font-size: .8rem; padding: .25rem .5rem 0; }

  
@media (min-width: 1200px) {
				.amount_number > a { font-size: .8rem; padding: .4rem .75rem 0; }
}
				.amount_number > a:nth-child(1) { border-right: none; }
				.amount_number > a:nth-child(3) { border-left: none; }

				.amount_number .btn:focus, .btn.focus {
				  outline: 0;
				  box-shadow: none;
				} 

			/* 장바구니 버튼 */
			div.amount .btn.cart {
				display: inline-block; width: 33px; height: 33px; line-height: 33px; padding: 0; 
				background: #f5992b; border-radius: 50%;
				font-size: 1rem; text-align: center; color: #fff; 
				margin-left: 0;
			} 
		/* 리스트용 장바구니 */  
@media (min-width: 1200px) { 
			div.amount .btn.cart {  width: 42px; height: 42px; line-height: 42px; margin-left: .25rem; border-radius: 5px; font-size: 1.25rem;  }
}
@media (min-width: 768px) {
			/* 리스트용 장바구니 */
			.goods_list div.amount .btn.cart { max-width: 121px; margin: 0 auto; } 
}
 
			div.amount .btn.cart:hover,
				div.amount .btn.cart:focus	{ background: #f07700; color: #fff; box-shadow: none; }
				
				/* 수량 체크 버튼 높이 */
				.amount input[type="text"] { width: 4rem !important; } 
				.amount .btn-custom { height: 28px } 


	/* 리스트보기 방식 상품진열; 공통 */
	div.goods_list div.amount input[type="text"],
	div.goods_list div.amount input[type="number"]	{ width: 3rem; border: 1px solid #ced4da; border-radius: 4px; padding: 0 .23rem; }
	ul.goods_grid p.amount input[type="text"]:focus, 
	div.goods_list div.amount input[type="number"] { border-color: #90c9f9; box-shadow: 0 0 5px rgba(144, 201, 249, 0.7); }

	div.goods_list { border-bottom: 1px solid #aaa; }
	div.goods_list .goods_conts > div > div:nth-child(2) { padding: 0 .75rem; }
@media (min-width: 992px) {
	div.goods_list .goods_conts > div > div:nth-child(2) { border-left: 1px solid #eee; border-right: 1px solid #eee; padding: 0 1rem; }
}
	div.goods_list .price-conts { border-top: 1px solid #eee }
@media (min-width: 992px) {
	div.goods_list .price-conts { border-top: none }
}
	
	div.goods_list .goods_name { font-size: .9rem; }
	div.goods_list .show-detail-icon span { padding: .05rem .35rem; font-size: .75rem }
	div.goods_list .show-detail-icon:first-child span { margin-left: 0 }

	div.goods_list .price { text-align: center }
	div.goods_list .price span.dc		{ margin-right: .35rem; color: #222; font-size: .9rem; letter-spacing: -0.05rem; }
	div.goods_list .price span.code		{ display: block; color: #bbbdc0; font-size: .7rem; border: 0; }
	div.goods_list .price span.sale		{ font-size: 1.1rem; font-weight: 600; word-break: break-word; letter-spacing: -0.05rem; }
	div.goods_list .price > span.sale span { font-size: .75rem }
	div.goods_list .price span.market	{ color: #b0b0b0; font-size: .8rem; text-decoration: line-through; }

	div.price-conts .detail-option-list { border-left: 1px solid #eee; }
	div.price-conts .btn .btn-custom { border-color: #e5e5e5; }
	.amount_number .input > input { width: 2rem; text-align: center;  border-color: #222; }
	.detail-option-list.amount_number input { width: 3rem; text-align: center;  border-color: #222; }

	div.btn-ico { text-align: center; } 
	div.btn-ico a { padding: 0 .55rem; }
	div.btn-ico a:hover { color: #ff6e8d }
	div.btn-ico a:nth-child(2) { border-left: 1px solid #eee }

	/* 리스트 옵션리스트 노출 200109 */
	div.list-option-type .goods_optoin_class { padding: 0; background-position: right 12px top 16px }
	div.list-option-type p { margin: 0; padding: .55rem .35rem; }
	div.list-option-type p > a { display: block; }
	div.list-option-type div.option-list { max-height: 212px; border-top: 1px solid #ddd; overflow-y: auto }
	div.option-list > ul { display: flex; align-items: center; margin: 0; border-top: 1px solid #ddd; background-color: #fff; }
	div.option-list > ul:first-child { border-top: none; }
	div.option-list > ul li { padding: .25rem; }
	div.option-list > ul li:first-child { flex: 1 }
	div.option-list > ul li label { padding: 0; color: #222 }
	div.option-list div.option-amount { position: relative; width: 55px; margin: 0 5px; border: 1px solid #ececec; }
	div.option-amount .input_number { max-width: 40px; border: none; border-radius: 0; line-height: 24px; }
/*
	div.option-amount .option-num { max-width: 40px; border: none; border-radius: 0; line-height: 24px; }
*/
	div.option-amount >a { position: absolute; right: 0; bottom: 0; height: 12px; border-left: 1px solid #ececec; }
	div.option-amount >a i { font-size: 13px; color: #999; vertical-align: top }
	div.option-amount >a.up { top: 0; border-bottom: 1px solid #ececec; }

@media (min-width: 992px)	{
/*	div.option-list div.option-amount { margin: 0 0 0 15px; }*/
	div.option-list div.option-amount { margin: 0 0 0 0; }
	div.option-list > ul li { padding: .25rem .55rem; }
	div.option-list > ul li label { padding: .45rem .55rem; }
}

	div.goods_list div.amount input[type="text"],
	div.goods_list div.amount input[type="number"]	{ display: inline; width: 3rem; }
	
	.detail-option-list .market { font-size: 13px }
		.detail-option-list .amount input[type="text"]	{ width: 3rem; height: 1.5rem; border-radius: 0; text-align: center;  border-color: 1px solid #222; border-right: none; border-left: none; }
		.amount_number input[type="text"] { border-color: #222 }
		

/* */
		ul.goods_grid a.best			{
			position: absolute; z-index: 2; left: -1px; top: -1px; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem;
			text-align: center; background: rgba(0,0,0,.5); color: #fff; font-weight: bold; 
		}
@media (min-width: 992px) {
		ul.goods_grid a.best			{ width: 2.25rem; height: 2.25rem; line-height: 2.25rem; font-size: 1rem; }
}
		ul.goods_grid a.best.best5		{ background: rgba(240,85,0,.8) }

		ul.goods_grid div.discount_rate	{
			position: absolute; right: .875rem; top: .875rem; width: 30px; height: 30px; border-radius: 0.25rem;
			background-image: linear-gradient(125deg, #ed6965, #ed6965, #fda565); transform: rotate(45deg);
		}
			ul.goods_grid div.discount_rate span	{ display: inline-block; transform: rotate(-45deg); width: 100%; line-height: 28px; text-align: center; color: #fff; font-size: .9rem; font-weight: bold; }
				ul.goods_grid div.discount_rate span i	{ font-size: .75em; font-weight: normal; font-style: normal; }
@media (min-width: 992px) {
		ul.goods_grid div.discount_rate	{ right: .625rem; top: .625rem; width: 50px; height: 50px; }
			ul.goods_grid div.discount_rate span	{ line-height: 48px; font-size: 1.25rem; }
}

		ul.goods_grid p.bookcode			{ margin-top: .4rem; color: #02e }
		/* 상품리스트  */
		.g_bookcode		{ margin-top: .4rem; font-size: .8rem; font-weight: bold; color: #111; }
			.g_bookcode > span		{ color: #02e; }
	
		p.goods_name			{ height: 40px; margin-top: .25rem; text-align: left; overflow: hidden; }
@media (max-width: 767.98px) {
		p.goods_name			{ height: 34px; margin-top: .25rem; font-size: .71rem }
}
@media (min-width: 992px) {
		p.goods_name			{ height: 40px; margin-top: .4rem; }
}
@media (min-width: 992px) {
		ul.goods_grid p.goods_name			{ height: 42px; }
		ul.goods_grid .g_goods_name			{ height: 42px; }
}

		ul.goods_grid p.price				{ font-size: 0.9rem; display: flex; align-items: center; }
			ul.goods_grid p.price span.sale		{ color: #333; font-weight: bold; }
@media (min-width: 768px) {	
		ul.goods_grid p.price				{ margin-top: .25rem; }
}
@media (min-width: 992px) {	
		ul.goods_grid p.price				{ margin-top: .4rem; }
}

@media (min-width: 992px) {
			ul.goods_grid p.price span.sale		{ font-size: 1rem; }
			ul.goods_grid .col_4 p.price span.sale		{ font-size: 1.2rem; }
}
			ul.goods_grid p.price span.market	{
				margin-left: .75rem; color: #777; font-size: 0.8em; text-decoration: line-through;
				display: none;  /* 2020-05-26; 원가 숨김; 김연구 부장님 숨김요청; */
			}
			ul.goods_grid p.price span.point { display: none;  /* 2020-05-26; 포인트 숨김; 김연구 부장님 숨김요청; */ }
			ul.goods_grid p.price span.point > span { color: #02e; }
		
		ul.goods_grid p.m_price				{  font-size: 0.75rem; color: #222; font-weight: bold;  width: 100%; }
		ul.goods_grid p.m_price span.sale				{ color: #f00; font-size: .9rem; margin-left: .15rem; }

@media (min-width: 768px) {	
		ul.goods_grid p.m_price				{ margin-top: .25rem; }
}

@media (min-width: 992px) {	
		ul.goods_grid p.m_price				{ margin-top: .4rem; font-size: 0.9rem; text-align: right; }
		ul.goods_grid p.m_price span.sale				{ font-size: 1.1rem; margin-left: .25rem; }
 } 

			ul.goods_grid p.point > span				{ color: #02e }

		ul.goods_grid div.bottom_fixed		{ position: absolute; z-index: 1; left: 0; right: 0; bottom: 0 }
		ul.goods_grid div.bottom_fixed.bottom_fixed_css		{ position: static; }
		ul.goods_grid div.bottom_fixed.bottom_fixed_css	.amount		{ margin-top: .5rem; }
		

		/* 이벤트 페이지 상단의 이벤트 타이틀 */	
	ul.goods_grid.event_grid	{ margin-top: .5rem; }
	ul.goods_grid.event_grid > li	{ margin: .5rem 0 0 0; padding-bottom: 0; }
	ul.goods_grid.event_grid > li > a			{ 
		display: block; width: 100%; padding: 1rem .5rem; text-align: center;
		text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
		background: #f8f9fa; border: 1px solid #dee2e6;
	}
	ul.goods_grid.event_grid > li > a:hover,
	ul.goods_grid.event_grid > li.active > a	{ background: #fff; border: 1px solid #e00; color: #e00; }

	
	/* 이벤트 페이지 상단의 이벤트 배너 */
	div.event_ban img	{ max-width: 100% }


/* goods_list_skin.html */
p.event_tle { margin: 1rem 0 0; background: #000; padding-left: 1.5rem; line-height: 40px; font-size: 1rem; font-weight: bold; color: #fff; }


/* goods_detail.html; */ 

	.g_skin_code  { display: block; margin-bottom: .5rem; padding: .15rem .5rem; font-size: .75rem; background: #888; border: 1px solid #666; color: #fff;  } 
		.g_info_code > span, .g_skin_code > span > span { display: none }
	
	.g_skin_head .title-soldout { padding: .25rem .5rem; margin-right: .5rem; background: #dc3545; color: #fff; font-size: .8rem }
@media (min-width: 992px) {
	.g_skin_head .title-soldout { font-size: 1rem }
}
		.g_skin_head .title-soldout > span { display: none }

	div.g_skin_head div.goods_img > p		{  max-height: 500px;  text-align: center; margin: .5rem; border: 1px solid #ddd; overflow: hidden; }
@media (min-width: 768px) {
	div.g_skin_head div.goods_img > p		{ margin: 0; }
}
@media (min-width: 768px) {
	div.g_skin_head div.goods_img > p		{ width: 480px; height: 480px; }
}	
@media (min-width: 992px) {
	div.g_skin_head div.goods_img > p		{ width: 480px; height: 480px; }
}
@media (min-width: 1200px) {
	div.g_skin_head div.goods_img > p		{ width: 500px; height: 500px; }
}

		div.g_skin_head div.goods_img > p > img	{ max-width: 100%; max-height: 100%; }

	/* 썸네일 */
	div.g_skin_head div.goods_img ul.thumb_nail				{ display: flex; }
		div.g_skin_head div.goods_img ul.thumb_nail	> li		{ margin: 0 -.25rem 0  .5rem; border: 1px solid #ddd; }
		div.g_skin_head div.goods_img ul.thumb_nail	> li.active		{ border: 1px solid #f07700; }
			div.g_skin_head div.goods_img ul.thumb_nail img			{ width: 55px; height: 55px }
@media (min-width: 992px) {
	div.g_skin_head div.goods_img ul.thumb_nail				{ justify-content: center; } 
		div.g_skin_head div.goods_img ul.thumb_nail	> li		{ margin: .5rem .5rem 0 0; }
			div.g_skin_head div.goods_img ul.thumb_nail img			{ width: 75px; height: 75px }
}

	div.g_skin_head div.goods_info { padding: .5rem }
@media (min-width: 768px) {
	div.g_skin_head div.goods_info		{ padding: 0; }
}
@media (min-width: 992px) {
	div.g_skin_head div.goods_info		{ margin-left: 4rem; }
}
	
	/* show-icon */
	.show-detail-icon span { display: inline-block; padding: .15rem .5rem; margin: .2rem 0 0 .2rem; border: 1px solid #ddd; color: #ddd; text-align: center; font-size: .75rem; } 

	.show-detail-icon span:first-child { margin-left: 0; } 
	.show-detail-icon .icon-soldout { border-color: #dc3545; color: #dc3545 }
	.show-detail-icon .icon-delivery { border-color: #16c5e5; color: #16c5e5; }
	.show-detail-icon .icon-new { border-color: #008aff; color: #008aff; }
	.show-detail-icon .icon-sale { border-color: #ffa200; color: #ffa200; }
	.show-detail-icon .icon-hot { border-color: #f05500; color: #f05500; }
	.show-detail-icon .icon-md { border-color: #6404f4; color: #6404f4; }
	.show-detail-icon .icon-event { border-color: #00a16a; color: #00a16a; }
	

		/* 타이틀 */
@media (max-width: 991.98px) {
	.g_skin_head .goods_info h5 { font-size: 1rem; }
}
	/* 가격 */
	.g_skin_head .g_skin_price { display: flex; align-items: center; font-size: 1.6rem; color: #333; font-weight: 800; letter-spacing: -.08rem;  }
		.g_skin_head .g_skin_price > span { font-size: 1.1rem; color: #333; font-weight: 500; margin: .2rem 0 0 .25rem; }	
@media (min-width: 992px) {
	.g_skin_head .g_skin_price { font-size: 1.75rem; }
		.g_skin_head .g_skin_price > span { font-size: 1.25rem; margin: .2rem 0 0 .5rem; }	
}


/* 상세페이지 바로구매, 장바구니, 찜  */
	.g_skin_head .g_skin_btns {  }
		.g_skin_head .g_skin_btns > a { border-radius: 0 !important; padding: .75rem 0 !important; display: flex; align-items: center; justify-content: center; font-weight: bold;  }
		 .g_skin_head .g_skin_btns > a i { margin-right: .3rem; }
@media (min-width: 992px) {
		.g_skin_head .g_skin_btns > a { font-size: 1.15rem; padding: 1rem 0 !important; }
		 .g_skin_head .g_skin_btns > a i { font-size: 1.5rem; margin-right: .75rem; }
}
		.g_skin_head .g_skin_btns > a.buy { background: #f17110; color: #fff; }
		.g_skin_head .g_skin_btns > a.cart { border: 1px solid #f17110; color: #f17110 }
		.g_skin_head .g_skin_btns > a.zzim { border: 1px solid #ddd; color: #555 }
			.g_skin_head .g_skin_btns > a.zzim i { color: #222 }


	/* 상세페이지 결제예정금액 */
	.g_skin_head .g_total_price > p { font-size: .9rem;  color: #222; font-weight: bold; }
	.g_skin_head .g_total_price > .price {
		display: flex; align-items: center; font-size: 1.6rem; 
		color: #f07700; font-weight: 800; letter-spacing: -.08rem;
	}
		.g_skin_head .g_total_price > .price > span { color: #222; font-weight: bold; font-size: 1rem; margin: .2rem 0 0 .25rem; }
@media (min-width: 992px) {
	.g_skin_head .g_total_price > p { font-size: 1rem;  }
	.g_skin_head .g_total_price > .price { font-size: 2rem; }
		.g_skin_head .g_total_price > .price > span { font-size: 1.15rem; margin: .2rem 0 0 .5rem; }
}


@media (min-width: 992px) {
	.g_skin_head .g_skin_price { font-size: 2rem; }
		.g_skin_head .g_skin_price > span { font-size: 1.25rem; }
}
	div.g_skin_head div.goods_info > dl		{ margin-top: .75rem; display: flex; align-items: center; font-size: .9rem }
		div.g_skin_head div.goods_info > dl > dt	{   width: 7rem; color: #6a6a6a; font-weight: normal }
		div.g_skin_head div.goods_info > dl > dd	{ margin: 0; color: #000; }


/* 상세 옵션선택창 */
	select	, .option-list-name > p{ background-color: #fff; background-clip: padding-box }

select.arrow-select, .goods_optoin_class, .option-list-name > p { 
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none; appearance: none;
	box-sizing: border-box;
	font-size: inherit; 
	border: 1px solid #dcdcdc;
    background: transparent url('../images/select.png') no-repeat right 13px top 13px;
	border-radius: 0;
}
.goods_optoin_class { min-width: 50%; padding: 0 4px; background-position: right 7px top 7px }
select.arrow-select:focus, .goods_optoin_class:focus { border-color: #000; outline: none; box-shadow: none; } 

select.arrow-select::-ms-expand, .goods_optoin_class::-ms-expand { display: none; }
	
	/* 상세페이지 옵션선택  */
div.option-list-name { position: relative; }
	/* 옵션을 선택해주세요. */
	.option-list-name > p			{ border-color: #bbb; margin-bottom: 0; color: #777 }
	.option-list-name:hover > p, div.option-list-name.active > p	{ border-color: #000; }
	 /* 옵션명들. */
	.option-list-name > ul			{
		position: absolute; z-index: 999; top: 34px; left: 0;
		width: 100%; max-height: 250px; overflow-y: auto;
		background: #fff; border: 1px solid #000; margin-bottom: 0;
		display: none;
	}
	div.option-list-name.active > ul	{ display: block; }
/*.option-list-name:hover > ul, */
@media (min-width: 992px) {
	.option-list-name > ul			{ max-height: 290px; }
}
	 	.option-list-name > ul > li	{ padding: .3rem .75rem; border-bottom: 1px solid #f5f5f5; cursor: pointer; }
@media (min-width: 992px) {
		.option-list-name > ul > li	{ padding: .5rem .75rem; }
}
	 	.option-list-name > ul > li:hover	{ background: #f5f5f5; color: #000 }
	
	/* 옵션선택 정보 */ 
	.detail-option-list ul li { padding: .75rem; margin-bottom: .25rem; background: #f5f5f5; border: 1px solid #ddd; }
@media (min-width: 992px) {
	.detail-option-list ul li { padding: 1rem; margin-bottom: .5rem; }
}
		.detail-option-list .btn-optdel {  padding: 0; width: 26px; height: 26px; text-align: center; }
		.detail-option-list .btn-optdel i { line-height: 1.2 }

	/* 상품상세설명, 상품평, 상품문의 탭 */
	ul#goodsdetailTab			{ border-bottom: 2px solid #222 }
@media (max-width: 991.98px) {
		#goodsdetailTab .nav-item				{ flex: 1 1 auto !important; }
}
		#goodsdetailTab .nav-link				{
			padding: .6rem 0;
			font-size: .95rem; text-align: center; background: #fff; color: #888;
			border: 1px solid #ddd; border-bottom-color: #222; border-radius: 0;
		}
@media (min-width: 992px) {
		#goodsdetailTab .nav-link				{ padding: .75rem 3.22rem; }
}
		#goodsdetailTab > li:not(:first-child) .nav-link	{ border-left-color: transparent; } 

		#goodsdetailTab .nav-link:hover,
		#goodsdetailTab .nav-link:focus			{   }

		#goodsdetailTab .nav-link.active,
		#goodsdetailTab .nav-item.show.nav-link	{  font-weight: bold; color: #fff; background-color: #222; border-color: #222; border-left-color: #222; }

	#goodsdetailTabContent #explain img	{ max-width: 100% }
	
	/* 배송/교환/반품안내 */
@media (max-width: 991.98px) {
	h5.g_order_title { font-size: .95rem; }
		.g_order_title > i { font-size: 1.25rem; }
}


/* 좌, 우 컬럼 레이아웃 / 마이페이지, 고객센터에 사용 */
	div.columns	{ margin-top: .5rem; padding: 0 .5rem }
		div.column_lg_left		{ margin-bottom: 1rem }

			div.columns div.info	{ padding: .75rem; border: 1px solid #aaa; background: #fafafa }
				div.columns div.info > p			{ margin-bottom: .25rem; color: #666; }
				div.columns div.info > p:last-child	{ margin-bottom: 0 }

				div.columns div.info > p.cs_tel		{ font-weight: bold; font-size: 1.25rem; color: #222  }
		
			div.columns div.lnb		{ padding: .5rem; border: 1px solid #aaa; border-top: none }
				div.columns div.lnb a				{ display: block; padding: .25rem; border-bottom: 1px solid #dee2e6 }
				div.columns div.lnb a:hover			{ background: #f8f9fa }
		
		div.column_lg_right		{ margin-top: .5rem }

@media (min-width: 768px) {
	div.columns	{ padding: 0 }
}	
	
			div.columns h2			{ background: #f07700 !important; }
				div.columns h2 .text-dark			{ color: #fff !important }
@media (min-width: 992px) {
	div.columns	{ display: flex; }
		div.column_lg_left		{ width: 200px }
		div.column_lg_right		{ width: 760px; padding-left: 2rem; }

			div.columns h2			{ height: 6rem !important; line-height: 6rem !important; font-size: 1.5rem; text-align: center !important; padding-left: 0 !important; }
				div.columns h2 .text-dark			{ color: #fff !important }
				div.columns h2 a { display: block; }

			div.columns div.lnb		{ padding: 0 }
				div.columns div.lnb a				{ padding: .5rem .75rem; font-weight: bold; }
				div.columns div.lnb a:last-child	{ border-bottom: none }
}
@media (min-width: 1200px) {
		div.column_lg_right		{ width: 940px }
}


/* 팝업 */
div#popup	{}
	#popup div.head	 { background: #333; padding: 1rem 1.5rem .5rem; border-bottom: 1px solid #000 }
		#popup .head h6	 { color: #fff; margin-bottom: 0  }

	#popup div.cont	 { padding: 1rem 1.5rem }
		#popup div.cont > p:nth-child(1)	 { margin-bottom: 0.5rem }
		#popup div.cont .box	 { border: 2px solid #555; padding: 1rem; margin-bottom: 1rem }

		#popup div.cont div.btns { padding: 0 0 1rem }


/* 오늘 본 상품 */
	div#SideRight	{ display: none; }
@media (min-width: 992px) {
	div#SideRight	{ display: block; position: absolute; z-index: 200; left: 50%; top: 215px; margin-left: 490px; width: 80px; font-size: .85rem; }
		#SideRight a.prev,
		#SideRight a.next	{ font-size: 1.5rem }
}
@media (min-width: 1200px) {
	div#SideRight	{ margin-left: 610px; }
}
#SideRight.fixed { position: fixed; top: 10px!important; }

/* mall_bottom.html; top 버튼; 모바일에서만 보여짐 */
a.go_top  {
	display: block; position: fixed; z-index: 1000; right: 1rem; bottom: 1rem;
	width: 3rem; height: 3rem; background: rgba(255,255,255,.8); border: 1px solid #aaa; border-radius: 50%; text-align: center; font-size: .8rem;
} 
	a.go_top > i	{  font-size: 1rem; padding-top: .25rem; } 
	a.go_top > span	{ display: block; margin-top: -0.3rem }

@media (min-width: 992px) {	
	.quick-top {
		display: block; margin-top: .5rem; padding: .25rem 0; background: #333; font-size: .8rem; color: #fff;
	}
	.quick-top:hover { color: #fff; 	}
} 

/* 나의 쿠폰 목록 사용; basic skin 공통적용 */
p.coupon_ban	{
	margin: 0 auto; width: 131px; height: 50px; line-height: 50px; background: url("https://www.supply.co.kr/shop/skin/bootstrap_v431_v2/images/my_collect.png") no-repeat 0 -700px;
	text-align: center; font-size: 1.5rem; font-family: verdana; font-weight: bold; letter-spacing: -0.1rem;
}

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

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

.over_view		{ position: absolute; z-index: 1; background: #fff; border: 2px solid #468; padding: .25rem; text-align: left; display: none; }
	.over_view p				{ padding: 0 .5rem; border-bottom: 1px solid #dee2e6 }
	.over_view p:last-child		{ border-bottom: 0 }


/* 포인트 공통사용; basic skin 공통적용 */
.point-info	{ position: fixed; z-index: 10; background: #fff; border: 2px solid #333; padding: 5px 10px; text-align: right; display: none }
.point-info ul	{ padding: 3px 0px; margin-bottom: 0 }
	ul.ul-inline:after	{ display: table; content: " "; clear: both; }
		ul.ul-inline li			{ float: left; }
		ul.ul-inline li.right	{ float: right; }


/* 게시판 스킨(faq_bootstrap_v431, basic_bootstrap_v431) */
div.board_header .active	{ background: #333; }
	div.board_header .active a	{ color: #fff; }

tr.tr_notice td { background: #fdfdfd; }
tr.tr_active td { background: #eeffea; }
.board_category_name	{ margin-right: .25rem; color: #f60; }
.board_comment_counter	{ margin-left: .25rem; color: #e00; }
.board_icon				{ margin-left: .25rem; }
.board_image			{ max-width: 100%; }

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

.border_category_none .board_category_name { 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; }


/* 게시판 ./shop/board_skin/basic/password.html */
#pageLoadingWrap
, .pagelayerWrap { display: none; }
#pageLoadingWrap:before
, .pagelayerWrap .bg {
	position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 9999999998;
	background: #000; 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; top: 50%; left: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; z-index: 9999999999;
	background: #fff url('../../../../images/loading.gif') no-repeat;
	content: '';
}



/* 장바구니, 주문상세페이지 견적서 양식 출력 */
div.print_estimate	{ padding: 20px }
	.print_estimate p					{ margin: 0 }
	.print_estimate h3					{ padding: 1rem 0 1rem 4rem; text-align: center; letter-spacing: 4rem }
	.print_estimate span.business_no	{ font-weight: bold; font-size: 1rem; }

	.print_estimate div > div			{ width: 49% }
		.print_estimate div > div > p				{ padding: 6px 10px; font-size: 1rem; font-weight: bold; border: 1px solid #555; border-bottom: none }

table.column_tbl_print		{ width: 100%; border-top: 1px solid #555; border-left: 1px solid #555; }
	.column_tbl_print tr		{ height: 2.5rem }
		.column_tbl_print th		{ width: 15%; background: #f5f5f5; }
		.column_tbl_print td		{ width: 35%; }
		.column_tbl_print th,
		.column_tbl_print td		{ padding: 0 .5rem; border-bottom: 1px solid #555; border-right: 1px solid #555; text-align: center; line-height: 1.2  }
	.column_tbl_print input			{ width: 100%; border: 0; text-align: center; background: #f5f5f5 }

table.column_tbl_print2		{ width: 100%; border-top: 1px solid #555; border-left: 1px solid #555; }
	.column_tbl_print2 tr		{ height: 2.5rem }
		.column_tbl_print2 th		{ background: #f5f5f5; }
		.column_tbl_print2 td		{ }
		.column_tbl_print2 th,
		.column_tbl_print2 td		{ padding: 0 .5rem; border-bottom: 1px solid #555; border-right: 1px solid #555; text-align: center; line-height: 1.2  }
	.column_tbl_print2 input			{ width: 100%; border: 0; text-align: center; background: #f5f5f5 }
	.column_tbl_print2 th input			{ background: #fff }

table.rows_tbl_print		{ width: 100%; border-top: 1px solid #555; border-left: 1px solid #555; }
	.rows_tbl_print th			{ background: #f5f5f5; }
	.rows_tbl_print th,
	.rows_tbl_print td			{ padding: .5rem 0; text-align: center; 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 }


/* login.html; 로그인 & 비회원 주문조회 페이지; */
	div#loginOrderInquiry		{ margin: 0 auto; max-width: 860px; }
	
		div#loginOrderInquiry input[type="text"],
		div#loginOrderInquiry input[type="password"]	{ display: inline-block; width: 100%; height: 38px; font-size: 1rem; }

		div#loginOrderInquiry ul.nav-tabs		{ border-bottom: none; }
			div#loginOrderInquiry .nav-tabs > li	{ width: 50%; margin-bottom: 0 }
				div#loginOrderInquiry .nav-tabs li > a			{ padding: 1.25rem 0 1rem; background: #aaa; border-radius: 0; border: none; text-align: center; color: #fff; }
				div#loginOrderInquiry .nav-tabs li > a.active	{ background: #000; }

					div#loginOrderInquiry .nav-tabs li > a > i		{ font-size: 2rem; }
					div#loginOrderInquiry .nav-tabs li > a > span	{ display: block; margin-top: .5rem; font-size: 1rem; }

		div#loginOrderInquiry div.tab-content	{ border: 1px solid #ddd; border-top: none; }


/* member_loss.html; 아이디/비밀번호 찾기 페이지; */
	div#searchIdPw		{ margin: 0 auto; max-width: 860px; }
	
		div#searchIdPw input[type="text"],
		div#searchIdPw input[type="password"]	{ display: inline-block; width: 100%; height: 38px; font-size: 1rem; }

		div#searchIdPw ul.nav-tabs		{ border-bottom: none; }
			div#searchIdPw .nav-tabs > li	{ width: 50%; margin-bottom: 0 }
				div#searchIdPw .nav-tabs li > a			{ padding: 1.25rem 0 1rem; background: #aaa; border-radius: 0; border: none; text-align: center; color: #fff; }
				div#searchIdPw .nav-tabs li > a.active	{ background: #000; }

					div#searchIdPw .nav-tabs li > a > i		{ font-size: 2rem; }
					div#searchIdPw .nav-tabs li > a > span	{ display: block; margin-top: .5rem; font-size: 1rem; }

		div#searchIdPw div.tab-content	{ border: 1px solid #ddd; border-top: none; }
			div#searchIdPw div.tab-content i	{ font-size: 4rem; color: #aaa; }


/* member_delete.html; 아이디/비밀번호 찾기 페이지; */
	div.member_withdraw	{ border: 1px solid #ddd }
		div.member_withdraw input[type="text"],
		div.member_withdraw input[type="password"]	{ display: inline-block; width: 100%; height: 38px; font-size: 1rem; }

		div.member_withdraw div.id	{ padding-left: .35rem; line-height: 38px; border: 1px solid #a9a9a9; background: #f5f5f5; font-size: 1rem; font-weight: bold; }

		div.member_withdraw i.fa-exclamation-triangle		{ font-size: 5rem; color: #aaa }


/* footer */

footer { background: #ebebeb; }
@media (min-width: 992px) {
footer { background: #3b3b3b; color: #fff; }
footer a { color: #fff; }
}

/* 하단 lnb 메뉴 */
	.footer_lnb_menu	{ border-bottom: 1px solid #dee2e6; } 
@media (max-width: 991.98px) {
	.footer_lnb_menu > .container { width: 100%; text-align: center; }
}
	.footer_lnb_menu > .container > a				{ color: #222; }
	.footer_lnb_menu > .container > a.privacy	{ color: #f07700; }
		.footer_lnb_menu > .container > a:before	{ content: "|"; color: #aaa; padding: 0 .75rem; }
		.footer_lnb_menu > .container > a:first-child:before	{ content: ""; padding: 0; }
@media (min-width: 992px) {
	.footer_lnb_menu > .container > a { color: #f5f5f5; }
	.footer_lnb_menu > .container > a.privacy { color: #fcb95d; }
}

.customer { font-size: .75rem; }

/* 하단 카피라이트 */
.customer > div:nth-child(2) { border-bottom: 1px solid #dee2e6; border-right: none; }
@media (min-width: 768px) {
	.customer > div:nth-child(2) { border-top: none; border-bottom: none;  }
}
@media (min-width: 992px) { 
}


@media (min-width: 768px) { 
	.customer > div:nth-child(3) { border-top: 1px solid #dee2e6; }
}
@media (min-width: 992px) {
	.customer > div:nth-child(3) { border-top: none; }
}

.customer .email >i { font-size: 13px; }
.customer .tel { font-size: 22px; font-weight: bold; }
.customer .notice > div { line-height: 22px; overflow-y: hidden; }



/* company */
/* 가맹점 찾기; company_map.html */
div.map_box		{ }
@media (min-width: 992px) {
div.map_box		{ background: #f0f0f0; }
}
	/* 지도 */
	div.map_box > div:first-child		{ background: #f0f0f0; }
		.map_box .map p	{ text-align: center }

	/* 검색 */
	div.map_box > div:nth-child(2)	{ border: 1px solid #ddd; border-top: 2px solid #333; }
		.map_box > div:nth-child(2) > div	{ background: #f9f9f9; border: 1px solid #ddd; padding: .5rem .25rem 0; }
	
@media (min-width: 992px) {
	div.map_box > div:nth-child(2)	{ border: none; border-radius: .75rem; }
		.map_box > div:nth-child(2) > div	{ background: #f9f9f9; border: 1px solid #ddd; padding: 1rem .5rem .25rem; }
 }
 	.map_box > div:nth-child(2) > div button	{ font-size: .8rem; }
 	.map_box > div:nth-child(2) .explain	{ font-size: .85rem; color: #888; font-size: .8rem }
	

	/* table style */
	.table.line thead th { border-top: 2px solid #333; border-bottom: 2px solid #333; } 
	.table.line tbody th, .table.line tbody td { border-bottom: 1px solid #ddd; }
 
	.table.line th, .table.line td { min-width: 7rem; max-width: 10rem; font-size: .8rem; text-align: center; padding: .4rem .3rem; }	
@media (min-width: 992px) {
	.table.line th, .table.line td { padding: .75rem .5rem; }
}
	/* faxorder_download.html;  팩스주문서 다운로드*/
	.faxorder_download .table.line th:first-child, .faxorder_download .table.line td:first-child { min-width: 5rem; }
	.faxorder_download .table.line th:nth-child(2), .faxorder_download .table.line td:nth-child(2) { min-width: 10rem; }
	.faxorder_download .table.line th:nth-child(4), .faxorder_download .table.line td:nth-child(4) { min-width: 15rem; }

	/* company_map.php; 가맹점 소개 페이지 사이즈 */
	.company_map .table.line th, .company_map .table.line td { min-width: 7rem; }
	.company_map .table.line th:first-child, .company_map .table.line td:first-child { min-width: 8.75rem; }
	.company_map .table.line th:nth-child(3), .company_map .table.line td:nth-child(3) { min-width: 15rem; }


/* 이벤트 */
.event_grid2 li > a { display: block; background-color: #f8f9fa; border: 1px solid #dee2e6; margin: .25rem; text-align: center; padding: .5rem 0; }
.event_grid2 li.active > a { border-color: #f99d1c; color: #f99d1c; }

/* mro_main.html */
div.mro_link_box {
	padding: 2.5rem 1rem;
    background: url('../images/buildings-768773_1920.jpg') no-repeat center bottom; background-size: cover;
}
@media (min-width: 768px) {
div.mro_link_box { padding: 4rem 0; }
}
@media (min-width: 992px) {
div.mro_link_box { padding: 5rem 0; }
/* div.mro_link_box { padding: 7rem 0; } */
}

	/* div */ 
	.mro_link_box > div				{ position: relative; z-index: 100; }
	.mro_link_box > div:first-child	{ position: absolute; z-index: 0; top: 0; bottom: 0; left: 0; width: 100%; background-color: rgba(0,0,0,.7) }
	
	/* title */
	.mro_link_box .container h4 { font-size: 1.25rem; font-weight: normal; }
@media (min-width: 992px) {
	.mro_link_box .container h4 { font-size: 1.75rem; } 
}
	

	/* 회사리스트 */
	/* col 박스 */
	.mro_link_box .container .row > div { margin-bottom: -1px; }
@media (min-width: 768px) {
	.mro_link_box .container .row > div { padding: .25rem; margin-bottom: 0; } 
}
	/* 회사리스트 컨텐츠 */
	.mro_link_box .container .card			{  border-radius: 0; background: none; border-color: rgba(255,255,255,.5) }
	.mro_link_box .container .card-body { padding: 1.25rem 1rem; position: relative; }
@media (min-width: 768px) {
	.mro_link_box .container .card			{  height: 100%; }
	.mro_link_box .container .card-body { padding: 1.5rem 0 3.25rem; text-align: center; }
}

	.mro_link_box .container .card-text a { color: #fff; }

	/* 아이콘 */
	.mro_link_box .card-body .circle { width: 30px; height: 30px; border-radius: 50%; background: #fff;  color: #f08200; font-size: 1rem; overflow: hidden; }
@media (min-width: 768px) {
	.mro_link_box .card-body .circle { width: 40px; height: 40px; font-size: 1.25rem; }
}
@media (min-width: 992px) {
	.mro_link_box .card-body .circle { width: 60px; height: 60px; font-size: 1.75rem; }
}
	/* 회사리스트 제목, 내용 */
		.mro_link_box .container .card h5 { font-size: 1rem; font-weight: 600 !important }
		.mro_link_box .container .card-title,
		.mro_link_box .container .card-text	{ color: #fff; }
			.small_icon { font-size: .9rem !important; } 
@media (min-width: 992px) {
		.mro_link_box .container .card h5 { font-size: 1.1rem; }
		.mro_link_box .container .card-title { min-height: 42px; }
			.small_icon { font-size: .9rem !important; } 
}
	/* 바로가기 버튼 */
		.mro_link_box .container .card-body .btn	{ border-radius: 2rem !important;  background: transparent; border-color: #f39d38; color: #f39d38; font-size: .78rem !important; padding: .2rem .75rem; }
		.mro_link_box .container .card-body .btn:hover { border-color: #f08200; background: #f08200; color: #fff; }

@media (min-width: 768px) {	
		.mro_link_box .container .card-body .btn	{ position: absolute; left: 50%; bottom: 1.15rem; transform: translate(-50%,0); padding: .25rem .75rem; font-size: .82rem !important }
}
		
		.mro_link_box .container .card-body .btn:focus,
		.mro_link_box .container .card-body .btn.focus {
		  box-shadow: none;
		}

		.mro_link_box .container .card-body .btn.disabled,
		.mro_link_box .container .card-body .btn:disabled {
		  color: #f39d38;
		  background-color: transparent;
		}

		.mro_link_box .container .card-body .btn:not(:disabled):not(.disabled):active,
		.mro_link_box .container .card-body .btn:not(:disabled):not(.disabled).active {
		  color: #fff;
		  background-color: #f08200;
		  border-color: #f08200;
		}
		.mro_link_box .container .card-body .btn:not(:disabled):not(.disabled):active:focus,
		.mro_link_box .container .card-body .btn:not(:disabled):not(.disabled).active:focus {
		  box-shadow: none
		}

	/* hover */
	.mro_link_box .container .card:hover			{  border-radius: 0; background: #fff; border-color: transparent; color: #333; }
	.mro_link_box .container .card:hover .card-body .circle { background: #f08200;  color: #fff; }
 
		.mro_link_box .container .card:hover .card-title,
		.mro_link_box .container .card:hover .card-text,
		.mro_link_box .container .card:hover .card-text a{ color: #333; } 
		.mro_link_box .container .card:hover .container .card-body .btn	{ border-color: #f08200; color: #f08200; }

/* mro_main.html; 공지사항; notice */
.mro_link_notice { padding: 0 1rem; margin-bottom: 1rem; }
	.mro_link_notice > div { padding: .25rem; }
	.mro_link_notice > div >  div:first-child p { font-size: 1rem; color: #999 }
	.mro_link_notice > div > div:first-child .material-icons { font-size: 2rem; color: #aaa }
@media (min-width: 768px) { 
.mro_link_notice { padding: 0; }
	.mro_link_notice > div >  div:first-child p { font-size: 1rem; }
	.mro_link_notice > div > div:first-child .material-icons { font-size: 3rem; }
}
@media (min-width: 992px) {  
	.mro_link_notice > div > div:first-child .material-icons { font-size: 4rem; }
}
/*
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

@media (max-width: 575.98px) {}
@media (max-width: 767.98px) {}
@media (max-width: 991.98px) {}
@media (max-width: 1199.98px) {}
*/

/* bootstrap.css 의 설정 값 
.container			{ width: 100%; padding: 0 15px; margin: 0 auto }

@media (min-width: 576px) { //.col-sm
	.container { max-width: 540px }
}
@media (min-width: 768px) { //.col-md
	.container { max-width: 720px }
}
@media (min-width: 992px) { //.col-lg
	.container { max-width: 960px }
}
@media (min-width: 1200px) {//.col-xl
	.container { max-width: 1140px }
}

.container-fluid	{ width: 100%; padding: 0 15px; margin: 0 auto }

.row				{ display: flex; flex-wrap: wrap; margin: 0 -15px }

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto		{ position: relative; width: 100%; padding-right: 15px; padding-left: 15px }

.col				{ -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100% }
.col-auto			{ -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: 100% }
*/