@charset "utf-8";

/* 내용관리 */
#ctt {margin:10px 0;padding:20px 0;background:#fff}
.ctt_admin {text-align:right; position: absolute; width:100%;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em}
#ctt_con img{max-width:100%;height:auto}
.ctt_img {text-align:center}

.phantom_content { width:100%; display:inline-block; margin-top:100px; }
.phantom_content .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; }
.phantom_content .wrap > h1 { display:inline-block; position:relative; font-size:40px; letter-spacing:-1px; padding-bottom:50px; margin-bottom:50px;}
.phantom_content .wrap > h1 b { color:#e09e4f; }
.phantom_content .wrap > h1::after { content:''; position:absolute; width:50px; height:1px; background:#e1e1e1; left:calc(50% - 25px); bottom:0; }

.phantom_content .wrap > .wrap_content { display:block; margin-bottom:60px;}
.phantom_content .wrap > .wrap_content > h1 { font-size:30px; margin-bottom:30px; letter-spacing:-1px; color:#333; }
.phantom_content .wrap > .wrap_content > p { font-size:16px; letter-spacing:-0.5px; color:#999; font-weight:400; }
.phantom_content .wrap > .wrap_content > p b { color:#000; }


.phantom_content_eco { width:100%; display:inline-block; background:#f9f9f9; padding:100px 0; margin-top:150px; }
.phantom_content_eco .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; display:flex;}
.phantom_content_eco .wrap .subject { width:calc(100% / 3); text-align:left; font-size:40px; letter-spacing:-1px; color:#333; }
.phantom_content_eco .wrap .subject b { color:#e09e4f; letter-spacing:-1px; } 


.phantom_content_eco .wrap .num_box { display:flex; width:calc(100% / 3); text-align:left; }
.phantom_content_eco .wrap .num_box p {font-size:16px; color:#999; margin-top:30px;}
.phantom_content_eco .wrap .num_box h1 { font-size:24px; color:#c0c0c0; line-height:24px;}
.phantom_content_eco .wrap .num_box h2 { font-size:30px; color:#222; line-height:30px;}

.phantom_content_eco .wrap .num_box .flex_box { margin-left:30px; letter-spacing:-1px; }


.phantom_content_company { width:100%; display:inline-block; background:url('../../../img/phantomdesign/company_bg.png') no-repeat center center; background-size:cover; padding:100px 0; }
.phantom_content_company .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; }
.phantom_content_company .wrap > h1 { font-size:40px; color:#fff;}
.phantom_content_company .wrap > h1 b { color:#e09e4f;}
.phantom_content_company .wrap > h2 { font-size:16px; color:#999; font-weight:400; letter-spacing:-1px; margin-top:20px;}
.phantom_content_company .wrap > ul { width:100%; margin-top:50px; display:flex;justify-content:space-between; align-items: stretch;}
.phantom_content_company .wrap > ul > li { background:#fff; margin-right:30px; }
.phantom_content_company .wrap > ul > li:nth-last-child(1) { margin-right:0; } 
.phantom_content_company .wrap > ul > li .content { display:block; padding:30px; }
.phantom_content_company .wrap > ul > li .content h1 { font-size:24px; letter-spacing:-1px; color:#222; line-height:24px; }
.phantom_content_company .wrap > ul > li .content p { font-size:16px; letter-spacing:-1px; color:#666; font-weight:400; margin-top:15px; }



.phantom_content_ceo_title { width:100%; display:inline-block; margin-top:100px; background:url('../../../img/phantomdesign/ceo_bg.png') no-repeat center center; background-size:cover; padding:50px 0; }
.phantom_content_ceo_title .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; }
.phantom_content_ceo_title .wrap > h1 { font-size:40px; color:#fff; letter-spacing:-1px; padding-bottom:40px; margin-bottom:40px; position:relative;}
.phantom_content_ceo_title .wrap > h1::after { content:''; position:absolute; width:50px; height:1px; background:#e1e1e1; left:calc(50% - 25px); bottom:0; }
.phantom_content_ceo_title .wrap > h1 b { color:#e09e4f;}
.phantom_content_ceo_title .wrap > h2 { font-size:24px; color:#fff; font-weight:400; letter-spacing:-1px; margin-top:20px;}


.phantom_content_ceo_content { width:100%; display:inline-block; margin:100px 0; }
.phantom_content_ceo_content .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; display:flex; }
.phantom_content_ceo_content .wrap .ceo_content h1.subject { text-align:left; font-size:40px; letter-spacing:-1px; color:#333; }
.phantom_content_ceo_content .wrap .ceo_content h1.subject b { color:var(--mainDColor); letter-spacing:-1px; } 
.phantom_content_ceo_content .wrap img { margin-right:100px; }

.phantom_content_ceo_content .wrap .ceo_content { text-align:left; }
.phantom_content_ceo_content .wrap .ceo_content h3 { font-size:16px; color:#444; font-weight:600; margin-top:50px; letter-spacing:-1px; }
.phantom_content_ceo_content .wrap .ceo_content h3 img { margin-left:15px; vertical-align:middle; }
.phantom_content_ceo_content .wrap .ceo_content .explain { text-align:left; }
.phantom_content_ceo_content .wrap .ceo_content .explain h1 { margin:50px 0; margin-bottom:20px; font-size:30px; font-weight:500; letter-spacing:-1.5px; color:#000; }
.phantom_content_ceo_content .wrap .ceo_content .explain p { font-size:16px; color:#999; font-weight:400; letter-spacing:-1px; }

@media screen and (max-width: 1000px) {
	.phantom_content_ceo_content {margin: 50px 0;}
	.phantom_content_ceo_content .wrap {flex-wrap: wrap;}
	.phantom_content_ceo_content .wrap > img {width:100%; margin-right:0;}
	.phantom_content_ceo_content .wrap .ceo_content {width: 100%; padding: 0 15px; }
	.phantom_content_ceo_content .wrap .ceo_content h1.subject {font-size: 30px;}
	.phantom_content_ceo_content .wrap .ceo_content .explain h1 {font-size: 24px;}
	.phantom_content_ceo_content .wrap .ceo_content .explain p {font-size: 14px;}
}