

/* °øÅë HTML ±âº» ÄÚµå ¼±¾ð */
html,body					{ font-size:14px; }
label						{ cursor:pointer; }
ul,ol,dl					{ list-style:none; }
li,ul,ol,dl					{ margin:0; padding:0; }
img						{ border:0px; }


/* °øÅë Class ±âº» ÄÚµå ¼±¾ð */
.max_width					{ width:1600px; }
.text_center					{ display:flex; justify-content:center;}
.inline_block					{ display:inline-block; }


/* ¸®½ºÆ® */
.license_list					{ width:100%; }
.license_list	> li				{ box-sizing:border-box; width:25%; float:left; text-align: center; }
.license_list	> li > div			{ box-sizing:border-box; max-width:320px; display:inline-block;  background-color: #fff; }

.license_img				{ height:400px; overflow:hidden; border:1px solid #aaa; }
.license_img img				{ width:97%; transition:all ease-in 0.2s 0s; /* transition-property:all; transition-duration:0.5s;*/ }
.license_img img:hover			{ transform:scale(1.05); transition:all ease-in 0.2s 0s;  }

.license_contents				{ height:200px; max-width:100%; box-sizing:border-box; padding-top:1em; padding: 20px;  }
.license_list_title				{ display:inline-block; width:100%; font-weight:bold; font-size:1.5em; }
.license_list_description			{ box-sizing:border-box; display:inline-block; height:2.6em; width:100%;  white-space: nowrap; overflow:hidden; text-overflow:ellipsis;  font-size:1.2em; padding-top:0.1em; }

/* °Ë»ö¿µ¿ª */
.search_results				{ font-weight:bold; font-size:1.5em; text-align:center;  }
.no_search_results			{ font-weight:bold; font-size:1.5rem; text-align:center;  }



/* º¸±â */
.license_view				{ max-width:100%; font-size:1.5rem; text-align: center;}
.license_view img			{ max-width:100%; border:1px solid #ddd; }
.license_title				{ max-width:100%; font-weight:bold; font-size:1.2em; text-align: center; display:inline-block; }
.txc-image					{ width:100%; max-width:100%; }



/* Mobile HD */
@media screen and			(min-width: 420px) and (max-width: 768px){
	html,body				{ font-size:12px; }
	.license_list	> li			{ width:50%; float:left; text-align: center; }
	.license_list	> li > div		{ height:300px; }
	.license_list_title			{ font-size:1.2rem; }
}

/* Mobile LD */
@media screen and (max-width: 420px){
	html,body				{ font-size:12px; }
	.license_list	> li			{ width:50%; float:left; text-align: center; }
	.license_list	> li > div		{ height:280px; }
	.license_contents			{ padding-left:0; padding-right:0; }
	.license_list_title			{ font-size:1.2rem; }
	.license_img			{ height:230px;}
	
}

@media screen and (max-width: 320px){
	html,body				{ font-size:12px; }
	.license_list	> li			{ width:100%; float:left; text-align: center; }
	.license_list	> li > div		{ height:280px; }
	

}