@charset "utf-8";

@font-face {font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 300; src: url(../fonts/NotoSansCJKkr-Thin.woff2) format('woff2'), url(../fonts/NotoSansCJKkr-Thin.woff) format('woff')}
@font-face {font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 400; src: url(../fonts/NotoSansCJKkr-Medium.woff2) format('woff2'), url(../fonts/NotoSansCJKkr-Medium.woff) format('woff')}
@font-face {font-family: 'Noto Sans CJK KR'; font-style: normal; font-weight: 700; src: url(../fonts/NotoSansMonoCJKkr-Bold.woff2) format('woff2'), url(../fonts/NotoSansMonoCJKkr-Bold.woff) format('woff')}

/*공통 css*/
/*reset*/
*{padding:0; margin:0; box-sizing:border-box;}
html, body {height: 100%;}
body{width: 100%; margin:0 auto; position:relative; -webkit-text-size-adjust: none; -webkit-overflow-scrolling:touch; word-break: keep-all}
body {font-family: 'Noto Sans CJK KR',dotum,'돋움',arial,sans-serif; font-size: 14px; color: #444; font-weight: 300; line-height: 1.56; -webkit-text-size-adjust: none; -webkit-overflow-scrolling:touch; word-break: keep-all; background:#fff; }
h1, h2, h3, h4, h5, h6{line-height:normal; font-size:100%; font-weight:normal;  }
/* font-size:100%;  기본 폰트사이즈 가지지 않도록 선언 필요*/
ul, ol, li{list-style:none}
a, a:hover,a:active,a:visited{text-decoration:none;color:#444; }
img{border:0;vertical-align:top; width:100%;}
button{border:0;background-color:transparent;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:400;color:#666;vertical-align:middle; margin-top:-2px;
outline:0;}
textarea{resize:none;width:100%;height:248px;padding:5px;vertical-align:top;font-size:14px;font-family:inherit;color:#666}
em,address{font-style:normal}
table{width:100%;table-layout:fixed;word-wrap:break-word;border-collapse:collapse}
caption{width:0;height:0;line-height:0;font-size:0;color:transparent}
strong{font-weight:500;color:#222}
label{vertical-align:middle;cursor:pointer}
.fa, .fas, .fal, .far{vertical-align:middle; }
img{vertical-align:middle;}
/* Select css 초기화 */ 
select { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none}
/* input css 초기화 */
input{font-size:14px; vertical-align:middle; }
input::-ms-clear {display: none}
input[type="text"], input[type="password"] {height: 39px; font-size: 15px; border: 1px solid #d3d3d3}
input[type="text"], input[type="password"], textarea {border-radius: 0; box-sizing: border-box}
input[type="radio"]{display:none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
input[type="checkbox"] {display: none; }
input[type="checkbox"]:checked{-webkit-appearance: none; -moz-appearance: none; appearance: none; } 

/*전 페이지 콘텐츠 아우터 - 공통적용*/
.outer{width:100%;}
/*하이라이터 컬러 - 지쿱 시그니처 컬러*/
.high-lighter{color:#0abab5; font-weight: 400;}
/*텍스트 오른 정렬*/
.align-right{float:right;}
/*말줄임*/
.multi-name-line{ white-space: normal; line-height: 1.2; height:38px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;}