/* 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;}
.sum__menu {margin: 0; position: absolute; top: 50%;-ms-transform: translateY(-50%); transform: translateY(-50%);}
	.sum__menu li{display: inline-block;width: 30%; padding: 15px 5px; }
	.sum__menu img{ width: 100%;}

.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 5%;}
	.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;}}
    
    @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype'); } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype') } @font-face { font-family: 'NanumBarunGothic'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot'); src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype'); } .nanumbarungothic * { font-family: 'NanumBarunGothic', sans-serif; }
	.main-slider__texthead__title__text span{ font-family: 'NanumBarunGothic', sans-serif;letter-spacing: 0.5px; padding: 0.5px 1px;}
.Garamond {font-family: 'Cormorant Garamond'!important ;}
.ebGaramond {font-family: 'EB Garamond'!important ; font-size: 0.9em!important;line-height:1.4em!important}
	.ebGaramond	.main-slider__texthead__title__text span{font-family: 'EB Garamond'!important ; font-size: 1em!important;letter-spacing: 0.1px; }
	.button, .ccm-input-submit{font-family: 'NanumBarunGothic', sans-serif; color: #fff;font-size: 14px; 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;}
	

@media screen and (max-width: 1500px) 
	{.button, .ccm-input-submit{font-family: 'NanumBarunGothic', sans-serif;color: #fff;font-size: 13px; line-height: 1.8em;letter-spacing: 0.2px;}}

@media screen and (min-width: 1650px)
	{.button, .ccm-input-submit{font-family: 'NanumBarunGothic', sans-serif;color: #fff;font-size: 14px; line-height: 1.8em;}}
	
@media screen and (min-width: 1800px)
	{.button, .ccm-input-submit{font-family: 'NanumBarunGothic', sans-serif; color: #fff;font-size: 15px; line-height: 1.8em;}}
@media screen and (min-width: 1950px)
	{.button, .ccm-input-submit{font-family: 'NanumBarunGothic', sans-serif; color: #fff;font-size: 16px; line-height: 1.8em;}}
@media screen and (min-width: 2100px)
	{.button, .ccm-input-submit{font-family: 'NanumBarunGothic', sans-serif; color: #fff;font-size: 17px; line-height: 1.8em;}}
/* BASIC css end */