/* BASIC css start */
#header>.menu>.logo {display:none !important;}
#header>.menu>ul{display:none !important;}
#header>.menu>div.bar {   background-image: url(/design/urbanic30/9607/makeshop/icon/menu.png) !important;}


.main-slider__texthead__title__text span{font-family: 'Libre Baskerville', serif;}
	.button, .ccm-input-submit{font-family: 'Noto Serif KR', serif; color: #fff;font-size: 16px; line-height: 1.8em;}
	.size_10 {font-size: 4em;}
	.img_card{position: absolute;  width:100%;right: 0;float: right;}
	.img_card img {    width: 21%;float: right; padding: 4% 1% 0 0;;}
	h3::before{content:'';display:none;width:100%;height:2px;-webkit-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;-webkit-transition:transform 0.3s ease-out;-moz-transition:transform 0.3s ease-out;-ms-transition:transform 0.3s ease-out;-o-transition:transform 0.3s ease-out;transition:transform 0.3s ease-out;}
	.textbox {    padding: 0 10px;}
	.han{font-size: 0.75em !important; }
 

@media screen and (max-width: 1500px) 
	{.button, .ccm-input-submit{font-family: 'Noto Serif KR', serif; color: #fff;font-size: 15px; line-height: 1.8em;}}

@media screen and (min-width: 1650px)
	{.button, .ccm-input-submit{font-family: 'Noto Serif KR', serif; color: #fff;font-size: 17px; line-height: 1.8em;}}
	
@media screen and (min-width: 1800px)
	{.button, .ccm-input-submit{font-family: 'Noto Serif KR', serif; color: #fff;font-size: 18px; line-height: 1.8em;}}
@media screen and (min-width: 1950px)
	{.button, .ccm-input-submit{font-family: 'Noto Serif KR', serif; color: #fff;font-size: 19px; line-height: 1.8em;}}
@media screen and (min-width: 2100px)
	{.button, .ccm-input-submit{font-family: 'Noto Serif KR', serif; color: #fff;font-size: 20px; line-height: 1.8em;}}
/* BASIC css end */