:root {
	--COLOR-KUMKANG: #363740;
	/*--COLOR-KUMKANG-LIGHT: #444654;*/
	--COLOR-KUMKANG-LIGHT: #5B5F75;
	--COLOR-TUCKER: #bb1e10;
	--COLOR-TUCKER_GREY: #c5c7c4;
	--COLOR-ADDINOL: #2c929c;
	--COLOR-ADDINOL_RED: #da0019;
	--COLOR-ADDINOL_DARK: #1B6171;
	--COLOR-ADDINOL_GREY: #87888A;
	--COLOR-PERMA: #d40026;
	--MIN-WIDTH: 250px;
	--MAX-WIDTH: 80rem;
	--LINE-HEIGHT: 1.5rem;

}



html{
	font-family: 'Noto Sans KR', sans-serif;
	font-size: 16px;
	
	/*min-width: var(--MIN-WIDTH);*/
}

/*
@media (maxwidth: 420px) {
	white-space: nowrap;
    
    html{
        font-size: 14px;
    }
}
*/

header {
	width: 100%;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-color: var(--COLOR-KUMKANG);
	text-align: center;
		
}

.title-link{
	display: inline;
}

h1{
	
	/*font-family: 'Noto Sans KR', sans-serif;*/
	/*font-family: 'Nanum Brush Script', cursive;*/
    font-family: "Black Han Sans", sans-serif;
  	font-style: normal;
	/*font-weight: 100;*/
	font-size: 3rem;
	letter-spacing: .5rem;
	
	/*background-color: black;*/
	color: white;
}

h2{
	margin-top: 1rem;
	margin-bottom: 1rem;

    font-size: 1.5rem;
	font-weight: 600;
} 

h3{
	margin-top: 0;
	margin-bottom: 0.5rem;

    font-size: 1.2rem;
    font-weight: 600;
}


p{
	margin-bottom: 2rem;

}


nav {
	background-color: var(--COLOR-KUMKANG);
	
	/*left: center;*/
	/*min-width: 50rem; */
	padding: 0rem;
}


nav ul {
	/* li 버튼 간 간격 제어 */ 
	/*font-size: 0rem; 
	
	list-style-position: inside;
		
	text-align: center;*/
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-start;
	flex-wrap: nowrap;
	
}

nav li {
	padding: 1rem;
	margin: 0rem;
	width: 8rem;
	
	border-top-left-radius: 1rem;
	border-top-right-radius: 1rem;
	
	/* display: inline-block; */
	
	
	font-size: 1rem;
	font-weight: 600;
	color: white;
	text-align: center;
		
	cursor: pointer;

}

@media (max-width: 800px) {
	nav li{
		width: 20vw;
		padding: 2vw;
		
		border-top-left-radius: .5rem;
		border-top-right-radius: .5rem;

		font-size: 0.8rem;
	}

}



nav li * {
	pointer-events: none;
}

nav li:hover * {
	pointer-events: auto;
}

article {
	background-color: white;
	line-height: 1.5rem;

	display: flex;
	justify-content: center;	
	
	/*padding: 1rem; */
	/*margin: 1rem;*/
}

.main_contents {
	/*max-width: var(--MAX-WIDTH);*/
	/*width: 95%;*/

	text-align: left;
	line-height: var(--LINE-HEIGHT);
	
}

.cont-hori {

	width: 95%;
	max-width: var(--MAX-WIDTH);

	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-evenly;
	align-items: stretch;
	align-content: stretch;
	/*align-content: center;*/
	/*flex-wrap: nowrap;*/

	text-align: center;
	
	padding: 0%;
	margin: 2rem 0px;
	
}

.cont-vert {

	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	justify-content: center;
	/*flex-wrap: nowrap;*/
}



.cont-vert-company {
	width: 40%;
	min-width: var(--MIN-WIDTH);
	height: auto;

    padding: 2rem;

	position: relative;
	overflow: hidden;
}


.color-dark {
    background-color: var(--COLOR-KUMKANG-LIGHT);
    color: white;
}


.pic_company {
	
	width: 90%;
	min-width: var(--MIN-WIDTH);

	height: auto;
	
	margin: auto;
    
	
	/*
	max-height: 15rem;
	max-width: 20rem;
	*/
	
	display: inline;
	
    align-items: center;
}


iframe {
	/*margin: 1rem;*/
	
    
	/*height: 100%; */
	
    /*width: 400px;*/
	min-width: var(--MIN-WIDTH);
	aspect-ratio: 1 / 1;
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 50%;       /* 부모 div의 가로 100% */
	height: 100%;      /* 부모 div의 세로 100% */
	border: 0;
	
}

.bar{
	width: 100%;
	height: 1.2rem;
}

a {
		text-decoration: none;
		color: black;
}

.menu:link {
  color: white; /* 방문하지 않은 링크의 색상 */
}

.menu:visited {
  color: white; /* 방문한 링크의 색상 */
}

.link2origin {
	margin: 2rem;
}

.logo{
	/*min-height: 2rem;*/
	min-width: var(--MIN-WIDTH);
}

.logo-link {
	margin-left: 1rem;
	margin-right: 1rem;
}

.logo-link:link {
  color: black; /* 방문하지 않은 링크의 색상 */
}

.logo-link:visited {
  color: black; /* 방문한 링크의 색상 */
}



table, 
tr, 
th, 
td {
	border-width: .1rem;
	border-style: solid;
	
	
	padding: 1rem;
	/* margin: 20px; */
}



section {
	margin-top: 2rem;	
    margin-right: 1rem;
    margin-left: 1rem;
    margin-bottom: 4rem;

	
}

img {
	min-width: 200px;
}

.address {
	width: 40%;
	
	border-style: dotted;
	border-color: green;
	border-width: 1px;
}

.list-disc{
	list-style: disc;
}

.product-list {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.product {
    display: flex;
	flex-wrap: wrap;
    overflow:hidden;
    align-items: center; 		/*수직 정렬: 중앙*/
	justify-content: center; 	/* 가로 정렬: 중앙 */
    margin: 2rem;
}

.product-photo {
	width: 10rem;

	height: auto;

    padding: 1rem;

    display:flex;
    justify-content: center;
    align-items: center;

}

.product-description {
    
    padding: 1rem;
}


.button {
	height: 3rem;
	width: auto;
}

footer {
	
	font-family: 'Noto Sans KR', sans-serif;
	font-weight: 400;
	font-size: .8rem;
	letter-spacing: .1rem;
	line-height: 1rem;
	color: white;
}

.footer_container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background-color: var(--COLOR-KUMKANG);

}

.footer_info{
	
	margin: 1rem;
	display: inline-block;
}