@import url('/00_common/css/basic_shr.css');



/* 변수 */
:root {

    /* font-size */
	--font-size-050: 2.5rem;
	--font-size-040: 2rem;
	--font-size-035: 1.75rem;
	--font-size-032: 1.6rem;
	--font-size-030: 1.5rem;
	--font-size-028: 1.4rem;
	--font-size-026: 1.3rem;
	--font-size-025: 1.25rem;
	--font-size-024: 1.2rem;
	--font-size-023: 1.15rem;
	--font-size-022: 1.1rem;
	--font-size-021: 1.05rem;
	--font-size-020: 1rem;
	--font-size-019: 0.95rem;
	--font-size-018: 0.9rem;
	--font-size-017: 0.85rem;
	--font-size-016: 0.8rem;
	--font-size-015: 0.75rem;
	--font-size-014: 0.7rem;

	/* color */
	--color-black: #000;
	--color-blue: #0b78c3;
	--color-gray: #555;
	--color-red: #d9534f;
	--color-green: #138468;
	--color-purple: #28348a;
	--color-navy: #0b337c;
	--color-sky: #259bff;
	--color-orange: #ff620d;

    /* transition */
    --trst-short: 0.2s;
    --trst-medium: 0.4s;
}



/* slick slide common */
.slick-slider {transition: 0.3s ease-in-out; box-sizing: border-box; user-select: none; touch-action: pan-y;}
.slick-slide {display: none; min-height: 1px;}
.slick-list {overflow: hidden;}
.slick-list.dragging {cursor: pointer;}
.slick-initialized .slick-slide {display: inline-block;}
.slick-arrow.slick-hidden {display: none;}
.slick-current {display: block; opacity: 1;}
.slick-track {display: flex; margin-left: auto; margin-right: auto; position: relative; left: 0; top: 0;}
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden {display: inline-block;}



/* radio + checkbox */
input[type="radio"] + label,
input[type="checkbox"] + label {
	/* 모든 요소에서 텍스트 드래그 방지 */
    -webkit-user-select: none; /* Chrome, Safari, Opera */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* 일반적인 방법 */
}



/* 설정 */
.container {width: 100%; padding: 0 1rem; margin: 0 auto; position: relative;}



/* 전체 레이아웃 */
#wrap {position: relative; overflow: hidden;}
#wrap ::-webkit-scrollbar {width: 5px; height: 5px;}
#wrap ::-webkit-scrollbar-thumb {border-radius: 10px; background-color: #aaa;}
#wrap ::-webkit-scrollbar-track {border-radius: 10px; background-color: #ddd;}



@media screen and (max-width: 1640px) {}



@media screen and (max-width: 1440px) {

	/* 변수 */
	:root {

		/* font-size */
		--font-size-050: 2rem;
		--font-size-040: 1.75rem;
		--font-size-035: 1.6rem;
		--font-size-032: 1.5rem;
		--font-size-030: 1.4rem;
		--font-size-028: 1.3rem;
		--font-size-026: 1.25rem;
		--font-size-025: 1.25rem;
		--font-size-024: 1.2rem;
		--font-size-023: 1.15rem;
		--font-size-022: 1.1rem;
		--font-size-021: 1.05rem;
		--font-size-020: 1rem;
		--font-size-019: 0.95rem;
		--font-size-018: 0.9rem;
		--font-size-017: 0.85rem;
		--font-size-016: 0.8rem;
		--font-size-015: 0.75rem;
		--font-size-014: 0.7rem;
	}
}



@media screen and (max-width: 1240px) {

	/* 변수 */
	:root {

		/* font-size */
		--font-size-050: 1.75rem;
		--font-size-040: 1.6rem;
		--font-size-035: 1.5rem;
		--font-size-032: 1.4rem;
		--font-size-030: 1.3rem;
		--font-size-028: 1.2rem;
		--font-size-026: 1.15rem;
		--font-size-025: 1.15rem;
		--font-size-024: 1.1rem;
		--font-size-023: 1.1rem;
		--font-size-022: 1rem;
		--font-size-021: 1rem;
		--font-size-020: 1rem;
		--font-size-019: 0.95rem;
		--font-size-018: 0.9rem;
		--font-size-017: 0.85rem;
		--font-size-016: 0.8rem;
		--font-size-015: 0.75rem;
		--font-size-014: 0.7rem;
	}
}



@media screen and (max-width: 1024px) {}



@media screen and (max-width: 768px) {

	/* 변수 */
	:root {

		/* font-size */
		--font-size-050: 1.5rem;
		--font-size-040: 1.4rem;
		--font-size-035: 1.3rem;
		--font-size-032: 1.2rem;
		--font-size-030: 1.15rem;
		--font-size-028: 1.1rem;
		--font-size-026: 1rem;
		--font-size-025: 1rem;
		--font-size-024: 1rem;
		--font-size-023: 1rem;
		--font-size-022: 0.95rem;
		--font-size-021: 0.95rem;
		--font-size-020: 0.95rem;
		--font-size-019: 0.95rem;
		--font-size-018: 0.9rem;
		--font-size-017: 0.85rem;
		--font-size-016: 0.8rem;
		--font-size-015: 0.75rem;
		--font-size-014: 0.7rem;
	}
}



@media screen and (max-width: 680px) {}



@media screen and (max-width: 580px) {

	/* 변수 */
	:root {

		/* font-size */
		--font-size-050: 1.25rem;
		--font-size-040: 1.2rem;
		--font-size-035: 1.15rem;
		--font-size-032: 1.1rem;
		--font-size-030: 1.1rem;
		--font-size-028: 1.1rem;
		--font-size-026: 1rem;
		--font-size-025: 1rem;
		--font-size-024: 1rem;
		--font-size-023: 1rem;
		--font-size-022: 0.95rem;
		--font-size-021: 0.95rem;
		--font-size-020: 0.95rem;
		--font-size-019: 0.9rem;
		--font-size-018: 0.85rem;
		--font-size-017: 0.8rem;
		--font-size-016: 0.75rem;
		--font-size-015: 0.7rem;
		--font-size-014: 0.65rem;
	}
}



@media screen and (max-width: 480px) {}



@media screen and (max-width: 380px) {

	/* 변수 */
	:root {

		/* font-size */
		--font-size-050: 1.1rem;
		--font-size-040: 1.1rem;
		--font-size-035: 1.05rem;
		--font-size-032: 1.05rem;
		--font-size-030: 1.05rem;
		--font-size-028: 1.05rem;
		--font-size-026: 1rem;
		--font-size-025: 1rem;
		--font-size-024: 1rem;
		--font-size-023: 1rem;
		--font-size-022: 0.95rem;
		--font-size-021: 0.95rem;
		--font-size-020: 0.9rem;
		--font-size-019: 0.85rem;
		--font-size-018: 0.8rem;
		--font-size-017: 0.75rem;
		--font-size-016: 0.7rem;
		--font-size-015: 0.65rem;
		--font-size-014: 0.6rem;
	}
}