@font-face {
font-family: 'gsans';
src: url(fonts/GmarketSansTTFBold.woff) format('woff');
font-weight:500;
}

@font-face {
font-family: 'gsans';
src: url(fonts/GmarketSansTTFMedium.woff) format('woff');
font-weight:400;
}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('fonts/notokr-thin.eot');
    src: url('fonts/notokr-thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-thin.woff2') format('woff2'),
         url('fonts/notokr-thin.woff') format('woff'),
         url('fonts/notokr-thin.ttf') format('truetype'),
         url('fonts/notokr-thin.svg#notokr-thin') format('svg');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('fonts/notokr-light.eot');
    src: url('fonts/notokr-light.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-light.woff2') format('woff2'),
         url('fonts/notokr-light.woff') format('woff'),
         url('fonts/notokr-light.ttf') format('truetype'),
         url('fonts/notokr-light.svg#notokr-light') format('svg');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('fonts/notokr-regular.eot');
    src: url('fonts/notokr-regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-regular.woff2') format('woff2'),
         url('fonts/notokr-regular.woff') format('woff'),
         url('fonts/notokr-regular.ttf') format('truetype'),
         url('fonts/notokr-regular.svg#notokr-regular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('fonts/notokr-medium.eot');
    src: url('fonts/notokr-medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-medium.woff2') format('woff2'),
         url('fonts/notokr-medium.woff') format('woff'),
         url('fonts/notokr-medium.ttf') format('truetype'),
         url('fonts/notokr-medium.svg#notokr-medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('fonts/notokr-bold.eot');
    src: url('fonts/notokr-bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-bold.woff2') format('woff2'),
         url('fonts/notokr-bold.woff') format('woff'),
         url('fonts/notokr-bold.ttf') format('truetype'),
         url('fonts/notokr-bold.svg#notokr-bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'noto';
	src: local('※');
    src: url('fonts/notokr-black.eot');
    src: url('fonts/notokr-black.eot?#iefix') format('embedded-opentype'),
         url('fonts/notokr-black.woff2') format('woff2'),
         url('fonts/notokr-black.woff') format('woff'),
         url('fonts/notokr-black.ttf') format('truetype'),
         url('fonts/notokr-black.svg#notokr-black') format('svg');
    font-weight: 800;
    font-style: normal;
}



html, body, table, tr, td, input, button, select, a { font-family:'Montserrat', 'noto',sans-serif !important; font-weight:400; }

.navTitle h1 { font-size:34px; color:#000; letter-spacing:-0.04em;  font-family:'gsans', sans-serif; }
.navTitle a { font-size:16px; font-weight:500; }

#main_nav h2 { font-size:34px; color:#000; letter-spacing:-0.04em; font-family:'gsans', sans-serif; }

#quickChat { position:fixed; right:3%; bottom:20px; z-index:99; }
#quickChat p { display:block; width:84px; height:90px; border-radius:14px; border:1px solid #eee; box-shadow:5px 10px 10px rgba(0,0,0,0.04); background:#fff; }
#quickChat p img { position:absolute; margin-top:-10%; left:50%; top:50%; transform:translate(-50%,-50%); }
#quickChat p:hover { background:#f8f5ee; }

#quickCustomer { position:fixed; right:3%; bottom:120px; z-index:99; }
#quickCustomer p { display:block; width:84px; height:80px; border-radius:14px; border:1px solid #eee; box-shadow:5px 10px 10px rgba(0,0,0,0.04); background:#fff; }
#quickCustomer p img { position:absolute; margin-top:-10%; left:50%; top:50%; transform:translate(-50%,-50%); }
#quickCustomer p:hover { background:#f8f5ee; }


/*p.promoBanner { position:absolute; display:inline-block; top:30px; left:10px; padding:6px 8px; background:#ff4e00; border-radius:4px; font-weight:500; color:#fff; letter-spacing:-0.04em; font-size:14px; line-height:14px; }*/

span.promoBanner {padding:4px 5px; background:#ff4e00; border-radius:4px; font-weight:500; color:#fff; letter-spacing:-0.04em; font-size:14px; line-height:14px; }