@charset "utf-8";

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

/* 서브배너 */
#sub_banner { width:100%; height:auto; position:relative; background:url('../../../img/phantomdesign/sub_banner.png') no-repeat center center; background-size:cover; padding:50px 20px;  }
#sub_banner::after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background-color: rgba(0,0,0, 0.1); } 
#sub_banner .sb_wrap { width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:1; display:flex; justify-content: space-between; align-items: center;}
#sub_banner .sb_wrap .title { color:#fff; font-size:30px; line-height:normal; letter-spacing:-2px; text-shadow: 2px 2px 12px rgba(0,0,0, .5);}
#sub_banner .sb_wrap .title b { display:block; font-weight:500; }
#sub_banner .sb_wrap .submit { transition:0.3s ease all; border:0; color:#0c3f94; font-size:24px; letter-spacing:-2px; padding:16px 60px; font-weight:600; border-radius:5px; background:#fff;-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3); }
#sub_banner .sb_wrap .submit:hover { transition:0.3s ease all; -webkit-box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);-moz-box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);} 


#company { width:100%; display:inline-block; text-align:center; margin:30px 0px;}
#company h1 { font-size:30px; color:#000; font-weight:500; letter-spacing:-1px; }
#company h2 { font-size:18px; color:#999; font-weight:350; line-height:30px; margin:30px 0px; letter-spacing:-1px; }
#company h2 b { font-weight:500; color:#3f51b5; }

#loan { width:100%; display:inline-block; text-align:center; margin:30px 0px;}
#loan .loan_title { width:100%; padding:40px 0px; text-align:center; background:#f4f4f4; border-radius:10px;}
#loan .loan_title h1 { display:inline-block; font-size:32px; letter-spacing:-1.5px; color:#000; font-weight:600; }
#loan .loan_title h2 {  font-size:18px; letter-spacing:-1px; color:#999; font-weight:400; margin-top:20px; }

#loan .loan_cont { width:100%; margin:60px 0px; text-align:left;}
#loan .loan_cont h1 > img { vertical-align:middle; margin-right:10px; } 
#loan .loan_cont h1 { display:inline-block; font-size:32px; font-weight:400; letter-spacing:-1.5px;}
#loan .loan_cont h2 { display:inline-block; font-size:16px; margin-left:10px; font-weight:400; color:#999; letter-spacing:-1px;}
#loan .loan_cont ul { width:100%; display:inline-block; margin-top:15px; }
#loan .loan_cont ul li { width:calc(100% / 3 - 7px); margin-right:10px; border-radius:15px; margin-bottom:10px; position:relative; min-height:200px; z-index:0; float:left; background:#0096d6; padding:30px;}
#loan .loan_cont ul li:nth-child(3n) { margin-right:0;} 
#loan .loan_cont ul li h1 { display:block; font-size:24px;line-height:36px; color:#fff; padding-bottom:10px; font-weight:500; letter-spacing:-1px; margin:0; } 
#loan .loan_cont ul li h2 { display:block; font-size:18px; line-height:30px; color:#fff; font-weight:350; letter-spacing:-1px; margin:0; } 
#loan .loan_cont > ul li > img { position:absolute; bottom:10px; right:10px; z-index:-1;}

#loan .loan_cont .loan_cont_sub { display:inline-block; margin-top:50px; width:100%; }
#loan .loan_cont .loan_cont_sub ul { width:100%; position:relative; display:inline-block; margin-top:15px; }
#loan .loan_cont .loan_cont_sub ul li { width:calc(100% / 4 - 22.5px); text-align:center; margin-right:30px; border-radius:10px; border:2px solid #dcdcdc; border-radius:15px; margin-bottom:10px; position:relative; min-height:200px; z-index:0; float:left; background:#fff; padding:40px 0px;}
#loan .loan_cont .loan_cont_sub ul li:nth-last-child(1) { margin-right:0 } 
#loan .loan_cont .loan_cont_sub ul li h1 { display:block; font-size:16px;line-height:30px; color:#0c3f94; padding-bottom:0px; font-weight:500; letter-spacing:-1px; margin:0; margin-top:15px; } 
#loan .loan_cont .loan_cont_sub ul li h2 { display:block; font-size:14px; line-height:30px; color:#000; font-weight:400; letter-spacing:-1px; margin:0; } 
#loan .loan_cont .loan_cont_sub ul line { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 4 - 35px); width:60px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
#loan .loan_cont .loan_cont_sub ul line:nth-child(2)  { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 2 - 35px); width:60px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
#loan .loan_cont .loan_cont_sub ul line:nth-child(4)  { content:''; position:absolute; top:50%; margin-top:-25px; left:inherit; right:calc(100% / 4 - 35px); width:60px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}

