/* 폰트불러오기 */
@font-face {
    font-family: 'Noto Sans KR, sans-serif';
    font-style: normal;
    font-weight: 100;
    src: url('./font/NotoSansKR-Thin.woff2') format('woff2'),
    url('./font/NotoSansKR-Thin.woff') format('woff'),
	url('./font/NotoSansKR-Thin.otf') format('opentype');
}


@font-face {
    font-family: 'Noto Sans KR, sans-serif';
    font-style: normal;
    font-weight: 300;
    src: url('./font/NotoSansKR-Light.woff2') format('woff2'),
    url('./font/NotoSansKR-Light.woff') format('woff'),
	url('./font/NotoSansKR-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR, sans-serif';
    font-style: normal;
    font-weight: 350;
    src: url('./font/NotoSansKR-DemiLight.woff2') format('woff2'),
    url('./font/NotoSansKR-DemiLight.woff') format('woff'),
	url('./font/NotoSansKR-DemiLight.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR, sans-serif';
    font-style: normal;
    font-weight: 400;
    src: url('./font/NotoSansKR-Regular.woff2') format('woff2'),
    url('./font/NotoSansKR-Regular.woff') format('woff'),
	url('./font/NotoSansKR-Regular.otf') format('opentype');
	}

@font-face {
    font-family: 'Noto Sans KR, sans-serif ';
    font-style: normal;
    font-weight: 500;
    src: url('./font/NotoSansKR-Medium.woff2') format('woff2'),
    url('./font/NotoSansKR-Medium.woff') format('woff'),
	url('./font/NotoSansKR-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url('./font/NotoSansKR-Bold.woff2') format('woff2'),
    url('./font/NotoSansKR-Bold.woff') format('woff'),
	url('./font/NotoSansKR-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url('./font/NotoSansKR-Black.woff2') format('woff2'),
    url('./font/NotoSansKR-Black.woff') format('woff'),
	url('./font/NotoSansKR-Black.otf') format('opentype');
}


/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Noto Sans KR'sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Noto Sans KR', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Noto Sans KR' sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Noto Sans KR' sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

/* 팬텀디자인 레이아웃 크기 지정 */
#common { width:100%; display:inline-block; font-family:'Noto Sans KR'; margin-top:0px;word-break: keep-all;}
#common .wrap { width:100%; max-width:1200px; margin:0 auto; text-align:center; }
#common img { width:auto; max-width:100%; }

/* 팬텀디자인 공용 레이아웃 지정 */
#common > .common_title h3 { font-size:20px; letter-spacing:6px; color:#293160; font-weight:500; }
#common > .common_title h1 { word-break:keep-all; margin-top:30px; font-size:48px; font-weight:600; letter-spacing:-2px; color:#293160;}
#common > .common_title h1 strong {color:#222;}
#common > .common_title p.content { font-size:18px; line-height:30px; font-weight:350; color:#888; letter-spacing:-1px; margin:30px 0; }


/* 폰트색상 */
.fc-white { color:#fff; }
.fc-black { color:#222; }
.fc-gray { color:#888; }
.fc-pd { color:#293160; }

/* 폰트크기 */
.ft-40 { font-size:36px; font-weight:400; letter-spacing:-2px; line-height:40px;}
.ft-36 { font-size:36px; font-weight:600; letter-spacing:-1px; line-height:36px;}
.ft-30 { font-size:28px; font-weight:500; letter-spacing:-1px; line-height:30px;}
.ft-24 { font-size:24px; letter-spacing:-1px; font-weight:400; line-height:24px;}
.ft-20 { font-size:20px;  letter-spacing:-1px; font-weight:400; line-height:50px; color:#222;}
.ft-18 { font-size:18px; letter-spacing:-1px; font-weight:300; line-height:18px;}
.ft-16 { font-size:16px; letter-spacing:-1px; font-weight:300; line-height:24px;}
.ft-13 { font-size:13px; letter-spacing:-0.5px; font-weight:350; line-height:13px;}

/* 폰트굵기 */
.fw-300 { font-weight:300; }
.fw-350 { font-weight:350; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-600 { font-weight:600; }

/* 패딩 상하 */
.pd-100 { padding:100px 0; }
.pd-30 { padding:30px 0; }
.pd-20 { padding:20px 0; }
.pd-15 { padding:15px 0; }

/* 패딩 상 */
.pt-30 { padding-top:30px; }
.pt-20 { padding-top:20px; }

/* 패딩 하 */
.pb-30 { padding-bottom:30px; }
.pb-20 { padding-bottom:20px; }

/* 마진 상단 */
.mt-10 { margin-top:10px; }
.mt-20 { margin-top:20px; }
.mt-30 { margin-top:30px; }
.mt-40 { margin-top:40px; }
.mt-50 { margin-top:50px; }
.mt-80 { margin-top:80px; }
.mt-100 { margin-top:100px; }
.mt-150 { margin-top:150px; }

/* 마진 하단 */
.mb-20 { margin-bottom:20px; }
.mb-30 { margin-bottom:30px; }

/* 마진 우측 */
.mr-50 { margin-right:50px; }

/* line-height */
.lh-20 { line-height:20px; }
.lh-30 { line-height:30px; }
.lh-36 { line-height:36px; }
.lh-48 { line-height:48px; }

/* PC/모바일 CSS 구분자 */
.mobile_only { display:none; } 

/* 1200px 이하 반응형 */
@media (max-width:1200px) {
/* 팬텀디자인 공용 레이아웃 지정 */
#common > .common_title h3 { font-size:min(18px, 4vw); letter-spacing:6px; color:#293160; font-weight:500; }
#common > .common_title h1 { word-break:keep-all; margin-top:30px; font-size:min(40px, 8vw); font-weight:600; letter-spacing:-2px; color:#293160;}
#common > .common_title h1 strong {color:#222;}
#common > .common_title p.content { font-size:min(16px, 3.5vw); line-height:30px; font-weight:350; color:#888; letter-spacing:-1px; margin:30px 0; }

/* PC/모바일 CSS 구분자 */
.mobile_only { display:inline-block; }
.pc_only { display:none; }

/* 폰트크기 */
.ft-40 { font-size:min(36px, 6vw); letter-spacing:-1px; line-height:40px;}
.ft-36 { font-size:min(30px, 5.5vw); letter-spacing:-1px; line-height:36px;}
.ft-30 { font-size:min(24px, 5vw); letter-spacing:-1px; line-height:30px;}
.ft-24 { font-size:min(20px, 4.2vw); letter-spacing:-1px; line-height:24px;}
.ft-20 { font-size:min(18px, 4vw); letter-spacing:-1px; line-height:40px;}
.ft-18 { font-size:min(16px, 3.5vw); letter-spacing:-1px; line-height:18px;}
.ft-16 { font-size:min(14px, 3.1vw); letter-spacing:-1px; line-height:24px;}
.ft-13 { font-size:12px; letter-spacing:-0.5px; line-height:13px;}
}