@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;}


}