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

/* 팬텀디자인 공용 레이아웃 지정 */
#common > .common_title h3 { font-size:20px; letter-spacing:6px; color:#08b3de; font-weight:500; }
#common > .common_title h1 { word-break:keep-all; margin-top:30px; font-size:40px; font-weight:600; letter-spacing:-2px; color:#08b3de;}
#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:#08b3de; }

/* 폰트크기 */
.ft-40 { font-size:40px; font-weight:600; letter-spacing:-2px; line-height:40px;}
.ft-36 { font-size:36px; font-weight:600; letter-spacing:-1px; line-height:36px;}
.ft-30 { font-size:30px; font-weight:500; letter-spacing:-1px; line-height:30px;}
.ft-24 { font-size:24px; letter-spacing:-1px; font-weight:400; line-height:36px;}
.ft-20 { font-size:20px;  letter-spacing:-1px; font-weight:400; line-height:30px;}
.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:#08b3de; 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:#08b3de;}
#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:30px;}
.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;}
}