/* BASIC css start */
html, body{background-color: #ffffff!important} 
#header{    background: none!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;}
	
@media screen and (min-width: 700px)
	{.home-intro__docu-previews .preview {
    -ms-transform: translateX(-50%);
    transform: translateX(22%);
    position: relative;
    z-index: 0;
    display: none;
    width: 70%;}
@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 */