.loan_cont_sub2 { display:inline-block; margin:50px 0px; text-align:center; width:100%; }
.loan_cont_sub2 ul { width:100%; position:relative; display:inline-block; margin-top:15px; }
.loan_cont_sub2 ul li { width:calc(100% / 4 - 22.5px); text-align:center; margin-right:30px; border-radius:10px; border:2px solid #dcdcdc; border-radius:15px; margin-bottom:10px; position:relative; min-height:200px; z-index:0; float:left; background:#fff; padding:40px 0px;}
.loan_cont_sub2 ul li:nth-last-child(1) { margin-right:0 } 
.loan_cont_sub2 ul li h1 { display:block; font-size:16px;line-height:30px; color:#3464c2; padding-bottom:0px; font-weight:500; letter-spacing:-1px; margin:0; margin-top:15px; } 
.loan_cont_sub2 ul li h2 { display:block; font-size:14px; line-height:30px; color:#000; font-weight:400; letter-spacing:-1px; margin:0; } 
.loan_cont_sub2 ul line { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 4 - 35px); width:60px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 ul line:nth-child(2)  { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 2 - 35px); width:60px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 ul line:nth-child(4)  { content:''; position:absolute; top:50%; margin-top:-25px; left:inherit; right:calc(100% / 4 - 35px); width:60px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 h1 > img { vertical-align:middle; margin-right:10px; } 
.loan_cont_sub2 h1 { display:inline-block; font-size:32px; font-weight:400; letter-spacing:-1.5px;}
.loan_cont_sub2 h2 { display:block; font-size:16px; margin-left:10px; margin:20px 0px; font-weight:400; color:#999; letter-spacing:-1px;}

.qna_title { display:inline-block; font-size:30px; letter-spacing:-1px; font-weight:500;  }
.qna_sub_title { display:inline-block; margin-bottom:20px;font-size:16px; color:#666; font-weight:350; letter-spacing:-1px; margin-left:10px; }
.que:first-child { border-top: 2px solid #3464c2; }
.que { position: relative; padding: 20px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #e1e1e1; }
.que::before { display: inline-block; content: 'Q'; font-size: 14px; color: #3464c2; font-weight:600; margin-right: 5px;}
.que.on>span { font-weight: bold; color: #3464c2;  }
.anw {position:relative; display: none;overflow: hidden;font-size: 14px;background-color: #f4f4f2;padding: 27px 0; padding-left:20px; }
.anw::before {display: inline-block;content: 'A'; margin-top:5px; font-size: 14px;font-weight: bold; background:#3464c2; width:24px; text-align:center; line-height:24px; height:24px; border-radius:50%; color: #fff;margin-right: 5px;}
.anw span { padding-left:10px; line-height:30px; letter-spacing:-0.5px; color:#555; font-weight:400; }
.anw[style*='display: block']{	display:flex !important;}

#phantom_qna { width:100%; max-width:1200px; margin:70px auto; padding:0 20px;}



@media (max-width:500px) {

#loan { width:100%; display:inline-block; text-align:center; margin:30px 0px; padding:0 20px; }
#loan .loan_title { width:100%; padding:30px 20px; text-align:center; background:#f4f4f4; border-radius:10px;}
#loan .loan_title h1 { font-size:6vw; letter-spacing:-1px; color:#000; font-weight:600; }
#loan .loan_title h2 {  font-size:3vw; letter-spacing:-0.5px; color:#999; font-weight:400; margin-top:20px; }
#loan .loan_cont { width:100%; margin:60px 0px; text-align:left;}
#loan .loan_cont h1 > img { vertical-align:middle; margin-right:10px; } 
#loan .loan_cont h1 { display:inline-block; font-size:6vw; font-weight:400; letter-spacing:-1.5px;}
#loan .loan_cont h2 { display:block; font-size:3vw; margin-left:0px; margin-top:5px; font-weight:400; color:#999; letter-spacing:-1px;}
#loan .loan_cont ul { display:flex;flex-direction: row; flex-wrap: wrap; }

#loan .loan_cont ul li { width:calc(100% / 2 - 5px);  margin-right:10px; border-radius:15px; margin-bottom:10px; position:relative; z-index:0; float:left; background:#0096d6; padding:20px;}
#loan .loan_cont ul li:nth-child(3n) { margin-right:10px; margin-bottom:10px;} 
#loan .loan_cont ul li:nth-child(2n) { margin-right:0px; margin-bottom:10px;} 
#loan .loan_cont ul li h1 { display:block; font-size:5vw; line-height:3vh; color:#fff; padding-bottom:10px; font-weight:500; letter-spacing:-1px; margin:0; } 
#loan .loan_cont ul li h2 { display:block; font-size:3vw; line-height:3vh; color:#fff; font-weight:350; letter-spacing:-1px; margin:0; } 
#loan .loan_cont > ul li > img { position:absolute; width:40%; bottom:10px; right:10px; z-index:-1;}
#loan .loan_cont .loan_cont_sub { display:inline-block; margin-top:50px; width:100%; }
#loan .loan_cont .loan_cont_sub ul { width:100%; position:relative; display:inline-block; margin-top:15px; }
#loan .loan_cont .loan_cont_sub ul li { width:calc(100% / 2 - 5px); text-align:center; margin-right:5px; border-radius:10px; border:2px solid #dcdcdc; border-radius:15px; margin-bottom:10px; position:relative; min-height:200px; z-index:0; float:left; background:#fff; padding:40px 10px;}
#loan .loan_cont .loan_cont_sub ul li h1 { display:block; font-size:5vw;line-height:30px; color:#0c3f94; padding-bottom:0px; font-weight:500; letter-spacing:-1px; margin:0; margin-top:15px; } 
#loan .loan_cont .loan_cont_sub ul li h2 { display:block; font-size:2.5vw; line-height:30px; color:#000; font-weight:400; letter-spacing:-1px; margin:0; } 
#loan .loan_cont .loan_cont_sub ul line { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 4 - 35px); width:0px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
#loan .loan_cont .loan_cont_sub ul line:nth-child(2)  { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 2 - 35px); width:0px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
#loan .loan_cont .loan_cont_sub ul line:nth-child(4)  { content:''; position:absolute; top:50%; margin-top:-25px; left:inherit; right:calc(100% / 4 - 35px); width:0px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}

.qna_sub_title { margin-left:0; margin-top:10px;  }

.anw span { padding-left:35px; padding-right:15px;}
.anw::before { position:absolute;}


/* 서브배너 */
#sub_banner { width:100%; height:auto; position:relative; background:url('../../../img/phantomdesign/sub_banner.png') no-repeat center center; background-size:cover; padding:50px 20px;  }
#sub_banner::after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background-color: rgba(0,0,0, 0.1); } 
#sub_banner .sb_wrap { width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:1; display:flex; justify-content: space-between; align-items: center;}
#sub_banner .sb_wrap .title { color:#fff; font-size:5vw; letter-spacing:-2px; text-shadow: 2px 2px 12px rgba(0,0,0, .5);}
#sub_banner .sb_wrap .title b { display:block; font-weight:500; }
#sub_banner .sb_wrap .submit { transition:0.3s ease all; border:0; color:#0c3f94; font-size:4vw; letter-spacing:-2px; padding:15px 35px; font-weight:600; border-radius:5px; background:#fff;-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3); }
#sub_banner .sb_wrap .submit:hover { transition:0.3s ease all; -webkit-box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);-moz-box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);} 


.loan_cont_sub2 { display:inline-block; margin:50px 0px; text-align:center; width:100%; }
.loan_cont_sub2 ul { width:100%; position:relative; display:flex; margin-top:15px; flex-direction: row; flex-wrap: wrap; justify-content: center; }
.loan_cont_sub2 ul li { width:calc(100% / 2 - 10px); text-align:center; margin-right:5px; margin-left:0; border-radius:15px; border:2px solid #dcdcdc; margin-bottom:5px; position:relative; z-index:0; float:left; background:#fff; padding:40px 0px;}
.loan_cont_sub2 ul li:nth-of-type(2n) { margin-right:0 } 
.loan_cont_sub2 ul li h1 { display:block; font-size:16px;line-height:30px; padding-bottom:0px; font-weight:500; letter-spacing:-1px; margin:0; margin-top:15px; } 
.loan_cont_sub2 ul li h2 { display:block; font-size:14px; line-height:30px; color:#000; font-weight:400; letter-spacing:-1px; margin:0; } 
.loan_cont_sub2 ul line { display:none; content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 4 - 35px); width:60px; z-index:0; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 ul line:nth-child(2)  { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 2 - 35px); width:60px; z-index:0; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 ul line:nth-child(4)  { content:''; position:absolute; top:50%; margin-top:-25px; left:inherit; right:calc(100% / 4 - 35px); width:60px; z-index:0; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 h1 > img { vertical-align:middle; margin-right:10px; } 
.loan_cont_sub2 h1 { display:inline-block; font-size:32px; font-weight:400; letter-spacing:-1.5px;}
.loan_cont_sub2 h2 { display:block; font-size:16px; margin-left:10px; margin:20px 0px; font-weight:400; color:#999; letter-spacing:-1px;}


}

@media all and (min-width:500px) and (max-width:1024px) {

#loan .loan_title h1 { font-size:18px; }
#loan .loan_title h2 { font-size:14px; }
#loan .loan_cont ul { display:flex;flex-direction: row; flex-wrap: wrap; }
#loan .loan_cont h1 { font-size:24px; }
#loan .loan_cont h2 { font-size:14px;  margin-left:0; margin-top:5px; }
#loan .loan_cont ul li h1 { font-size:24px; }
#loan .loan_cont ul li h2 { font-size:14px; }
#loan .loan_cont .loan_cont_sub ul li h1  { font-size:20px; }
#loan .loan_cont .loan_cont_sub ul li h2 { font-size:14px; }


.loan_cont_sub2 { display:inline-block; margin:50px 0px; text-align:center; width:100%; }
.loan_cont_sub2 ul { width:100%; position:relative; display:flex; margin-top:15px; flex-direction: row; flex-wrap: wrap; }
.loan_cont_sub2 ul li { width:calc(100% / 2 - 10px); text-align:center; margin-right:10px; margin-left:0; border-radius:10px; border:2px solid #dcdcdc; margin-bottom:10px; position:relative; z-index:0; float:left; background:#fff; padding:40px 0px;}
.loan_cont_sub2 ul li:nth-last-child(1) { margin-right:0 } 
.loan_cont_sub2 ul li h1 { display:block; font-size:16px;line-height:30px; color:#0096d6; padding-bottom:0px; font-weight:500; letter-spacing:-1px; margin:0; margin-top:15px; } 
.loan_cont_sub2 ul li h2 { display:block; font-size:14px; line-height:30px; color:#000; font-weight:400; letter-spacing:-1px; margin:0; } 
.loan_cont_sub2 ul line { display:none; content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 4 - 35px); width:60px; z-index:0; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 ul line:nth-child(2)  { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 2 - 35px); width:60px; z-index:0; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 ul line:nth-child(4)  { content:''; position:absolute; top:50%; margin-top:-25px; left:inherit; right:calc(100% / 4 - 35px); width:60px; z-index:0; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
.loan_cont_sub2 h1 > img { vertical-align:middle; margin-right:10px; } 
.loan_cont_sub2 h1 { display:inline-block; font-size:32px; font-weight:400; letter-spacing:-1.5px;}
.loan_cont_sub2 h2 { display:block; font-size:16px; margin-left:10px; margin:20px 0px; font-weight:400; color:#999; letter-spacing:-1px;}

/* 서브배너 */
#sub_banner { width:100%; height:auto; position:relative; background:url('../../../img/phantomdesign/sub_banner.png') no-repeat center center; background-size:cover; padding:50px 20px;  }
#sub_banner::after { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background-color: rgba(0,0,0, 0.1); } 
#sub_banner .sb_wrap { width:100%; max-width:1200px; margin:0 auto; position:relative; z-index:1; display:flex; justify-content: space-between; align-items: center;}
#sub_banner .sb_wrap .title { color:#fff; font-size:20px; letter-spacing:-2px; text-shadow: 2px 2px 12px rgba(0,0,0, .5);}
#sub_banner .sb_wrap .title b { display:block; font-weight:500; }
#sub_banner .sb_wrap .submit { transition:0.3s ease all; border:0; color:#0c3f94; font-size:16px; letter-spacing:-2px; padding:16px 60px; font-weight:600; border-radius:5px; background:#fff;-webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3);box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.3); }
#sub_banner .sb_wrap .submit:hover { transition:0.3s ease all; -webkit-box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);-moz-box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);box-shadow: 0px 1px 20px 1px rgba(255,255,255,0.7);} 


#loan .loan_cont .loan_cont_sub { display:inline-block; margin-top:50px; width:100%; }
#loan .loan_cont .loan_cont_sub ul { width:100%; position:relative; display:inline-block; margin-top:15px; }
#loan .loan_cont .loan_cont_sub ul li { width:calc(100% / 2 - 5px); text-align:center; margin-right:5px; border-radius:10px; border:2px solid #dcdcdc; border-radius:15px; margin-bottom:10px; position:relative; min-height:200px; z-index:0; float:left; background:#fff; padding:40px 10px;}
#loan .loan_cont .loan_cont_sub ul li h1 { display:block; font-size:5vw;line-height:30px; color:#0c3f94; padding-bottom:0px; font-weight:500; letter-spacing:-1px; margin:0; margin-top:15px; } 
#loan .loan_cont .loan_cont_sub ul li h2 { display:block; font-size:2.5vw; line-height:30px; color:#000; font-weight:400; letter-spacing:-1px; margin:0; } 
#loan .loan_cont .loan_cont_sub ul line { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 4 - 35px); width:0px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
#loan .loan_cont .loan_cont_sub ul line:nth-child(2)  { content:''; position:absolute; top:50%; margin-top:-25px; left:calc(100% / 2 - 35px); width:0px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}
#loan .loan_cont .loan_cont_sub ul line:nth-child(4)  { content:''; position:absolute; top:50%; margin-top:-25px; left:inherit; right:calc(100% / 4 - 35px); width:0px; z-index:101; background:url('../../../img/phantomdesign/arrow-icon.png') no-repeat center center; height:50px; background-color:#fff;}


}


/* ===== 콘텐츠 코딩 CSS (ceo, history, location, service, summary) ===== */
#phantom_content_ceo_title { width:100%; display:inline-block; margin-top:0; background:url('../../../img/phantomdesign/sub_banner.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:#3464c2;}
#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:60px 0; }
#phantom_content_ceo_content .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; display:flex; padding:0 20px; }
#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:#3464c2; letter-spacing:-1px; }
#phantom_content_ceo_content .wrap img { margin-right:60px; max-width:300px; height:auto; }
#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; }

#phantom_history { width:100%; display:inline-block; margin:60px 0; }
#phantom_history .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; padding:0 20px; }
#phantom_history .wrap > h1 { font-size:40px; color:#000;}
#phantom_history .wrap > h1 b { color:#3464c2;}
#phantom_history .wrap > ul { width:100%; max-width:600px; margin:0 auto; margin-top:50px; display:inline-block; }
#phantom_history .wrap > ul > li { width:100%; position:relative; display:flex; line-height:12px; float:left; padding:40px 20px; padding-top:0; align-items: flex-start; justify-content: flex-start;}
#phantom_history .wrap > ul > li::before { content:''; position:absolute; height:100%; width:1px; background:#dcdcdc; left:0; top:0;}
#phantom_history .wrap > ul > li::after { content:''; position:absolute; width:16px; height:16px; background:#3464c2; border-radius:50%; left:-8px; top:0px; border:2px solid #fff; box-shadow: 0px 0px 3px 2px rgba(52, 100, 194, .3);}
#phantom_history .wrap > ul > li > h1 { margin-left:10px; line-height:24px; font-size:24px; letter-spacing:-1px; color:#000; }
#phantom_history .wrap > ul > li > h2 { min-width:50px; text-align:left;font-size:20px; line-height:24px; margin:0 20px; letter-spacing:-1px; color:#444; }
#phantom_history .wrap > ul > li > p { font-size:16px; line-height:24px; letter-spacing:-1px; color:#999; word-break:keep-all; text-align:left;}

#phantom_location { width:100%; display:inline-block; margin:60px 0; }
#phantom_location .wrap { width:100%; text-align:center; max-width:1200px; margin:0 auto; padding:0 20px; }
#phantom_location .wrap > h1 { font-size:40px; color:#000; margin-bottom:50px;}
#phantom_location .wrap > h1 b { color:#3464c2;}
#phantom_location .wrap .root_daum_roughmap_landing { width:100%; }
#phantom_location .wrap .location_info { width:100%; display:flex; margin-top:30px;justify-content: space-between; }
#phantom_location .wrap .location_info li { list-style:none; display:flex; align-items: center;}
#phantom_location .wrap .location_info li h1 { padding-left:40px; font-size:20px; font-weight:500; letter-spacing:-1px; position:relative;}
#phantom_location .wrap .location_info li h1::before { content:''; position:absolute; left:0; top:calc(50% - 2px); width:30px; height:4px; background:#3464c2; }
#phantom_location .wrap .location_info li p { font-size:16px; color:#999; letter-spacing:-0.8px; margin-left:10px; font-weight:400; }

#cont { width:100%; display:inline-block; margin:60px 0; text-align:center;}
#cont > h1 { display:block; position:relative; font-size:40px; font-weight:600; letter-spacing:-1px; margin-bottom:10px;}
#cont > h1 b {color:#3464c2; }
#cont > h2 { display:block; position:relative; font-size:18px; letter-spacing:-1px; margin-bottom:50px;}
#cont .wrap { width:100%; display:flex; flex-direction:row; flex-wrap:wrap; max-width:1200px; margin:0 auto; padding:0 20px; }
#cont .wrap li { width:calc(100% / 3 - 20px); letter-spacing:-1px; margin-right:30px; border-bottom:1px solid #dcdcdc; margin-bottom:50px;margin-top:50px; list-style:none; }
#cont .wrap li:nth-child(3n) { margin-right:0; }
#cont .wrap li h1 { margin-top:15px; font-size:20px; margin-bottom:5px; }
#cont .wrap li p { padding-bottom:20px; font-size:13px; line-height:1.5em; border-bottom:1px solid #dcdcdc; }
#cont .wrap li img { width:auto; max-width:100%; height:auto; max-height:250px;}

@media (max-width:768px) {
  #phantom_content_ceo_content .wrap { flex-direction:column; align-items:center; }
  #phantom_content_ceo_content .wrap img { margin-right:0; margin-bottom:30px; max-width:80%; }
  #phantom_content_ceo_title .wrap > h1 { font-size:28px; }
  #phantom_content_ceo_title .wrap > h2 { font-size:16px; }
  #phantom_history .wrap > h1 { font-size:28px; }
  #phantom_location .wrap > h1 { font-size:28px; }
  #phantom_location .wrap .location_info { flex-direction:column; gap:15px; }
  #cont .wrap li { width:calc(50% - 10px); margin-right:20px; }
  #cont .wrap li:nth-child(3n) { margin-right:20px; }
  #cont .wrap li:nth-child(2n) { margin-right:0; }
}