@charset "utf-8";
/* 
	default_shop.css : 그누보드 기본 수정
	core.css : 커스텀 코어 추가
*/

/******************************************************************************
******************************************************************************* core { */
	@charset "utf-8";
/*	@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');*/
/*	@import url('https://webfontworld.github.io/pretendard/Pretendard.css');	*/
	@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
	@font-face {
	  font-family: 'ClashDisplay-Variable';
	  src: url('../fonts/ClashDisplay-Variable.woff2') format('woff2'),
		   url('../fonts/ClashDisplay-Variable.woff') format('woff'),
		   url('../fonts/ClashDisplay-Variable.ttf') format('truetype');
	  font-weight: 200 700;
	  font-display: swap;
	  font-style: normal;
	}


	/*
	Pretendard
		regular 400
		medium 500
		semibold 600
		bold 700
		extbold 800
		black 900
	ClashDisplay
		regular 400
		medium 500
		semibold 600
		bold 700
		extbold 800
		black 900
	*/

	 
	/* 
	   basic setting 
	*/
		/* 드래그 컬러 */
			::selection {background: var(--color__main); color: #fff;}
		/* 드래그 컬러 - 파이어폭스 호환 */
			::-moz-selection {background: var(--color__main); color: #fff;}
		
		/* 기본 폼 */
			input::placeholder{color:#999999}
		
		/* 오토 필 초기화 */
			input[type=text]:-webkit-autofill,
				input[type=password]:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {	
					/*-webkit-box-shadow: 0 0 0 1000px transparent inset !important;*/
					/*box-shadow: none !important;*/
					/*background-color: transparent !important;*/
					/*-webkit-text-fill-color: inherit !important;*/
					/*caret-color: inherit !important;*/
					/*transition: background-color 5000s ease-in-out 0s;*/
			}



		/* 스크롤 바 세팅 */
			::-webkit-scrollbar {width: 10px;} 
			::-webkit-scrollbar-track {background-color: #f5f5f5;} 
			::-webkit-scrollbar-thumb {background-color: #090A0C; border-radius:10px;} 
			::-webkit-scrollbar-button:start:decrement, 
				::-webkit-scrollbar-button:end:increment {display:block;height:8px;background-color: #f5f5f5;} 
			::-webkit-scrollbar-corner {background-color: #f5f5f5;} 


		/* 기본 세팅 */
			.hide{display:none !important;}
			.show{display: block !important;}
			.img__descrip{display: none !important;}
			.hidden1720{}
			.visible1720{display:none;}
			.hidden1440{}
			.visible1440{display:none;}
			.hidden1280{}
			.visible1280{display:none;}
			.hidden1024{}
			.visible1024{display:none;}
			.hidden820{}
			.visible820{display:none;}
			.hidden768{}
			.visible768{display:none;}
			.hidden570{}
			.visible570{display:none;}
			.hidden480{}
			.visible480{display:none;}
			@media screen and (max-width:1720px){
			   .hidden1720{display:none;}
			   .visible1720{display:block;}
			}
			@media screen and (max-width:1440px){
			   .hidden1440{display:none;}
			   .visible1440{display:block;}
			}
			@media screen and (max-width:1280px){
			   .hidden1280{display:none;}
			   .visible1280{display:block;}
			}
			@media screen and (max-width:1024px){
			   .hidden1024{display:none;}
			   .visible1024{display:block;}
			}
			@media screen and (max-width:820px){
				.hidden820{display:none;}
				.visible820{display:block;}
			}
			@media screen and (max-width:768px){
			   .hidden768{display:none;}
			   .visible768{display:block;}
			}
			@media screen and (max-width:570px){
			   .hidden570{display:none;}
			   .visible570{display:block;}
			}
			@media screen and (max-width:480px){
			   .hidden480{display:none;}
			   .visible480{display:block;}
			}

			.pdt__00px{padding-top:00px;}
			.pdb__00px{padding-bottom:00px;}
			.mgt__00px{margin-top:00px;}
			.mgb__00px{margin-bottom:00px;}
			.mgt__05px{margin-top:5px;}
			.mgt__10px{margin-top:10px;}
			.mgt__15px{margin-top:15px;}
			.mgt__20px{margin-top:20px;}
			.mgt__25px{margin-top:25px;}
			.mgt__30px{margin-top:30px;}
			.mgt__35px{margin-top:35px;}
			.mgt__40px{margin-top:40px;}
			.mgt__45px{margin-top:45px;}
			.mgt__50px{margin-top:50px;}
			.mgt__5per{margin-top:5%;}
			.mgt__7per{margin-top:7%;}
			.mgt__10per{margin-top:10%;}
			.mgt__13per{margin-top:13%;}
			.hgt__100per{height:100%;}
			.border__box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
			.clearfix:after{content:""; display:block; clear:both;}
			.clearfix{*zoom:1}


	/* 
		text setting 
	*/
		:root {
			--f10px: 10px;
			--f11px: 11px;
			--f12px: 12px;
			--f13px: 13px;
			--f14px: 14px;
			--f15px: 15px;
			--f16px: 16px;
			--f17px: 17px;
			--f18px: 18px;
			--f19px: 19px;
			--f20px: 20px;
			--f21px: 21px;
			--f22px: 22px;
			--f23px: 23px;
			--f24px: 24px;
			--f25px: 25px;
			--f26px: 26px;
			--f27px: 27px;
			--f28px: 28px;
			--f29px: 29px;
			--f30px: 30px;
			--f32px: 32px;
			--f34px: 34px;
			--f36px: 36px;
			--f38px: 38px;
			--f40px: 40px;
			--f42px: 42px;
			--f44px: 44px;
			--f46px: 46px;
			--f48px: 48px;
			--f50px: 50px;
			--f60px: 60px;

			--color__main: #E04004;
			--color__basic: #111111;
			--color__sub: #333333;
			--color__sub01: #333333;
			--color__hover: #E04004;
			--color__white: #fff;

			--header__theight: 40px;
			--header__bheight: 90px;
		}
		.tcolor__main{color:var(--color__main);}
		.tcolor__basic{color:var(--color__basic);}
		.tcolor__white{color:var(--color__white);}

		.talign__left{text-align:left;}
		.talign__center{text-align:center;}
		.talign__right{text-align:right;}
		.t__cen {text-align: center;}
		@media screen and (max-width:1600px){
			:root {
				--f60px: 60px;
			}
		}
		@media screen and (max-width:1440px){
			:root {
				--f60px: 55px;
			}
		}
		@media screen and (max-width:1280px){
			:root {
				--f60px: 50px;
			}
		}
		@media screen and (max-width:1024px){
			:root {
				--f60px: 45px;
			}
		}
		@media screen and (max-width:768px){
			:root {
				--f60px: 40px;
			}
		}
		@media screen and (max-width:570px){
			:root {
				--f60px: 35px;
			}
		}
		@media screen and (max-width:480px){
			:root {
				--f60px: 14.2vw;
			}
		}

	/* 
	   center box style 
	*/
		.inner__full{position:relative; width:100%; margin: 0 auto;}
		.inner__cen584{position:relative; width:90%; max-width:584px; margin: 0 auto;}
		.inner__cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
		.inner__cen860{position:relative; width:90%; max-width:860px; margin: 0 auto;}
		.inner__cen888{position:relative; width:90%; max-width:888px; margin: 0 auto;}
		.inner__cen980{position:relative; width:90%; max-width:980px; margin: 0 auto;}
		.inner__cen1000{position:relative; width:90%; max-width:1000px; margin: 0 auto;}
		.inner__cen1192{position:relative; width:90%; max-width:1192px; margin: 0 auto;}
		.inner__cen1120{position:relative; width:90%; max-width:1120px; margin: 0 auto;}
		.inner__cen1250{position:relative; width:90%; max-width:1250px; margin: 0 auto;}
		.inner__cen1320{position:relative; width:90%; max-width:1320px; margin: 0 auto;}
		.inner__cen1440{position:relative; width:90%; max-width:1440px; margin: 0 auto;}
		.inner__cen1495{position:relative; width:90%; max-width:1495px; margin: 0 auto;}
		.inner__cen1530{position:relative; width:90%; max-width:1530px; margin: 0 auto;}
		.inner__cen1540{position:relative; width:90%; max-width:1540px; margin: 0 auto;}
		.inner__cen1550{position:relative; width:90%; max-width:1550px; margin: 0 auto;}
		.inner__cen1750{position:relative; width:90%; max-width:1750px; margin: 0 auto;}
		.inner__cen1800{position:relative; width:90%; max-width:1800px; margin: 0 auto;}
		.inner__cen1840{position:relative; width:100%; max-width:1840px; margin: 0 auto;}
		.inner__cen1850{position:relative; width:90%; max-width:1850px; margin: 0 auto;}
		.inner__cen1920{position:relative; width:90%; max-width:1920px; margin: 0 auto;}

		.inner__wcen768{position:relative; width:100%; max-width:700px; margin: 0 auto;}
		.inner__wcen980{position:relative; width:100%; max-width:980px; margin: 0 auto;}
		.inner__wcen1200{position:relative; width:100%; max-width:1200px; margin: 0 auto;}
		.inner__wcen1400{position:relative; width:100%; max-width:1400px; margin: 0 auto;}
		.inner__wcen1700{position:relative; width:100%; max-width:1700px; margin: 0 auto;}
		.inner__wcen1800{position:relative; width:100%; max-width:1800px; margin: 0 auto;}
		.inner__wcen1850{position:relative; width:100%; max-width:1840px; margin: 0 auto;}
		.inner__wcen1920{position:relative; width:100%; max-width:1920px; margin: 0 auto;}
		@media screen and (max-width:1840px){
			.inner__cen1750{width:90%;}
			.inner__cen1840{width:90%;}
		}/* 1840 */
		@media screen and (max-width:1024px){
			.inner__cen1750{width:90%;}
		}/*1024*/
		@media screen and (max-width:768px){
			.inner__full__respon768{width:90%;}
		}/*768*/
		@media screen and (max-width:570px){
			.inner__full__respon570{width:90%;}
		}/*570*/


/* } core *****************************************************************************
***************************************************************************************/