@charset "utf-8";
@import url('/font/NotoSansKR/fonts.css'); /* 211210 연결 */
@import url('/font/XEIcon-2.3.3/xeicon.min.css'); /* 211210 연결 */
@import url('/font/RemixIcon-4.2.0/remixicon.css'); /* 240715 연결 */
@import url('/font/Geologica/fonts.css'); /* 240715 연결 */

.global-font{font-family: 'NotoSansKR'; font-weight: 400;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, main,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}

/* base styles */
* { margin:0; padding:0;}
body {padding: 0; font-size: 1rem; line-height: 1.5; color: #111;}
a {color: #111; text-decoration: none; }
a:hover, a:active {text-decoration: none; }
blockquote {margin: 1rem 40px; }
pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
li {list-style: none; }
i, em, address {font-style: normal; }
button, input, select, textarea {font-size: 100%; margin: 0; vertical-align: baseline; }
button {-webkit-appearance: none; box-sizing: content-box; /* padding: .4em 1rem;*/ border: 0 none; background: transparent; line-height: normal; }
input[type="checkbox"], input[type="radio"] {vertical-align: middle; }
input[type="search"] {-webkit-appearance: none; }
textarea {vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid {background-color: #f6f6f6; }
table {width: 100%; empty-cells: show; }
td {vertical-align: middle; }
select {vertical-align: middle; }
::-webkit-input-placeholder {color: #aaaaaa; }
:-moz-placeholder {color: #aaaaaa; }o
input::-webkit-input-placeholder {color: #aaaaaa; }
textarea::-webkit-input-placeholder {color: #aaaaaa; }
table caption {position:relative; height:0; width:0; font-size:0;  line-height:0; overflow:hidden;} /* 190215 수정 */

/* base layout */
body, button {font-family: 'NotoSansKR'; font-size: 20px; font-weight: 400; }
input, textarea, select{font-family: 'NotoSansKR'; font-size: 16px; font-weight: 400; }
html {background-color: #fff; }
body {min-width: 280px; letter-spacing: -0.034em; word-spacing: 0.03em; }
h1, h2, h3, h4, h5, h6 {margin: 0; font-weight: 400;}
img {/*max-width: 100%;*/ height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; } /* 190215 max-width:100% 주석처리 */


/* layout grid */
html, body {font-family: 'NotoSansKR'; min-height: 100%; font-size: 20px;}
body {background-color: #fff; -webkit-overflow-scrolling: touch; }
#wrap {-webkit-user-drag: none; touch-action: pan-y; }


/* Skip 메뉴 190613 수정 */
#skipArea, #skipArea ul {height:0; width:100%;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:9999; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NotoSansKR'; opacity:0.9; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60)}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active {top:0}


/* Helper classes */
.hidden {display: none; }
.blind, legend, .hid, hr {position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); }
.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}
.clear {display:block; content:""; clear:both;}

/* 플롯시 컨텐츠 공백 해결 */
.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.clearfix {*zoom:1;}


@media screen and (max-width:1240px) {
  html{font-size: 18px;}
}

@media screen and (max-width:760px) {
  html{font-size: 17px;}
}