/**
* =============================================================================
* @	file     : common-web.css
* -----------------------------------------------------------------------------
* 
* @ project  : 
* @ category : 
* @ author   : JANG SANG SEOK
* @ since    : 2021-01-10
* @ desc     : WEB
* 
* =============================================================================
*/

@charset "UTF-8";
	
	/**************************************************************************
	* 01. FONT
	---------------------------------------------------------------------------
	* 02. TEXT
	---------------------------------------------------------------------------	
	* 03. FORMS
	---------------------------------------------------------------------------
	* 04. STEPS
	---------------------------------------------------------------------------
	* 05. TOP
	---------------------------------------------------------------------------
	* 05-1. FOOTER
	---------------------------------------------------------------------------
	* 06. TITLE, header text
	---------------------------------------------------------------------------
	* 07. CARD - shadow effect..	
	---------------------------------------------------------------------------
	* 08. IMAGE - 이미지
	---------------------------------------------------------------------------
	* 09. 상품정보
	---------------------------------------------------------------------------
	* 10. A (Hyperlink)
	---------------------------------------------------------------------------
	* 11. MENU
	---------------------------------------------------------------------------
	* 12. SEARCH - 결과화면 
	---------------------------------------------------------------------------
	* 13. 갤러리
	---------------------------------------------------------------------------
	* 14. 개인결제
	---------------------------------------------------------------------------	
	* 15. 방문견적 의뢰, 설치 의뢰
	---------------------------------------------------------------------------	
	* 16. 제품 설치 방법
	---------------------------------------------------------------------------	
	* 98. COMMON
	---------------------------------------------------------------------------
	* 99. MEDIA QUERY
	**************************************************************************/

	/*-----------------------------------------------**/
	/* @ 변수 설정      			 		 	 			 **/
	/*-----------------------------------------------**/
	:root {
		/* 컬러 **/
		--color-gray-100: #f8f9fa;
		--color-gray-200: #e9ecef;
		--color-gray-300: #dee2e6;
		--color-gray-400: #ced4da;
		--color-gray-500: #adb5bd;
		--color-gray-600: #6c757d;
		--color-gray-700: #495057;
		--color-gray-800: #343a40;
		--color-gray-900: #212529;
		--color-blue: #0d6efd;
		--color-indigo: #6610f2;
		--color-purple: #6f42c1;
		--color-pink: #d63384;
		--color-red: #dc3545;
		--color-orange: #fd7e14;
		--color-yellow: #ffc107;
		--color-green: #198754;
		--color-teal: #20c997;
		--color-cyan: #0dcaf0;
		--color-white: #fff;
		--color-gray: #6c757d;
		
		/* Default font color **/
		--color-font-default: #000;
		
		/* Default font size **/
		--font-size-default: 13px;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 01. FONT
	| -------------------------------------------------------------------------
	*/
	/*-----------------------------------------------**/
	/* @ NotoSans (노토산스)      			 		 	 **/
	/*-----------------------------------------------**/
	.NOTOSANS{
		font-family: 'NotoSansKR-Regular', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NOTOSANS-THIN{
		font-family: 'NotoSansKR-Thin', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NOTOSANS-LIGHT{
		font-family: 'NotoSansKR-Light', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NOTOSANS-REGULAR{
		font-family: 'NotoSansKR-Regular', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NOTOSANS-MEDIUM{
		font-family: 'NotoSansKR-Medium', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NOTOSANS-BOLD{
		font-family: 'NotoSansKR-Bold', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NOTOSANS-EXTRABOLD{
		font-family: 'NotoSansKR-Black', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
		
	/*-----------------------------------------------**/
	/* @ NanumGothic (나눔고딕)   			 		 	 **/
	/*-----------------------------------------------**/
	.NANUMGOTHIC {
		font-family: 'NanumGothic';
		font-size: 13px; color: #000;		
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NANUMGOTHIC-LIGHT {
		font-family: 'NanumGothicLight';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NANUMGOTHIC-BOLD {
		font-family: 'NanumGothicBold';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.NANUMGOTHIC-EXTRABOLD {
		font-family: 'NanumGothicExtraBold';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}	
	
	/*-----------------------------------------------**/
	/* @ GmarketSans (지마켓산스)   			 		 **/
	/*-----------------------------------------------**/
	.GMARKETSANS {
		font-family: 'GmarketSans';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.GMARKETSANS-MEDIUM {
		font-family: 'GmarketSansMedium';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
	.GMARKETSANS-BOLD {
		font-family: 'GmarketSansBold';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}

	/*-----------------------------------------------**/
	/* @ S-CORE-DREAM   			 		 		 **/
	/*-----------------------------------------------**/
	.SCOREDREAM-1 { font-family:'s-core-dream-1'; }
	.SCOREDREAM-2 { font-family:'s-core-dream-2'; }
	.SCOREDREAM-3 { font-family:'s-core-dream-3'; }
	.SCOREDREAM-4 { font-family:'s-core-dream-4'; }
	.SCOREDREAM-5 { font-family:'s-core-dream-5'; }
	.SCOREDREAM-6 { font-family:'s-core-dream-6'; }
	.SCOREDREAM-7 { font-family:'s-core-dream-7'; }
	.SCOREDREAM-8 { font-family:'s-core-dream-8'; }
	.SCOREDREAM-9 { font-family:'s-core-dream-9'; }

	/*-----------------------------------------------**/
	/* @ NexonMaplestory (넥슨 메이폴스토리체)   			 **/
	/*-----------------------------------------------**/
	.nexonMaplestoryLight { font-family: 'nexonMaplestoryLight'; }
	.nexonMaplestoryBold  { font-family: 'nexonMaplestoryBold';  }

	/*-----------------------------------------------**/
	/* @ tmon (티몬체)   			 		 		 	 **/
	/*-----------------------------------------------**/
	.tium { font-family: 'tium'; }
	.tmon { font-family: 'tmon'; }

	/*-----------------------------------------------**/
	/* @ BMJua (배민 주아체)   			 		 		 **/
	/*-----------------------------------------------**/
	.bmjua { font-family: 'bmjua'; }
	
	/*-----------------------------------------------**/
	/* @ swagger (스웨거체)   			 		 		 **/
	/*-----------------------------------------------**/
	.swagger { font-family: 'swagger'; }

	/*-----------------------------------------------**/
	/* @ jalnan (잘난체)   			 		 		 **/
	/*-----------------------------------------------**/
	.jalnan { font-family: 'jalnan'; }

	/*-----------------------------------------------**/
	/* @ CAFE24   			 		 		 		 **/
	/*-----------------------------------------------**/
	.cafe24-classictype  { font-family: 'cafe24-classictype'; }
	.cafe24-ohsquare 	 { font-family: 'cafe24-ohsquare'; 	  }
	.cafe24-shiningstar  { font-family: 'cafe24-shiningstar'; }
	.cafe24-ssurround 	 { font-family: 'cafe24-ssurround';   }
	.cafe24-ssurroundAir { font-family: 'cafe24-ssurroundAir';}
	
	/*-----------------------------------------------**/
	/* @ Dotum (돋움)   			 		 			 **/
	/*-----------------------------------------------**/
	.DOTUM {
		font-family: '돋움', Dotum;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );
	}
		
	/*-----------------------------------------------**/
	/* @ 디폴트 웹 폰트   			 		 			 	 **/
	/*-----------------------------------------------**/
	.DEFAULT-FONT {
		font-family: 'NanumGothic';
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );

		/*font-family: 'NotoSansKR-Regular', sans-serif;
		font-size: 13px; color: #000;
		font-size: var( --font-size-default );
		color: var( --color-font-default );	**/
	}

	/*-----------------------------------------------**/
	/* @ 폰트 사이즈   			 		 			 	 **/
	/*-----------------------------------------------**/
	.font-size-8px  { font-size: 8px;  }
	.font-size-9px  { font-size: 9px;  }
	.font-size-10px { font-size: 10px; }
	.font-size-11px { font-size: 11px; }
	.font-size-12px { font-size: 12px; }
	.font-size-13px { font-size: 13px; }
	.font-size-14px { font-size: 14px; }
	.font-size-15px { font-size: 15px; }
	.font-size-16px { font-size: 16px; }
	.font-size-17px { font-size: 17px; }
	.font-size-18px { font-size: 18px; }
	.font-size-19px { font-size: 19px; }
	.font-size-20px { font-size: 20px; }
	.font-size-21px { font-size: 21px; }
	.font-size-22px { font-size: 22px; }
	.font-size-23px { font-size: 23px; }
	.font-size-24px { font-size: 24px; }
	.font-size-25px { font-size: 25px; }
	.font-size-26px { font-size: 26px; }
	.font-size-27px { font-size: 27px; }
	.font-size-28px { font-size: 28px; }
	.font-size-29px { font-size: 29px; }
	.font-size-30px { font-size: 30px; }
	.font-size-31px { font-size: 31px; }
	.font-size-32px { font-size: 32px; }
	.font-size-33px { font-size: 33px; }
	.font-size-34px { font-size: 34px; }
	.font-size-35px { font-size: 35px; }
	.font-size-36px { font-size: 36px; }
	.font-size-37px { font-size: 37px; }
	.font-size-38px { font-size: 38px; }
	.font-size-39px { font-size: 39px; }
	.font-size-40px { font-size: 40px; }

	/**
	| -------------------------------------------------------------------------
	| @ 02. TEXT
	| -------------------------------------------------------------------------
	*/
	/* Description - 설명 폰트 **/
	.text-description {
		color: gray;
		font-family: 돋움', Dotum;
	}
	
	/* 도형 안에 문자 (사각, 원형) **/
	.circle_char {
		min-width: 25px;
		border-radius: 3px;
		text-align: center;
		padding: 0px 6px;
		background: #fff;
		border: 1px solid #BDBDBD;
		font-wegith: bold;
	}
	
	/* 도형 안에 숫자, 순번 (사각) **/
	.square_char {
		display: inline-block;
		min-width: 25px;
		text-align: center;
		margin: 0;
		padding: 3px 3px;
		background: #aaaaaa;
		border: 0px solid #aaaaaa;
		color: #fff;
		font-wegith: bold;	
		font-family: 돋움', Dotum;
	}

	/* 사각형 **/
	.squareBox {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		background: #aaaaaa;
		border: 0px solid #aaaaaa;
		color: #fff;
		font-wegith: bold;	
		font-family: 돋움', Dotum;
	}
	
	/* '|' 세로 경계선 텍스트 **/
	div.vLineMenu{
		width:100%; display:inline-block;
	}
	div.vLineMenu ul{
		margin:0; padding:0;						
	}
	div.vLineMenu ul li{
		line-height: 15px; /* 20px 폰트 크기에 따라 조절 **/
		list-style: none;
		float: left;
		padding:0 10px 0 10px;
	}
	div.vLineMenu ul li a { color: #000; }
	div.vLineMenu ul li a:hover { text-decoration: underline; }
	div.vLineMenu ul li:not(:last-child) {
	    border-right: 1px solid #E4E4E4;
	}
	
	/* 콘텐츠 하단 도움말 box **/
	.wrapper-help-info {
		width: 100%;
		min-height: 80px;
		padding: 35px 20px 20px 30px;
		background-color: #EEEEEE;
	}
	.wrapper-help-info .help-ico{
		width: 55px;
		vertical-align: top;
		border: 0px solid red;
	}
	.wrapper-help-info .help-content{
		width: *;
		vertical-align: top;
		border: 0px solid red;
	}
	.wrapper-help-info .help-content ul li.title {
		padding-bottom: 10px; 
		list-style: none; 
		margin-left:-20px;
		padding-top: 15px;
		font-size: 18px;
		font-weight: bold;					
	}
	.wrapper-help-info .help-content ul li {
		line-height: 20px;
		letter-spacing: 0.6px;
	}
	
	/* 상세정보 word **/
	.data-contents {
		line-height: 160%;
	}
						
	/**
	| -------------------------------------------------------------------------
	| @ 03. FORMS
	| -------------------------------------------------------------------------
	*/
	
	/* RADIO BUTTON (라디오박스 버튼, 토글 스위치 버튼) **/
	.radiobtn {
		min-width: 230px;
		position: relative;
		display: block;
	}
	.radiobtn label {
	    display: block;
	    background: #fff /*#fee8c3**/;
	    color: #444;
	    border-radius: 5px;
	    padding: 10px 20px;
	    border: 1px solid #fdd591;
	    margin-bottom: 5px;
		cursor: pointer;
	}
	.radiobtn label:after, .radiobtn label:before {
		content: "";
		position: absolute;
		right: 11px;
		top: 11px;
		width: 20px;
		height: 20px;
		border-radius: 3px;
		background: #fff3df /*#fdcb77**/; 
	}
	.radiobtn label:before {
		background: transparent;
		transition: 0.1s width cubic-bezier(0.075, 0.82, 0.165, 1) 0s, 0.3s height cubic-bezier(0.075, 0.82, 0.165, 2) 0.1s;
		z-index: 2;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: 13px;
		background-position: center;
		width: 0;
		height: 0;
		background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNS4zIDEzLjIiPiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE0LjcuOGwtLjQtLjRhMS43IDEuNyAwIDAgMC0yLjMuMUw1LjIgOC4yIDMgNi40YTEuNyAxLjcgMCAwIDAtMi4zLjFMLjQgN2ExLjcgMS43IDAgMCAwIC4xIDIuM2wzLjggMy41YTEuNyAxLjcgMCAwIDAgMi40LS4xTDE1IDMuMWExLjcgMS43IDAgMCAwLS4yLTIuM3oiIGRhdGEtbmFtZT0iUGZhZCA0Ii8+PC9zdmc+); 
	}
	.radiobtn input[type="radio"] {
		display: none;
		position: absolute;
	    width: 100%;
	    appearance: none;
	}
	.radiobtn input[type="radio"]:checked + label {
		background: #fff3df /*#fdcb77**/;
		animation-name: blink;
		animation-duration: 1s;
		border-color: #fcae2c;
	}
	.radiobtn input[type="radio"]:checked + label:after {
		background: #fcae2c;
	}
	.radiobtn input[type="radio"]:checked + label:before {
		width: 20px;
		height: 20px;
	}
	@keyframes blink {
		0% {
	    	background-color: #fdcb77; }
		10% {
	    	background-color: #fdcb77; }
		11% {
	    	background-color: #fdd591; }
		29% {
	    	background-color: #fdd591; }
		30% {
	    	background-color: #fdcb77; }
		50% {
	    	background-color: #fdd591; }
		45% {
	    	background-color: #fdcb77; }
		50% {
	    	background-color: #fdd591; }
		100% {
	    	background-color: #fdcb77; } 
	}

	/* CHECKBOX - 이미지 사각형 체크박스 **/
	input[type=checkbox].ico-chk-square-black { display:none; }
	input[type=checkbox].ico-chk-square-black + label {
		display: inline-block;
		cursor: pointer;
		line-height: 45px;
		padding-left: 48px;
		background: url('/_web/assets/img/icon/form/ico-checkbox-no-gray.png') left/40px no-repeat;
	}
	input[type=checkbox].ico-chk-square-black:checked + label { background-image: url('/_web/assets/img/icon/form/ico-checkbox-yes-gray.png'); }
	
	/* CHECKBOX - 약관동의 이미지 원형 체크박스 [블루] **/
	input[type=checkbox].ico-chk { display:none; }
	input[type=checkbox].ico-chk + label {
		display: inline-block;
		cursor: pointer;
		line-height: 45px;
		padding-left: 48px;
		background: url('/_web/assets/img/icon/common/icon-check-mark-black-nochk.png') left/40px no-repeat;
	}
	input[type=checkbox].ico-chk:checked + label { background-image: url('/_web/assets/img/icon/common/icon-check-mark-blue.png'); }

	/* CHECKBOX - 약관동의 이미지 원형 체크박스 [레드] **/
	input[type=checkbox].ico-chk-red { display:none; }
	input[type=checkbox].ico-chk-red + label {
		display: inline-block;
		cursor: pointer;
		line-height: 45px;
		padding-left: 48px;
		background: url('/_web/assets/img/icon/common/icon-check-mark-black-nochk.png') left/40px no-repeat;
	}
	input[type=checkbox].ico-chk-red:checked + label { background-image: url('/_web/assets/img/icon/common/icon-check-mark-red.png'); }

	/* CHECKBOX - 약관동의 이미지 원형 체크박스 [블랙] **/
	input[type=checkbox].ico-chk-black { display:none; }
	input[type=checkbox].ico-chk-black + label {
		display: inline-block;
		cursor: pointer;
		line-height: 45px;
		padding-left: 48px;
		background: url('/_web/assets/img/icon/common/icon-check-mark-black-nochk.png') left/40px no-repeat;
	}
	input[type=checkbox].ico-chk-black:checked + label { background-image: url('/_web/assets/img/icon/common/icon-check-mark-black.png'); }

	/*-----------------------------------------------**/
	/* @ SELECTBOX (기본 셀렉트박스)      			 	 **/
	/*-----------------------------------------------**/
	select.custom-classic-select {
		border: 1px solid #d1d1d1;
		padding: 10px 5px 10px 15px;
		cursor: pointer;
		width: 100%;
	}
	select.custom-classic-select option {
		color: #000;
		/*font-family: "돋움", Dotum;**/
		font-size: 15px;
	}
	select.custom-classic-select:hover {
		border: 1px solid #000;
	}	
	select.custom-classic-select:focus {
		outline: 0 none;
		border: 1px solid #000;
	}
	
	/*-----------------------------------------------**/
	/* @ SELECTBOX (상품 옵션 셀렉트박스)      			 **/
	/*-----------------------------------------------**/
	/* 상품 상세정보 옵션 셀렉트박스 **/
	select.goods-option-select {
		border: 1px solid #d1d1d1; 
		padding: 5px 5px 5px 15px;
		cursor: pointer;
		width: 100%;
		height: 60px;
		line-height: 50px;
		font-size: 14px;
		/* custom arrow icon **/
		background: url('/_web/assets/img/icon/form/ico-selectbox-arrow-65-16.png') no-repeat 97% 50%;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	select.goods-option-select option {
		color: #000;
		font-family: "돋움", Dotum;
		font-size: 16px;		
	}
	select.goods-option-select::-ms-expand {
		display: none;
	}
	select.goods-option-select:hover {
		border: 1px solid red;
	}	
	select.goods-option-select:focus {
		outline: 0 none;
		border: 1px solid red;
	}

	/*-----------------------------------------------**/
	/* @ SEARCHBOX (자동완성형 검색박스)      			 	 **/
	/*-----------------------------------------------**/
	/* search box **/
	.search-wrapper{
		width: 450px; /* default 450px **/
	 	height: 46px;
	}							
	.search-box{
		width: 100%;
	 	height: 100%;
	 	border: 1px solid #DA0106;
	 	margin: 0;
	 	padding: 0;
	 	background-color: #DA0106;
	}
	.search-box .search-input{
	 	width: 87.5%;
	}
	.search-box .search-input input{
	 	width: 100%;
	 	height: 100%;
	 	padding: 2px 20px;
	 	font-size: 16px;
	 	border: 0px solid #DA0106;
	}
	.search-box .search-btn{
	 	width: 12.5%;
	 	background-color: #DA0106;
	 	text-align: center;
	 	vertical-align: middle;
	 	cursor: pointer;
	}
	.search-box .search-btn #search-btn-ico{
	 	/*font-size: 19px;**/
	 	font-size: 23px;
	 	color: #fff;
	 	line-height: 44px;
	}
	
	/* search book **/
	.search-book{
		width: 100%;
		/*min-height: 300px;**/
		min-height: 390px; /*380px;**/
		background-color: #fff;
	 	border-top: 0px; border-bottom: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0;
	 	margin: 0;
	 	padding: 0;
	 	display: none;
	 	position: relative;
	 	z-index: 102; /*11;**/
	}
	.search-book .row{
	 	margin: 0;
	 	padding: 0;	
	 	width: 100%;
	 	height: 100%;	 	
	}
	.search-book .title{
		font-weight: bold;
	}	
	.search-book .book-left{
	 	width: 100%;
		border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 1px solid #E0E0E0;
		padding: 10px 10px;
	}
	.search-book .book-right{
	 	width: 100%;
		border-top: 0px; border-bottom: 0px; border-left: 0px; border-right: 0px;
		padding: 10px 10px;
	}		
	.search-book .book-left-footer{
		height: 35px; /*25px;**/
		line-height: 25px; /*15px;**/
		background-color: #FBFBFB;
		border-top: 1px solid #E0E0E0;
	}
	.search-book .book-right-footer{
		height: 35px; /*25px;**/
		background-color: #FBFBFB;
		border-top: 1px solid #E0E0E0;
	}	
	/* [오른쪽 "검색어 순위" 영역] 자동완성 검색 랭킹 TOP 10 영역 **/
	.search-book-ranking ul{
		padding: 0;
		margin: 0;
		list-style:none;
	}
	.search-book-ranking ul li{
		border: 0px solid #000;
		text-align: left;
		line-height: 20px; /*20px;**/
		margin:6px;
	}
	.search-book-ranking ul li:hover{
		background-color: #f7f7f7;
	}
	.search-book-ranking ul li a:hover{
		text-decoration: underline;
	}
	/* TOP 10 순위 숫자 박스 **/
	.autoSearch-square_char{
		display: inline-block;
		min-width: 29px;
		text-align: center;
		margin: 0;
		padding: 3px 3px;
		background: #aaaaaa;
		border: 0px solid #aaaaaa;
		color: #fff;
		font-wegith: bold;	
		font-family: 돋움', Dotum;
		font-family: 'NanumGothic';
		font-size: 13px;
	}
	/* [왼쪽 "검색어" 영역] 자동완성 검색 실시간 JASO 영역 **/
	.search-book-autocomplete{
		border:0px solid #000;
	 	overflow-y:auto;
	 	height:320px; /*298px;**/
	}
	.search-book-autocomplete ul{
		padding: 0;
		margin: 0;
		list-style:none;
	}
	.search-book-autocomplete ul li{
		text-align: left;
		line-height: 28px; /*25px;**/
	}
	.search-book-autocomplete ul li:hover{
		background-color: #f7f7f7;
	}
	.search-book-autocomplete ul li a:hover{
		text-decoration: underline;
	}
		
	/**
	| -------------------------------------------------------------------------
	| @ 04. STEPS
	| -------------------------------------------------------------------------
	*/
	.arrow-steps .step {
		font-size: 13px;
		text-align: center;
		color: #666;
		cursor: default;
		margin: 0 3px;
		padding: 10px 10px 10px 30px;
		min-width: 180px;
		float: left;
		position: relative;
		background-color: #E7E7E7; /*#d9e3f7;**/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	  transition: background-color 0.2s ease;
	}
	.arrow-steps .step:after, .arrow-steps .step:before {
		content: " ";
		position: absolute;
		top: 0;
		right: -17px;
		width: 0;
		height: 0;
		border-top: 19px solid transparent;
		border-bottom: 17px solid transparent;
		border-left: 17px solid #E7E7E7 /*#d9e3f7**/;	
		z-index: 2;
	  transition: border-color 0.2s ease;
	}
	.arrow-steps .step:before {
		right: auto;
		left: 0;
		border-left: 17px solid #fff;	
		z-index: 0;
	}
	.arrow-steps .step:first-child:before {
		border: none;
	}
	.arrow-steps .step:first-child {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.arrow-steps .step span {
		position: relative;
	}
	.arrow-steps .step.done span:before {
		opacity: 1;
		-webkit-transition: opacity 0.3s ease 0.5s;
		-moz-transition: opacity 0.3s ease 0.5s;
		-ms-transition: opacity 0.3s ease 0.5s;
		transition: opacity 0.3s ease 0.5s;
	}
	.arrow-steps .step.current {
		color: #fff;
		background-color: #23468c;
	}
	.arrow-steps .step.current:after {
		border-left: 17px solid #23468c;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 05. TOP
	| -------------------------------------------------------------------------
	*/
	/* 로그인 **/
	.TOP-TITLE-LOGIN {
		height: 216px;
		background: url(/_web/assets/img/top/top-login-3.jpg);
		background-position: center;
		background-repeat: no-repeat;
	}
		
	/* 방문견적 의뢰 **/
	.TOP-TITLE-VISITREQUEST {
		height: 216px;
		background: url(/_web/assets/img/top/top-visitRequest.jpg);
		background-position: center;
		background-repeat: no-repeat;
	}
	
	/* 설치 의뢰 **/
	.TOP-TITLE-CONSTREQUEST {
		height: 216px;
		background: url(/_web/assets/img/top/top-constRequest.jpg);
		background-position: center;
		background-repeat: no-repeat;
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 05-1. FOOTER
	| -------------------------------------------------------------------------
	*/
	#btn-bizLicenseNum {
		border:1px solid #E0E0E0; 
		font-size:11px; 
		color:gray; 
		padding:3px; padding-left:7px; padding-right:7px; 
		cursor:pointer;
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 06. TITLE, header text
	| -------------------------------------------------------------------------
	*/
	.title-font {
		font-family: 'NotoSansKR-Bold';
		font-weight	: 900;
		font-size	: 21px;
	}
	.title-big {
		font-family: 'NotoSansKR-Bold';
		font-weight	: 900;
		font-size	: 21px;
		margin-bottom: 2px;
	}
	.title-middle {
		font-family: 'NotoSansKR-Bold';
		font-weight	: 900;
		font-size	: 18px;
		margin-bottom: 2px;
	}
	.title-small {
		font-family: 'NotoSansKR-Bold';
		font-weight	: 900;
		font-size	: 15px;
		margin-bottom: 2px;
	}
	.title-xsmall {
		font-family: 'NotoSansKR-Bold';
		font-weight	: 900;
		font-size	: 13px;
		margin-bottom: 2px;
	}

	/* 서브 타이틀 (세로 바) **/
    .sub-title {
    	position: relative;
    	padding-left: 20px;
    	margin-bottom: 5px;
    }
    .sub-title span {
    	font-family: 'NotoSansKR-Bold';
	    margin-top:6px; 
	    margin-bottom:6px; 
	    font-size:15px; 
	    font-weight:bold;
	    color: #000;
    }
    .sub-title span::before {
		content:'';
		position: absolute;
		background-color: #D4D4D4; /*#85C1E9;**/
		width: 8px;
		height: 100%;
		bottom: 0;
		left: 0;
		top: 0px;
    }

	/* 상품 상세 타이틀 **/
	.title-goods-item {
		border-bottom: 2px solid #000;
	}
	.title-goods-item .title{
		font-size	: 22px;
		font-weight	: 900;
		line-height : 40px;
		/*margin:20px 0px 40px 0;**/
	}
	
	/* 상품 Q&A(질문 답변) 헤더 아이콘 **/
	.counsell-ico-question{ /*Quesiton**/
		min-width: 40px;
		height: 40px; line-height: 40px;
		border: 0px solid #F4F4F4;
		background-color: #F4F4F4;
		color: #000;
		font-size: 20px; font-weight: bold;
		text-align: center;
	}
	.counsell-ico-answer{ /*Answer**/
		min-width: 40px;
		height: 40px; line-height: 40px;
		border: 0px solid #F4F4F4;
		background-color: #f8fef3;
		color: #1ca229;
		font-size: 20px; font-weight: bold;
		text-align: center;
	}
		
	/**
	| -------------------------------------------------------------------------
	| @ 07. CARD
	| -------------------------------------------------------------------------
	*/
	/* CARD EFFECT 1 **/
	.card-shadow-effect-1 {
	    position: relative;
	}
	.card-shadow-effect-1::before, .card-shadow-effect-1::after {
	    z-index: -1;
	    position: absolute;
	    content: "";
	    bottom: 15px;
	    left: 10px;
	    width: 50%;
	    top: 80%;
	    max-width: 300px;
	    background: #aaa;
	    box-shadow: 0 15px 10px #aaa;
	    transform: rotate(-3deg);
	}
	.card-shadow-effect-1::after {
	    transform: rotate(3deg);
	    right: 10px;
	    left: auto;
	}
	
	/* CARD EFFECT 2 **/
	.card-shadow-effect-2::before{
	    position: absolute;
	    content: "";
	    z-index: -1;
	    bottom: 5px;
	    left: 30px;
	    right: 30px;
	    top: 80%;
	    background: #aaa;
	    box-shadow: 0 0 25px 17px #aaa;
	    border-radius: 100px/10px;
	}
	
	/* CARD EFFECT 3 **/
	.card-shadow-effect-3 {
	    position: relative;
	}
	.card-shadow-effect-3::before {
	    z-index: -1;
	    position: absolute;
	    content: "";
	    bottom: 15px;
	    left: 10px;
	    width: 50%;
	    top: 80%;
	    max-width: 300px;
	    background: #aaa;
	    box-shadow: 0 15px 10px #aaa;
	    transform: rotate(-3deg);
	}
	
	/* CARD EFFECT 4 **/
	.card-shadow-effect-4 {
	    position: relative;
	}
	.card-shadow-effect-4::before {
	    z-index: -1;
	    position: absolute;
	    content: "";
	    bottom: 15px;
	    right: 10px;
	    left: auto;
	    width: 50%;
	    top: 80%;
	    max-width: 300px;
	    background: #aaa;
	    box-shadow: 0 15px 10px #aaa;
	    transform: rotate(3deg);
	}
	
	/* CARD EFFECT 5 **/
	.card-shadow-effect-5::before{
		position: absolute;
		content: "";
		z-index: -1;
		bottom: 20px;
		left: 8px;
		right: 8px;
		top: 20px;
		background: #aaa;
		box-shadow: 0 0 25px 10px #aaa;
		border-radius: 10px/40px;
	}
	.card-shadow-effect-5::after{
		position: absolute;
		content: "";
		z-index: -1;
		bottom: 14px;
		left: 30px;
		right: 30px;
		top: 14px;
		background: #aaa;
		box-shadow: 0 0 25px 17px #aaa;
		border-radius: 100px/10px;
	}
	
	/* CARD EFFECT 6 **/
	.card-shadow-effect-6 {
	    position: relative;
	}
	.card-shadow-effect-6::before {
		position: absolute;
		content: "";
		z-index: -1;
		top: 26px;
		left: 12px;
		bottom: 50px;
		width: 20%;
		transform: rotate(-10deg);
		box-shadow: 0 10px 25px 10px #aaa;
	}
	.card-shadow-effect-6::after {
		position: absolute;
		content: "";
		z-index: -1;
		top: 26px;
		right: 10px;
		bottom: 50px;
		width: 20%;
		transform: rotate(8deg);
		box-shadow: 0 10px 25px 10px #aaa;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 08. IMAGE - 이미지
	| -------------------------------------------------------------------------
	*/	
	/*-----------------------------------------------**/
	/* @ 이미지 흑백     			 			 	 	 	 **/
	/*-----------------------------------------------**/
	/* 흑백 처리 **/
	.img-setGray {
		-webkit-filter: grayscale(100%);
		   -moz-filter: grayscale(100%);
			 -o-filter: grayscale(100%);
			-ms-filter: grayscale(100%);
				filter: grayscale(100%);
	}
	/* 흑백제거 (컬러로 복원) **/
	.img-restoreGray {
		-webkit-filter: grayscale(0%);
		   -moz-filter: grayscale(0%);
			 -o-filter: grayscale(0%);
			-ms-filter: grayscale(0%);
				filter: grayscale(0%);
	}	
	/*-----------------------------------------------**/
	/* @ 이미지 투명도     			 			 	 	 **/
	/*-----------------------------------------------**/
	/* 투명도 50% 처리 **/
	.img-setOpacity {
		opacity: 0.5;
		filter: alpha(opacity=50);
	}
	/* 투명도 제거 (원본 복원) **/
	.img-restoreOpacity {
		opacity: 1.0;
		filter: alpha(opacity=100);
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 09. 상품정보
	| -------------------------------------------------------------------------
	*/
	
	/* 상품가격 폰트, 숫자 폰트  **/
	.goods-price, .goods-number { font-family: GmarketSansMedium; }
	
	/* price (할인 전 가격) **/
	.old_price {
		color: #b8b8b8 !important;
		text-decoration: line-through;
		/*font-weight: bold;**/
		letter-spacing: 0.8px;
	}
	/* price (현재 가격) **/
	.current_price {
		color: red !important;
		font-weight: bold;
		letter-spacing: 0.8px;
	}	

	/*-----------------------------------------------**/
	/* @ 상품 상세 옵션           			 			 	 	 **/
	/*-----------------------------------------------**/
	/* 옵션 레이아웃 **/
	.wrap-goods-item-opt {
		width: 100%;
		min-height: 60px;
		border: 1px solid #eeeeee;
		background-color: #FAFAFA;
		padding: 12px 10px 12px 10px;
		margin-bottom: 10px;
	}
	.wrap-goods-item-opt table {
		width: 100%;
		border: 0px solid #eeeeee;
	}
	.wrap-goods-item-opt table tr td {
		border: 0px solid #eeeeee;
	}
	.wrap-goods-item-opt table tr td.left {
		width: 50%;
		text-align: left;
	}
	.wrap-goods-item-opt table tr td.center {
		width: 40%;
		text-align: right;
	}
	.wrap-goods-item-opt table tr td.right {
		width: 10%;
		text-align: right;
	}

	/* 옵션 가격 **/
	.wrap-goods-item-optPrice { font-size:15px; font-weight:normal; line-height:19px; color:#2f2f2f; }
			 .disp-rows_price { font-family:GmarketSansMedium; font-size:19px; font-weight:400; color:#000; letter-spacing:1px; }
		 
	/*-----------------------------------------------**/
	/* @ 상품 상세 탭메뉴             			 			 	 **/
	/*-----------------------------------------------**/
	#goods-item-tabmenu {
		width: 100%;
		padding: 0;		
	    transition : none;
	}
	#goods-item-tabmenu ul {
		width: 100%;
		padding: 0;
		list-style: none;
    	display: table;
    	z-index: 9;
    	margin: 0 auto;
	}
	#goods-item-tabmenu ul li {
	    display: table-cell;
	    width: 25%;
	}
	#goods-item-tabmenu ul li a {
		display: block;
		height: 55px;
		line-height: 55px;
    	margin-left: -1px;
    	border: 1px solid #d1d1d1;
    	background-color: #fff;
    	font-size: 16px;
    	color: #000;
    	letter-spacing: -0.5px;
    	text-align: center;
    	-webkit-box-sizing: border-box;
    	box-sizing: border-box;
    	z-index: 9;
	    transition : none;  	
	}
	#goods-item-tabmenu ul li a.active{
		background-color: #2d2d2d; /*#000;**/
		color: #fff;
		font-weight: bold;
	    transition : none;
	}
	
	/*-----------------------------------------------**/
	/* @ 상품후기 - 별점 평균 / 그래프		 			 	 **/
	/*-----------------------------------------------**/
	.wraper-graph{
		width:100%;
	}
	.graph-bg{
		width: 200px;
		height: 22px;
		border: 1px solid #E8E8E8;
		background-color: #E8E8E8;
		border-radius: 11px;
		margin:5px 0;
	}
	.graph-bg .graph-unit {
		width: 100%;
		height: 20px;
		border: 1px solid #76B0F1; /*#A0A0A0;**/
		background-color: #76B0F1; /*#A0A0A0;**/
		border-radius: 11px;
		margin:0; padding:0;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 10. A (Hyperlink)
	| -------------------------------------------------------------------------
	*/
	/*-----------------------------------------------**/
	/* @ text decoration color			 			 **/
	/*-----------------------------------------------**/	
	/* a hover underline - black **/
	.a-hover-underline-black { color: #000; }
	.a-hover-underline-black:hover { color: #000; text-decoration: underline; }
	/* a hover underline - gray **/
	.a-hover-underline-gray { color: #000; }
	.a-hover-underline-gray:hover { color: gray; text-decoration: underline; }	
	/* a hover underline - brown **/
	.a-hover-underline-brown { color: #000; }
	.a-hover-underline-brown:hover { color: #A52A2A; text-decoration: underline; }		
	/* a hover underline - red **/
	.a-hover-underline-red { color: #000; }
	.a-hover-underline-red:hover { color: #DA0106; text-decoration: underline; }
	/* a hover underline - wine **/
	.a-hover-underline-wine { color: #000; }
	.a-hover-underline-wine:hover { color: #C01B61; text-decoration: underline; }	
	/* a hover underline - orange **/
	.a-hover-underline-orange { color: #000; }
	.a-hover-underline-orange:hover { color: #F7602D; text-decoration: underline; }	
	/* a hover underline - pink **/
	.a-hover-underline-pink { color: #000; }
	.a-hover-underline-pink:hover { color: #E90CC2; text-decoration: underline; }			
	/* a hover underline - blue **/
	.a-hover-underline-blue { color: #000; }
	.a-hover-underline-blue:hover { color: #095CE8; text-decoration: underline; }	
	/* a hover underline - lightblue **/
	.a-hover-underline-lightblue { color: #000; }
	.a-hover-underline-lightblue:hover { color: #87CEFA; text-decoration: underline; }		
	/* a hover underline - navy **/
	.a-hover-underline-navy { color: #000; }
	.a-hover-underline-navy:hover { color: #222D8C; text-decoration: underline; }
	/* a hover underline - aqua **/
	.a-hover-underline-aqua { color: #000; }
	.a-hover-underline-aqua:hover { color: #3FC5F0; text-decoration: underline; }		
	/* a hover underline - purple **/
	.a-hover-underline-purple { color: #000; }
	.a-hover-underline-purple:hover { color: #8C1DC9; text-decoration: underline; }
	/* a hover underline - gold **/
	.a-hover-underline-gold { color: #000; }
	.a-hover-underline-gold:hover { color: #D1A907; text-decoration: underline; }
	/* a hover underline - yellow **/
	.a-hover-underline-yellow { color: #000; }
	.a-hover-underline-yellow:hover { color: #F5EA07; text-decoration: underline; }	
	/* a hover underline - green **/
	.a-hover-underline-green { color: #000; }
	.a-hover-underline-green:hover { color: #008000; text-decoration: underline; }	
	/* a hover underline - lightgreen **/
	.a-hover-underline-lightgreen { color: #000; }
	.a-hover-underline-lightgreen:hover { color: #94D6DA; text-decoration: underline; }		
		
	/* underline **/
	a.underline:hover{ text-decoration: underline; }
	
	/* top menu **/
	a.topmenu{
		color: #000;	
	}
	a.topmenu:hover{
		color: #000; /*#2a96ff;**/
		text-decoration: underline;
	}
	
	/* SIDE POPUP MENU **/
	a.side-popup{
		color: #000;
	}
	a.side-popup:hover{
		color: #000;
		text-decoration: underline;
	}
	
	/* 공지사항 **/
	a.notice {
		color: #000;
	}
	a.notice:hover {
		color: #000;
		text-decoration: underline;
	}	
	/* 1:1 문의 **/
	a.counsell {
		color: #000;
	}
	a.counsell:hover {
		color: #000;
		text-decoration: underline;
	}
	
	/**
	| -------------------------------------------------------------------------
	| @ 11. MENU
	| -------------------------------------------------------------------------
	*/
	
	/* MouseOver - dropdown menu (마우스 오버 드롭다운 메뉴) **/
	.dropbtn {
	    font-size: 13px;
	}
	.dropdown-topheadermenu {
	    position: relative;
	    display: inline-block;
	}
	.dropdown-topheadermenu-content {
	    display: none;
	    position: absolute;
	    right: 0;
	    background-color: #fff;
	    min-width: 150px;
	    /*box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);**/
	    z-index: 11;
	    border: 1px solid #ADADAD;
	    border-radius: 5px;
	    padding: 10px 12px;
	    text-align: left;
	}
	.dropdown-topheadermenu-content a {
	    display: block;
	    line-height: 30px;
	}
	.dropdown-topheadermenu-content a:hover {
	    /*background-color: #f1f1f1;**/
	    text-decoration: underline;
	}
	.dropdown-topheadermenu:hover .dropdown-topheadermenu-content {
	    display: block;
	}
	
	/*-----------------------------------------------**/
	/* @ LEFT MENU             			 			 **/
	/*-----------------------------------------------**/
	.wrapper-left-menu {
		width: 100%;
		position: relative;
	}
	.wrapper-left-menu .left-menu-header {
		font-family: 'NotoSansKR-Bold';
		border: 1px solid #DEE2E6; /*#F2F3F7;**/
		width: 100%;
		height: 80px; line-height: 80px;
		background-color: #F7F8FA; /*#F2F2F2;**/
		color: #000;
		font-size: 25px;
		/*letter-spacing: 0.5px;**/
		/*text-align: center;**/
		padding-left: 25px;
		margin-bottom: 30px;
	}
	.wrapper-left-menu .left-menu {
		font-family: 'NotoSansKR';
		border: 1px solid #DEE2E6; /*#F7F8FA;**/
		width: 100%;
		height: 52px; line-height: 52px;
		background-color: #F7F8FA;
		color: #000;
		font-size: 15px;
		padding-left: 25px;
		margin-bottom: 5px;
	}
	.wrapper-left-menu .left-menu:hover {
		/*background-color: #535353;**/
		border: 1px solid #747474;
	}
	.wrapper-left-menu .left-menu a {
		width: 100%; height: 100%;
		display: inline-block;
	}
	.wrapper-left-menu .left-menu a:hover {
		/*text-decoration: underline;**/
		color: #000;
	}			
	.wrapper-left-menu .left-menu.active {
		border: 1px solid #000;
		font-family: 'NotoSansKR-Medium';
		color: #000;
		font-size: 16px;
		font-weight: bold;
		/*padding-left: 40px;**/
	}
	.wrapper-left-menu .left-menu.active::before {
		position: absolute;		
		/*font-family: 'xeicon'; content: "\e940"; content: "\e92a";**/
		left: 0;
		margin-left: 20px;

	    /*background-color: #747474;
	    width: 8px;
	    height: 48px;
	    left: 0;
	    margin-left: 0px;**/
	}
	
	/*-----------------------------------------------**/
	/* @ TAB MENU             			 			 **/
	/*-----------------------------------------------**/
	/* Line tabmenu (라인 탭메뉴) 1 **/
	.lineTabmenu-wraper{
		width: 100%;
		padding:0; 
		margin:0;
		list-style: none;
	}
	.lineTabmenu ul{
		list-style: none;
		display: flex;
		border-bottom: 2px solid #000;
		height: 60px;
		padding: 0;
	}
	.lineTabmenu ul li{ flex:1; }
	.lineTabmenu ul li:first-child a{ border-left: 1px solid #ddd; }
	.lineTabmenu ul li a{
		display: block;
		height: 59px;
		border: 1px solid #ddd;
		border-left: none;
		border-bottom: none;
		font-size: 18px;
		font-weight: normal; /*bold;**/
		color: #C7C7C7;
		text-align: center;
		line-height: 59px;
	}
	.lineTabmenu ul li a:hover{
		/*text-decoration: underline;**/
	}
	.lineTabmenu ul li a.on{
		position: relative;
		height: 60px;
		line-height: 59px;
		border-color: #000;
		border-top-width: 2px;
		border-right: 2px solid #000;
		border-bottom: 2px solid #fff;
		color: #000;
		font-weight: bold;
	}
	.lineTabmenu ul li a.on:before {
		content: "";
		position: absolute;
		left: -1px;
		top: -2px;
		width: 2px;
		height: 104%;
		background: #000;
	}

	/* Line tabmenu solid (라인 탭메뉴 솔리드) 1 **/
	.lineTabmenu-solid-wraper{
		width: 100%;
		padding:0; 
		margin:0;
		list-style: none;
	}
	.lineTabmenu-solid ul{
		list-style: none;
		display: flex;
		border-bottom: 1px solid #000;
		height: 45px;
		padding: 0;
	}
	.lineTabmenu-solid ul li{ flex:1; }
	.lineTabmenu-solid ul li:first-child a{ border-left: 1px solid #ddd; }
	.lineTabmenu-solid ul li a{
		display: block;
		height: 44px;
		border: 1px solid #ddd;
		border-left: none;
		border-bottom: none;
		font-size: 13px;
		font-weight: normal;
		color: #C7C7C7;
		text-align: center;
		line-height: 44px;
	}
	.lineTabmenu-solid ul li a:hover{
		/*text-decoration: underline;**/
	}
	.lineTabmenu-solid ul li a.on{
		position: relative;
		height: 45px;
		line-height: 44px;
		border-color: #000;
		border-top-width: 1px;
		border-right: 1px solid #000;
		border-bottom: 1px solid #fff;
		color: #000;
	}
	.lineTabmenu-solid ul li a.on:before {
		content: "";
		position: absolute;
		left: -1px;
		top: -1px;
		width: 1px;
		height: 104%;
		background: #000;
	}
	
	/* Line tabmenu (라인 탭메뉴) 2 **/
    .lineTabmenu2 {
        padding: 0 0 35px 0;
    }
    .lineTabmenu2 ul {
        position: relative;
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid /*#ccc**/ #000;
        font-family: Tahoma, Sans-serif;
        font-size: 12px;
        *zoom: 1;
    }
    .lineTabmenu2 ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .lineTabmenu2 li {
        float: left;
        margin-bottom: -1px;
    }
    .lineTabmenu2 li a {
        position: relative;
        float: left;
        text-decoration: none;
        border: 1px solid #eee;
        border-bottom-color: /*#ccc**/ #000;
        background: #fafafa;
        color: #666;
    }
    .lineTabmenu2 li a span {
        display: inline-block;
        padding: 6px 25px 6px 25px;
        letter-spacing: -1px;
        cursor: pointer;
    }
    .lineTabmenu2 li ul {
        display: none;
        width: 100%;
        position: absolute;
        top: 40px;
        left: 0;
        list-style: none;
        border: 0;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        *zoom: 1;
    }
    .lineTabmenu2 li ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .linedTab li li {
        position: relative;
        left: -1px;
        padding: 0 10px;
        border-left: 1px solid #ddd;
        overflow: visible;
    }
    .lineTabmenu2 li li a {
        padding: 0;
        margin: 0;
        border: 0 !important;
        color: #666 !important;
        font-weight: normal;
        background: transparent;
        letter-spacing: normal;
    }
    .lineTabmenu2 li.selected a {
        border: 1px solid /*#ccc**/ #000;
        border-bottom: 1px solid #fff;
        margin-top: -1px;
        background: transparent;
        color: #333;
    }
    .lineTabmenu2 li.selected a span {
        padding-top: 7px;
        font-weight: bold;
    }
    
    /* Line tabmenu (라인 탭메뉴) 3 **/
    .lineTabmenu3 {
        padding: 0 0 0px 0px;
    }
    .lineTabmenu3 ul {
        margin: 0;
        padding-left: 10px;
        list-style: none;
        border-bottom: 1px solid #2390ff;
        font-family: dotum, Sans-serif;
        font-size: 12px;
        *zoom: 1;
    }
    .lineTabmenu3 ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .lineTabmenu3 li {
        float: left;
        margin: 0px 1px -1px 1px;
    }
    .lineTabmenu3 li a {
        position: relative;
        float: left;
        text-decoration: none;
        border-top: 1px solid #c0c0c0;
        border-right: 1px solid #c0c0c0;
        border-left: 1px solid #c0c0c0;
        background: #efefef;
        color: #666;
    }
    .lineTabmenu3 li a span {
        display: inline-block;
        padding: 6px 7px;
        letter-spacing: -1px;
        cursor: pointer;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
    }
    .lineTabmenu3 li a:hover {
        background: #fff;
        color: #2390ff;
        border: 1px solid #2390ff;
    }
    .lineTabmenu3 li ul {
        display: none;
        width: 100%;
        top: 40px;
        left: 0;
        list-style: none;
        border: 0;
        margin: 0;
        padding: 0;
        white-space: nowrap;
        overflow: hidden;
        *zoom: 1;
    }
    .lineTabmenu3 li ul:after {
        content: "";
        display: block;
        clear: both;
    }
    .lineTabmenu3 li.selected a {
        border: 2px solid #2390ff;
        padding: 1px;
        border-bottom: 0px solid #fff;
        margin-top: -3px;
        background-color: #fff;
        color: #2390ff;
    }
    .lineTabmenu3 li.selected a span {
        display: inline-block;
        padding-top: 7px;
        font-weight: bold;
        background-color: #fff;
    }
    .lineTabmenu3 li.selected a:hover {
        border: 2px solid #2390ff;
        padding: 1px;
        border-bottom: 0px solid #fff;
        margin-top: -3px;
        background-color: #fff;
        color: #2390ff;
    }

	/*-----------------------------------------------**/
	/* @ QUICK MENU     			 			 	 **/
	/*-----------------------------------------------**/
	/* Right 퀵메뉴 **/
    #quickmenu-right {
    	display: none; /* js에서 퀵메뉴를 활성화 시킨다. **/
		top: 505px;
		right: 1px;
		position: absolute;
		z-index: 9;
		background: #fff;
		border: 1px solid #E9E9E9;
		color: #000;
	}
	#quickmenu-right-body {
		width: 90px;
		min-height: 300px;
		padding: 10px 5px;
		position: relative;
	}	
	#quickmenu-right-body #laItemViews-container { /*최근 본 상품 영역 **/
		position: absolute;
		display: inline-block;
		width: 90px; /*250px;**/
		right: 0;
		border: 0px solid #000;
	}
	#quickmenu-right-body #laItemViews-container #laItemViews-dataGrid { /*최근 본 상품 item **/
		width: 100%;
		height: 225px;
		/*overflow: hidden;**/
		border: 0px solid #000;
	}	
	
	/* '|' 수직선으로 구분짓는 메뉴  **/
	.verticalBar-space-menu {
		width: 100%;
		height: 35px;
		text-align: center;
		padding-top: 10px;
	}
	.verticalBar-space-menu ul { margin:0; padding:0; }
	.verticalBar-space-menu ul li.space { color: #D3D3D3; margin: 0 10px; }
	.verticalBar-space-menu ul li {
		list-style: none;
		display: inline;
	}
	.verticalBar-space-menu ul li a { line-height: 30px; color: #000; }
	.verticalBar-space-menu ul li a:hover { text-decoration: underline; }
	
	/*-----------------------------------------------**/
	/* @ 블럭 메뉴    			 			 	 		 **/
	/*-----------------------------------------------**/
	.blockMenu {
		width: 100%; margin: 0; padding: 0;
	}
	.blockMenu div {
		/*width: 24.7%;
		margin: 1px;**/
		width: 24.2%;
		margin: 3px;		
		line-height: 50px;
		border: 1px solid gray;
		text-align: center;
		cursor: pointer;
		color: #000;
	}
	.blockMenu div a{
		display: block;
	}
	.blockMenu div.active{
		border: 1px solid #000;
		background-color: #3c3c3c; /*#6F42C1;**/
		color: #fff;
		font-size: 16px;
		font-weight: normal;
	}

	/*-----------------------------------------------**/
	/* @ 섹션 메인 헤더 퀵메뉴    			 			 	 **/
	/*-----------------------------------------------**/
	div.qMenu-hNavi{
		border:4px solid #E4E4E4; width:100%; padding:20px 0 20px 0; display:inline-block;
	}
	div.qMenu-hNavi ul{
		margin:0; padding:0;						
	}
	div.qMenu-hNavi ul li{
		list-style: none;
		float: left;
		width: 25%;
		min-height: 80px;
		padding:5px 20px 0 20px;
		cursor:pointer;
	}
	div.qMenu-hNavi ul li:not(:last-child){
		border-right: 1px solid #E4E4E4;
	}				
		
	/**
	| -------------------------------------------------------------------------
	| @ 12. SEARCH - 결과화면 
	| -------------------------------------------------------------------------
	*/	
	/* 검색결과 검색 박스 **/
	.wrapper-search-main{
		width:100%;
	}
	.wrapper-search-main .search-main{
		width:100%;
		position:relative;
	}
	.wrapper-search-main .search-main input{
		width:100%; 
		padding-right:80px; 
		border:3px solid #A0855B; 
		font-size:18px;
	}
	.wrapper-search-main .search-main .btn-search-main{
		position:absolute;
		right: 0;
		top: 0;
		width: 55px;
		height: 55px;
		padding-top: 10px;
		padding-right: 10px;
		font-size: 25px;
		color: #A0855B;
		cursor: pointer;
	}
	
	/* 검색결과 데이타 Grid **/
	.search-unit {
		width: 100%;
		border-bottom: 1px solid #E2E2E2;
		padding-top: 10px;
	}
	.search-unit .search-title {
		font-size: 15px;
		float: left;
		text-decoration: underline;
		text-underline-position: under;
		/*color: #79200D; #1362E6;**/
	}
	.search-unit .search-title a {	
		color: #1362E6; /*#1362E6;**/
	}
	.search-unit .search-title a:hover {	
		color: #1362E6;
	}	
	.search-unit .search-date {
		font-size: 14px;
		float: right;
	}
	.search-unit .search-contents {
		font-size: 13px;
		padding: 10px 10px 0px 0px;
	}
	.search-unit .search-footer {
		color: #6B6B6B;
		font-size: 14px;
		padding: 10px 10px 10px 0px;
	}
	.search-unit .search-footer div ul li { font-size: 13px; }
	.search-unit .search-footer div ul li:first-child { padding-left: 0px; }
	
	/* 검색결과 데이타 Grid [상품리스트] **/
	.search-item-unit {
		width:100%;
		padding: 10px 0px 5px 0px;
		margin: 0;	
	}
	.search-item-unit .search-item-image {
		width: 190px; 
		height: 100%; /*190px;**/ /*180px;**/
	}
	.search-item-unit .search-item-content {
		min-width: 400px;
		padding-left: 20px;
		position: relative;
	}
	.search-item-unit .search-item-content .search-item-nm {
		font-size: 19px;
		/*font-weight: bold;**/
		padding-bottom: 10px;
	}
	.search-item-unit .search-item-content .search-item-nm a {
		color: #000;
		text-decoration: underline;
		text-underline-position: under;
	}
	.search-item-unit .search-item-content .search-item-price {
		font-weight: bold;
		padding-bottom: 10px;
	}
	.search-item-unit .search-item-content .search-item-thumb {
		position: absolute;
		bottom:0;
	}
	.search-item-unit .search-item-content .search-item-thumb .search-item-thumb-unit{
		width: 80px;
		height: 80px; /*70px;**/
		border: 0px solid #B8B8B8;
		background-color: #F7F7F7;
		margin-right: 10px;
		cursor: pointer;
	}
	.search-item-hr {
		border-bottom: 1px solid #E2E2E2;
		margin: 15px 0px 10px 0px;
	}

	/*-----------------------------------------------**/
	/* @ 커뮤니티 - 갤러리		 			     	 	 **/
	/*-----------------------------------------------**/
	.search-hashtag-unit {
		border: 1px solid #DDDDDD;
		display: inline-block;
		color: #9B9B9B;
		text-align: center;
		padding: 2px 7px 2px 7px;
		margin-top: 4px;
	}
		
	/* 윈도우 배경 비활성화 **/
	#search-disabledBG{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .6;
		filter: alpha(opacity=50);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	#search-disabledBG-close {
		position: fixed;
		top: 40px;
		right: 40px;
		z-index: 999999;
		color: #fff;
		cursor: pointer;
	}
	#search-disabledBG-close i {
		font-size: 50px;
	}
	/*센터에 띄울 레이어**/
	#search-centerPopLayer {
		position: relative;
	    background-color: #fff;
	    min-width: 800px;
	    height: 800px; /*700px;**/
	    border: #D7D7D7 0px solid;
	    text-align: center;
	    margin: 0 auto;
	}
	#search-centerPopLayer .gallery-preview-slide {
		width: 900px; /*800px;**/
		padding: 40px 40px 0px 40px;			
		border: 0px solid #000;
		text-align: center;
	}
	#search-centerPopLayer .gallery-preview-slide .gallery-preview-item {
		width:100%;
		min-height:550px; /*height: 550px; **/
		background-color:#F6F6F6;
		cursor:grab;
	}	
	#search-centerPopLayer .gallery-preview-navi-btn { position: absolute; }
	#search-centerPopLayer .gallery-preview-navi-btn i { font-size: 60px; color: #fff; }
	#search-centerPopLayer .gallery-preview-navi-btn.prev { left:-90px; top:350px; }
	#search-centerPopLayer .gallery-preview-navi-btn.next { right:-90px; top:350px; }
	#search-centerPopLayer .gallery-preview-bottom-desc {
		font-size: 18px;
		padding-top: 15px;
	}
	#search-centerPopLayer .wrapper-gallery-cnt {
		position: absolute;
		left: 0; 
		top: -30px;
		font-size: 18px;
		color: #fff;
	}
	#search-centerPopLayer .wrapper-hashtag {
		position: absolute;
		bottom: 0;
		right: -140px;
		color: #fff;
		text-align: left;
	}
	.search-preview-hashtag-unit {
		min-width: 110px;
		border: 1px solid #fff;
		display: inline-block;
		color: #fff;
		text-align: left;
		padding: 2px 7px 2px 7px;
		margin-top: 4px;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 13. 갤러리 
	| -------------------------------------------------------------------------
	*/
	/*-----------------------------------------------**/
	/* @ 갤러리 헤더		 			     	 	 	 **/
	/*-----------------------------------------------**/
	.gallery.page-title-area {
		background-color:#5703A3;
		padding-top: 100px; padding-bottom: 70px;
	}
	.gallery .page-title-content .header-text1 {
		font-family: 's-core-dream-5'; /*font-family: 'NotoSansKR-Medium';**/ 
		color:#fff; font-size:33px; 
		letter-spacing:5px;
	}
	.gallery .page-title-content .neon-wrpper {
		position: relative;
	}
	.gallery .page-title-content ul.navi li, .page-title-content ul.navi li a {
		color: #c592fc; 
	}
	.gallery .page-title-content .neon-wrpper .neon1 { color:#FE8FCA; }
	.gallery .page-title-content .neon-wrpper .neon2 { color:#3FF8F3; }
	.gallery .page-title-content .neon-wrpper .neon3 { color:#F0D617; }
	.gallery .page-title-content .neon-wrpper .neon1:before { content: '*'; position: absolute; top:-50px; left:5px; }
	.gallery .page-title-content .neon-wrpper .neon2:before { content: '*'; position: absolute; top:-50px; left:5px; }
	.gallery .page-title-content .neon-wrpper .neon3:before { content: '*'; position: absolute; top:-50px; left:5px; }
	
	/*-----------------------------------------------**/
	/* @ 갤러리 		 			     	 	 	 	 **/
	/*-----------------------------------------------**/
	.wrapper-gallery {
		width:1200px; 
		border:0px solid #000;
		margin:0 auto;
	}
	.wrapper-gallery .jss-grid-container {
		width: 100%;
		border: 0px solid #000;
		margin: -0 0 0 0;
		display: -ms-grid;
		display: grid;
		/*grid-template-columns: 1fr 1fr 1fr;**/
		grid-template-columns: repeat(3, 1fr);
		grid-column-gap: 20px;
		grid-row-gap: 10px;
		position: relative;
	}
	/* 그리드 item **/
	.wrapper-gallery .jss-grid-container .jss-grid-item {
		min-height: 100px;
		margin: 0px;
		margin-bottom: 10px;
		padding: 15px;
		border: 1px solid #fff; /*#E4E4E4;**/
		text-align: center;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item:hover .gallery-title {
		text-decoration: underline;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item:hover {
		border: 1px solid #5703A3;
	}
	/* 갤러리 컨테이너 **/
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit {
		/*width: 100%;**/
		width: 350px;
		margin: 0 auto;
	}
	/* 갤러리 이미지 영역 **/
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-img {
		width: 100%;
		height: 300px;
		overflow: hidden;
		position: relative;
		border: 0px solid #000;
		cursor: pointer;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-img img {
		-webkit-transform:scale(1);
		-moz-transform:scale(1);
		-ms-transform:scale(1);	
		-o-transform:scale(1);	
		transform:scale(1);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		transition:.3s;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-img img:hover {
		-webkit-transform:scale(1.08);
		-moz-transform:scale(1.08);
		-ms-transform:scale(1.08);	
		-o-transform:scale(1.08);
		transform:scale(1.08);
		-webkit-transition:.3s;
		-moz-transition:.3s;
		-ms-transition:.3s;
		-o-transition:.3s;
		transition:.3s;
	}
	/* 갤러리 내용 영역 **/
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-contents {
		width: 100%;
		min-height: 115px;
		background-color: #FDF0FF; /*#FEF7FF;**/
		border: 0px solid #000;
		text-align: left;
		padding: 0px 0px 20px 10px;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-contents .gallery-title {
		padding: 20px 0px 0px 0px; font-size: 17px;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-contents .gallery-cnt {
		padding-top: 5px;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-contents .gallery-cnt i {
		color: #BEBEBE;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-contents #gallery-cnt {
		color: #979797;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .gallery-unit .gallery-contents .gallery-hashtag {
		padding: 10px 0px 0px 0px; color: #5703A3;
	}
	.wrapper-gallery .hashtag-unit {
		border: 1px solid #DDB8FE;
		display: inline-block;
		color: #838383;
		text-align: center;
		padding: 2px 7px 2px 7px;
		margin-bottom: 2px;
	}

	/* 갤러리 해시태그 검색 영역 **/
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search {
		width: 100%;
		height: 100%;
		border: 0px solid #FDF0FF;
		background-color: #FDF0FF; /*#FEF7FF;**/
		margin: 0; padding: 0;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search .hashtag-header {
		height: 100px;
		line-height: 100px;
		font-size: 30px;
		color: #fff;
		background-color: #BE79FD;
		margin: 0; padding: 0;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search .hashtag-section {
		height: 310px;
		padding: 20px 20px 20px 20px;
		text-align: left;
		overflow-y: auto;
		border: 0px solid red;
	}
	/* 스크롤바 **/
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search .hashtag-section::-webkit-scrollbar {
	    width: 5px;
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search .hashtag-section::-webkit-scrollbar-thumb {
	    height: 10%;
	    background-color: #F5B0FF;
	    border-radius: 10px;    
	}
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search .hashtag-section::-webkit-scrollbar-track {
	    background-color: #FDF0FF;
	}
	/* 갤러리 해시태그 **/
	.wrapper-gallery .jss-grid-container .jss-grid-item .hashtag-search .hashtag-section .hashtag {
		display: inline-block;
		color: #838383;
		text-align: center;
		padding: 7px 10px 7px 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		cursor: pointer;
		min-width: 93px;
	}
	.hashtag-default { border: 1px solid #DDB8FE; }
	.hashtag-active { border: 1px solid #5703A3; }
	
	/*-----------------------------------------------**/
	/* @ 갤러리 레이어 팝업		 			     	 	 **/
	/*-----------------------------------------------**/
	/* 윈도우 배경 비활성화 **/
	#gallery-disabledBG{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #000;
		opacity: .6;
		filter: alpha(opacity=50);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	}
	#gallery-disabledBG-close {
		position: fixed;
		top: 40px;
		right: 40px;
		z-index: 999999;
		color: #fff;
		cursor: pointer;
	}
	#gallery-disabledBG-close i {
		font-size: 50px;
	}
	/*센터에 띄울 레이어**/
	#gallery-centerPopLayer {
		position: relative;
	    background-color: #fff;
	    min-width: 800px;
	    height: 800px; /*700px;**/
	    border: #D7D7D7 0px solid;
	    text-align: center;
	    margin: 0 auto;
	}
	#gallery-centerPopLayer .gallery-preview-slide {
		width: 900px; /*800px;**/
		padding: 40px 40px 0px 40px;			
		border: 0px solid #000;
		text-align: center;
	}
	#gallery-centerPopLayer .gallery-preview-slide .gallery-preview-item {
		width:100%;
		min-height:550px; /*height: 550px; **/
		background-color:#F6F6F6;
		cursor:grab;
	}	
	#gallery-centerPopLayer .gallery-preview-navi-btn { position: absolute; }
	#gallery-centerPopLayer .gallery-preview-navi-btn i { font-size: 60px; color: #fff; }
	#gallery-centerPopLayer .gallery-preview-navi-btn.prev { left:-90px; top:350px; }
	#gallery-centerPopLayer .gallery-preview-navi-btn.next { right:-90px; top:350px; }
	#gallery-centerPopLayer .gallery-preview-bottom-desc {
		font-size: 18px;
		padding-top: 15px;
	}
	#gallery-centerPopLayer .wrapper-gallery-cnt {
		position: absolute;
		left: 0; 
		top: -30px;
		font-size: 18px;
		color: #fff;
	}
	#gallery-centerPopLayer .wrapper-hashtag {
		position: absolute;
		bottom: 0;
		right: -140px;
		color: #fff;
		text-align: left;
	}
	/* 해시태그 unit **/
	.preview-hashtag-unit {
		min-width: 110px;
		border: 1px solid #fff;
		display: inline-block;
		color: #fff;
		text-align: left;
		padding: 2px 7px 2px 7px;
		margin-top: 4px;
	}
	
	/* 갤러리 썸네일 **/
	.gllery-thumbLayerPopLayer {
		position: fixed;
		top: 110px;
		right: 140px;
		border: 0px solid #000;
		background-color: #fff;
		width: 212px;
		/*height: 500px;**/
		z-index: 99999;
	}
	.gllery-thumb-grid-wrapper {
		margin: 10px;
	}
	.gllery-thumb-grid-item {
		padding-bottom: 10px;
	}
	.gllery-thumb-grid-item-active {
		/*border:3px solid #F1B74B;**/
		border:3px solid #e71616;
	}
	.gllery-thumb-grid-item-unit {
		cursor: pointer;
	}
			
	/**
	| -------------------------------------------------------------------------
	| @ 14. 개인결제
	| -------------------------------------------------------------------------
	*/
	.data-grid .grid-item:hover {
		border: 1px solid #000;
	}
	.data-grid .grid-item:hover .item-title {
		text-decoration: underline;
	}
	.data-grid .grid-item .item-img {
		width: 100%;
		height: 220px;
		/*border: 1px solid #FAFAFA;
		background-color: #FAFAFA;**/
		background-image: url('/_web/assets/img/icon/personOrder/personOrderListWallet.jpg');
		cursor: pointer;
	}
	.data-grid .grid-item .item-title {
		text-align: left;
		padding: 15px 0 0 0;
		font-size: 15px;
	}
	.data-grid .grid-item .item-price {
		text-align: left;
		padding: 10px 0 0 0;
		font-size: 16px;
	}
	.data-grid .grid-item .item-userId {
		text-align: left;
		padding: 10px 0 0 0;
	}
	.data-grid .grid-item .item-term {
		text-align: left;
		padding: 10px 0 0 0;
		color: #FF595E;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 15. 방문견적 의뢰, 설치 의뢰
	| -------------------------------------------------------------------------
	*/	
	/*-----------------------------------------------**/
	/* @ 방문견적 의뢰    				 					 **/
	/*-----------------------------------------------**/	
	.wrapVisitReqMain {
		margin: 0;
		width: 100%;
		text-align: cener;
		display:flex; 
		justify-content:center;						
	}
	.wrapVisitReqMain .box {
		width:50%; 
		border: 0px solid #000; 
		margin: 0;
		padding:20px;
		padding-top: 0px;
		display:flex; 
		justify-content:center;
	}	
	/* 신청서 Button 영역 **/
	.wrapVisitReqMain .btn-reg-box {
		position: relative;
		border: 0px solid #9E4F07; 
		transition: .3s ease;
		width: 100%; 
		height: 250px;
		display: inline-block;
		background-color: #007D65; /*#008080;*/ /*#9E4F07;**/ /*#A0855B;**/
		color: #fff;
		padding: 30px 30px 30px 30px;
		text-align: center;
	}
	.wrapVisitReqMain .btn-reg-box:hover {
		/*border: 6px solid #000;**/
		box-shadow: inset 0 0 0 14px #004A3C; /*#603004;**/
		transition: .2s ease;
	}					
	.wrapVisitReqMain .btn-reg-box .tit {
		color: #fff;
		font-size: 33px;
		font-weight: bold;	
	}
	.wrapVisitReqMain .btn-reg-box .ico {
		padding-top: 10px;
		font-size:35px;
	}
	.wrapVisitReqMain .btn-reg-box .btn-box a {
		margin-top: 20px;
		display: inline-block;
		border: 0px solid #000;
		padding: 10px 25px 10px 25px;
		background-color: #fff;
		color: #000;
		font-size: 16px;
		font-weight: normal;				
	}	
	/* 신청서 로그인 영역 **/
	.wrapVisitReqMain .visit-login-box {
		border: 1px solid #FFF8E6; /*#B3B3B3;**/
		transition: .3s ease;
		width: 100%; 
		height: 250px;
		display: inline-block;
		padding: 30px 30px 30px 30px;
		background-color: #FFF8E6;
	}
	.wrapVisitReqMain .visit-login-box div {						
	}					
	.wrapVisitReqMain .visit-login-box:hover {
		border: 1px solid #A0855B;
		box-shadow: inset 0 0 0 12px #A0855B;
		transition: .2s ease;
	}	
	/* 신청서 Result 영역 **/
	.wrapVisitReqMain .visit-result-box {
		border: 1px solid #FFB129; /*#B3B3B3;**/
		transition: .3s ease;
		width: 100%; 
		height: 250px;
		display: inline-block;
		padding: 30px 30px 30px 30px;
		text-align: center;
		background-color: #FFF8E6;			
	}
	.wrapVisitReqMain .visit-result-box:hover {
		border: 1px solid #A0855B;
		box-shadow: inset 0 0 0 12px #A0855B;
		transition: .2s ease;				
	}
	.wrapVisitReqMain .visit-result-box .unit {
		font-family: 'NotoSansKR-Bold';
		font-size: 23px;
		font-weight: bold;
	}					
	.wrapVisitReqMain #visitRequest-cnt {
		color: #000;
		font-family: 'GmarketSansBold';
		font-size: 28px;
		font-weight: bold;
	}
	
	/*-----------------------------------------------**/
	/* @ 설치 의뢰    				 					 **/
	/*-----------------------------------------------**/
	.wrapConstReqMain {
		margin: 0;
		width: 100%;
		text-align: cener;
		display:flex; 
		justify-content:center;							
	}
	.wrapConstReqMain .box {
		width:50%; 
		border: 0px solid #000; 
		margin: 0;
		padding:20px;
		padding-top: 0px;
		display:flex; 
		justify-content:center;
	}					
	/* 신청서 Button 영역 **/
	.wrapConstReqMain .btn-reg-box {
		position: relative;
		border: 0px solid #9E4F07; 
		transition: .3s ease;
		width: 100%; 
		height: 250px;
		display: inline-block;
		background-color: #007D65; /*#008080;*/ /*#9E4F07;**/ /*#A0855B;**/
		color: #fff;
		padding: 30px 30px 30px 30px;
		text-align: center;
	}
	.wrapConstReqMain .btn-reg-box:hover {
		/*border: 6px solid #000;**/
		box-shadow: inset 0 0 0 14px #004A3C; /*#603004;**/
		transition: .2s ease;
	}					
	.wrapConstReqMain .btn-reg-box .tit {
		color: #fff;
		font-size: 33px;
		font-weight: bold;	
	}
	.wrapConstReqMain .btn-reg-box .ico {
		padding-top: 10px;
		font-size:35px;
	}
	.wrapConstReqMain .btn-reg-box .btn-box a {
		margin-top: 20px;
		display: inline-block;
		border: 0px solid #000;
		padding: 10px 25px 10px 25px;
		background-color: #fff;
		color: #000;
		font-size: 16px;
		font-weight: normal;				
	}					
	/* 신청서 로그인 영역 **/
	.wrapConstReqMain .const-login-box {
		border: 1px solid #FFF8E6;
		transition: .3s ease;
		width: 100%; 
		height: 250px;
		display: inline-block;
		padding: 30px 30px 30px 30px;
		background-color: #FFF8E6;
	}
	.wrapConstReqMain .const-login-box div {
	}					
	.wrapConstReqMain .const-login-box:hover {
		border: 1px solid #A0855B;
		box-shadow: inset 0 0 0 12px #A0855B;
		transition: .2s ease;
	}					
	/* 신청서 Result 영역 **/
	.wrapConstReqMain .const-result-box {
		border: 1px solid #FFB129; /*#FFF8E6;**/
		transition: .3s ease;
		width: 100%; 
		height: 250px;
		display: inline-block;
		padding: 30px 30px 30px 30px;
		text-align: center;
		background-color: #FFF8E6;	
	}
	.wrapConstReqMain .const-result-box:hover {
		border: 1px solid #A0855B;
		box-shadow: inset 0 0 0 12px #A0855B;
		transition: .2s ease;				
	}
	.wrapConstReqMain .const-result-box .unit {
		font-family: 'NotoSansKR-Bold';
		font-size: 23px;
		font-weight: bold;
	}					
	.wrapConstReqMain #constRequest-cnt {
		color: #000;
		font-family: 'GmarketSansBold';
		font-size: 28px;
		font-weight: bold;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 16. 제품 설치 방법
	| -------------------------------------------------------------------------
	*/	
	.btn-installManual {
		width: 395px; height: 55px; 
		font-family: 's-core-dream-4'; 
		font-size: 18px; 
		text-align: center; 
		display: flex; justify-content: center; align-items: center;
		cursor: pointer;
	}
	.btn-installManual-01 {
		border: 1px solid #62BBF5; color: #62BBF5;
	}
	.btn-installManual-02 {
		border: 1px solid #A772E4; color: #A772E4;
	}
	.btn-installManual-03 {
		border: 1px solid #B2825A; color: #B2825A;
	}
	.btn-installManual-04 {
		border: 1px solid #FD7100; color: #FD7100;
	}
	.btn-installManual-05 {
		border: 1px solid #41A768; color: #41A768;
	}	
	.btn-installManual-01-active {
		background-color: #62BBF5; font-size: 20px;	color: #fff;
	}
	.btn-installManual-02-active {
		background-color: #A772E4; font-size: 20px;	color: #fff;
	}
	.btn-installManual-03-active {
		background-color: #B2825A; font-size: 20px;	color: #fff;
	}
	.btn-installManual-04-active {
		background-color: #FD7100; font-size: 20px;	color: #fff;
	}
	.btn-installManual-05-active {
		background-color: #41A768; font-size: 20px;	color: #fff;
	}	
	.contents-installManual {
		padding-top:40px; margin:0;
	}	
				
	/**
	| -------------------------------------------------------------------------
	| @ 98. COMMON 
	| -------------------------------------------------------------------------
	*/
	/* SET MIN WIDTH SCREEN **/
	body { min-width: 1320px; }
	/*.container{ width: 1230px; max-width: none!important; }**/
	
	/* 콘텐츠 스크롤 상태바 **/
	.scroll-state-progressbar {
		position: fixed;
		top: 0px; left: 0px; width: 0%; height: 1px; /*1.5px;**/
		background-color: #e97275; /*#3FB7F1;**/
		z-index: 999999;
	}
	
	/* 윈도우 배경 비활성화 [kakaopay 결제시 사용] **/
	#disabledBG{
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #D1D1D1;
		opacity: .5;
		filter: alpha(opacity=50);
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	}
	
	/* 브릿지 카운터 (bridge counter) **/
	.bridgeCnt-menu {
		position: relative;						
	}
	.bridgeCnt-menu .cnt {
		width: 21px;
		height: 20px;
		border-radius: 50%;
		position: absolute;
		top: -10px;
		right: -11px;
		/*border: 1px solid #DA0106;
		background-color: #DA0106;**/
		border: 1px solid #747474;
		background-color: #747474;
		color: #fff;
		font-size: 11px;
		font-family: 돋움, Dotum;
		font-weight: bold;
		text-align:center;
		line-height: 20px;
		display: inline-block;			
	}

	/* HR **/
	.hr {
		border-top:1px solid #DADADA;
		margin:0; padding:0;
	}

	/*-----------------------------------------------**/
	/* @ [SMS 인증] 휴대폰번호 인증번호 입력    				 **/
	/*-----------------------------------------------**/
	#sms-cert-input {
		padding-left: 10px;
		position: relative;
	}
	#sms-cert-input input {
		width:125px;
		font-size:14px;
		font-weight:bold;
		/*border:2px solid #9F9F9F;**/
	}															
	#sms-cert-input #sms-cert-input-cntdown {
		position: absolute;
		top:0; right:0;
		padding-top: 14px;
		padding-right: 8px;
		color: red;
	}
	
	/* 결제 아이콘 - 카카오페이 **/
	#ico-payment-kakaopay {
		width:87px;
		margin-top: -9px;
	}

	/**
	| -------------------------------------------------------------------------
	| @ 99. MEDIA QUERY
	| -------------------------------------------------------------------------
	*/
	
	/* 스크린 사이즈 1400 이하 부터 퀵메뉴 비활성 **/
	/* @media screen and (max-width: 1400px) {
		#quickmenu-right { display: none; }
	} **/