@charset "utf-8";

#comingsoon{width:100%;padding-top:100px;text-align:center}

.pagecommon{font-size:16px;line-height:1.6;color:#666;font-family:var(--k-font)}
.pagecommon *{word-break:keep-all}
.pagecommon .pl{white-space:pre-line}
.pagecommon .tit_box{font-family:var(--p-font)}
.pagecommon .tit_box span{display:block;font-size:15px;color:var(--primary)}
.pagecommon .tit_box p{font-size:33px;line-height:1.3;color:#111}
.pagecommon .ct_box{margin-bottom:70px;text-align:center}
.pagecommon .ct_box span{margin-bottom:20px}
.pagecommon .box_tit{border-radius:5px;border-left:5px solid var(--primary);padding-left:27px;font-size:20px;line-height:60px;color:#111;background-color:#f5f5f5;font-family:var(--p-font)}
.pagecommon .box_txt{padding:50px 30px 0}

@media (max-width:1024px){
.pagecommon{font-size:15px}
.pagecommon .tit_box p{font-size:30px}
.pagecommon .ct_box{margin-bottom:60px}
.pagecommon .box_tit{font-size:18px;line-height:50px}
.pagecommon .box_txt{padding:35px 30px 0}
}
@media (max-width:768px){
.pagecommon .tit_box p{font-size:25px}
.pagecommon .tit_box span{margin-bottom:15px;font-size:14px}
.pagecommon .ct_box{margin-bottom:50px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .tit_box p{font-size:22px}
.pagecommon .ct_box{margin-bottom:40px}
.pagecommon .box_tit{padding-left:20px;font-size:16px;line-height:45px}
.pagecommon .box_txt{padding:30px 20px 0}
}
@media (max-width:380px){
.pagecommon .tit_box p{font-size:20px}
}

/* 인사말 */
#p33 .img_box{width:100%;height:300px;background:url('/sh_page/img/p33_top.jpg') no-repeat center / cover}
#p33 .tit_box{position:relative;padding:65px 50px}
#p33 .tit_box>img{position:absolute;top:65px;right:50px}
#p33 .tit_box span{position:relative;padding-left:23px}
#p33 .tit_box span:before{position:absolute;left:0;top:10px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
#p33 .tit_box p{padding:20px 0 0 23px}
#p33 .gr_cont{padding:53px 50px 53px 73px;background-color:#f5f5f5}
#p33 .gr_cont .pl span{font-size:20px;line-height:1.5;color:#111;font-family:var(--p-font)}
#p33 .gr_cont .sign{margin-top:47px;text-align:right}
#p33 .gr_cont .sign b{font-weight:600;color:#333}

@media (max-width:1024px){
#p33 .img_box{height:270px}
#p33 .tit_box{padding:50px 30px 60px}
#p33 .tit_box>img{right:30px;top:60px;width:190px}
#p33 .tit_box p{white-space:pre-line}
#p33 .gr_cont{padding:50px 40px}
#p33 .gr_cont .pl span{font-size:18px}
}
@media (max-width:768px){
#p33 .img_box{height:190px}
#p33 .tit_box{display:flex;flex-wrap:wrap;align-items:flex-end;padding:40px 20px}
#p33 .tit_box span{width:100%;margin-bottom:25px}
#p33 .tit_box p{padding-left:35px}
#p33 .tit_box>img{position:initial;width:120px}
#p33 .gr_cont{padding:40px 30px}
#p33 .gr_cont .pl{white-space:normal}
}
@media (max-width:480px){
#p33 .img_box{height:150px}
#p33 .tit_box{padding:30px 15px}
#p33 .tit_box p{width:100%;padding-left:0;white-space:normal}
#p33 .gr_cont{padding:35px 20px}
#p33 .gr_cont .pl span{font-size:16px}
#p33 .gr_cont .sign{margin-top:30px}
}
@media (max-width:380px){
#p33 .img_box{height:130px}
}

/* 설립목적 및 연혁 */
#p34 .tit_box p em{position:relative;font-style:normal}
#p34 .tit_box p em:before{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);content:'';z-index:-1;width:calc(100% + 20px);height:25px;background:#e9f0fd}
#p34 .vm_list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#p34 .vm_list li{padding:45px 40px 65px;border-radius:15px;background:no-repeat center;background-size:cover;background-image:url('/sh_page/img/p34_img01.jpg')}
#p34 .vm_list li:nth-child(2){background-image:url('/sh_page/img/p34_img02.jpg')}
#p34 .vm_list li:nth-child(3){background-image:url('/sh_page/img/p34_img03.jpg')}
#p34 .vm_list li b{font-size:20px;line-height:1.5;font-weight:normal;color:#fff;font-family:var(--p-font)}
#p34 .vm_list li p{margin-top:19px;color:rgba(255,255,255,.6)}
#p34 .cont_box{margin-top:70px}
#p34 .cont_box>div+div{margin-top:50px}
#p34 .cont_box .his_cont dl{display:flex;align-items:flex-start;position:relative}
#p34 .cont_box .his_cont dl+dl{padding-top:40px}
#p34 .cont_box .his_cont dl:before{position:absolute;left:2px;top:0;content:'';width:1px;height:100%;background:#e1e1e1}
#p34 .cont_box .his_cont dl:first-child:before{top:auto;bottom:0;height:calc(100% - 20px)}
#p34 .cont_box .his_cont dl:last-child:before{height:63px}
#p34 .cont_box .his_cont dl dt{flex-shrink:0;position:relative;width:160px;padding-left:20px;font-size:25px;color:#111;font-family:var(--p-font)}
#p34 .cont_box .his_cont dl dt:before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:'';width:5px;height:5px;border-radius:100px;background:var(--primary)}
#p34 .cont_box .his_cont dl dd{padding-top:5px}

@media (max-width:1024px){
#p34 .tit_box p em:before{display:none}
#p34 .vm_list{gap:20px}
#p34 .vm_list li{padding:35px 30px 45px}
#p34 .vm_list li b{font-size:18px;white-space:normal}
#p34 .cont_box .his_cont dl:last-child:before{height:55px}
#p34 .cont_box .his_cont dl dt{width:130px;font-size:20px}
#p34 .cont_box .his_cont dl dd{padding-top:0}
}
@media (max-width:768px){
#p34 .tit_box p{white-space:normal}
#p34 .vm_list{grid-template-columns:repeat(1,1fr);gap:15px}
#p34 .vm_list li{padding:40px 30px}
#p34 .vm_list li p{margin-top:10px}
}
@media (max-width:480px){
#p34 .vm_list{gap:10px}
#p34 .vm_list li{padding:25px}
#p34 .vm_list li b{font-size:16px}
#p34 .cont_box{margin-top:50px}
#p34 .cont_box>div+div{margin-top:40px}
#p34 .cont_box .his_cont dl{flex-flow:column}
#p34 .cont_box .his_cont dl+dl{padding-top:25px}
#p34 .cont_box .his_cont dl:first-child:before{height:calc(100% - 15px)}
#p34 .cont_box .his_cont dl:last-child:before{height:40px}
#p34 .cont_box .his_cont dl dt{font-size:16px}
#p34 .cont_box .his_cont dl dd{padding:8px 0 0 20px}
}

/* 정관 공통 */
.rule_page .tit_box em{display:block;margin-top:25px;font-style:normal;font-family:var(--k-font)}
.rule_page .rule_cont dl{padding:40px;background-color:#f5f5f5}
.rule_page .rule_cont dl:nth-child(2n){background-color:#fff}
.rule_page .rule_cont dt{padding-left:15px;border-left:3px solid var(--primary);font-size:18px;line-height:1;color:#111;font-family:var(--p-font)}
.rule_page .rule_cont dd{margin-top:15px;padding-top:25px;border-top:1px solid #e1e1e1;font-weight:500;color:#444}
.rule_page .rule_cont dd p{padding:10px 10px 0;font-weight:normal;color:#666}
.rule_page .rule_cont dd p span{display:block;padding:10px 15px}
.rule_page .rule_cont dd p span:last-child{padding-bottom:0}

@media (max-width:768px){
.rule_page .rule_cont dl{padding:30px}
.rule_page .rule_cont dt{font-size:16px;line-height:1.6}
.rule_page .rule_cont dd{padding-top:20px}
.rule_page .tit_box em{white-space:normal}
}
@media (max-width:480px){
.rule_page .rule_cont dl{padding:25px 20px}
}

/* 주요사업 공통 */
.busi_page .img_cont{display:flex;gap:40px;justify-content:center}
.busi_page .img_cont li{width:fit-content;text-align:center}
.busi_page .img_cont li img{max-width:100%;border-radius:15px}
.busi_page .img_cont li p{margin-top:25px;font-size:18px;color:#111;font-family:var(--p-font)}
.busi_page .cont{padding:30px;border-radius:15px}
.busi_page .cont .cont_tit{display:block;border-radius:5px;text-align:center;line-height:45px;color:#fff;background-color:#333;font-family:var(--p-font)}
.busi_page .cont p.pl{margin:25px 0 35px;text-align:center}
.busi_page .cont .dot_txt{padding:15px 30px;border-radius:15px;background-color:#fff}
.busi_page .cont .dot_txt li{position:relative;padding:15px 0 15px 18px}
.busi_page .cont .dot_txt li+li{border-top:1px dashed #e1e1e1}
.busi_page .cont .dot_txt li:before{position:absolute;left:0;top:26px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}
.busi_page .cont_01{margin-top:50px;background-color:#f5f5f5}
.busi_page .cont_02{padding-top:40px}
.busi_page .cont_03{margin-top:20px;background-color:#f5f5f5}
.busi_page .table_box table{overflow:hidden;width:100%;border-spacing:0;border:1px solid #e1e1e1;border-radius:15px}
.busi_page .table_box table th{border-bottom:1px solid #e1e1e1;font-weight:600;color:#333;background-color:#f5f5f5}
.busi_page .table_box table th.gr_th{border-right:1px solid #e1e1e1;background-color:#fff}
.busi_page .table_box table td{width:70%;padding:12px 20px;border-bottom:1px solid #e1e1e1}
.busi_page .table_box table tr:last-child td, .busi_page .table_box table tr:last-child th, .busi_page .table_box table tr .no_line{border-bottom:none}
.busi_page .txt_box{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.busi_page .txt_box dl{border:1px solid #e1e1e1;border-radius:15px;padding:30px}
.busi_page .txt_box dl dt{width:fit-content;padding:5px 10px;border:1px solid var(--primary);border-radius:5px;color:var(--primary);background-color:#eef4fd;font-family:var(--p-font)}
.busi_page .txt_box dl dd ul{margin-top:20px}
.busi_page .txt_box dl dd ul li+li{margin-top:10px;padding-top:10px;border-top:1px dashed #e1e1e1}
.busi_page .cont_03 .txt_box dl{border:none;background:#fff}

@media (max-width:1230px){}
@media (max-width:1024px){
.busi_page .img_cont{gap:20px}
.busi_page .cont{padding:20px}
.busi_page .cont p.pl{width:80%;margin:25px auto 35px;white-space:normal}
.busi_page .txt_box dl{padding:20px}
}
@media (max-width:768px){
.busi_page .img_cont{gap:15px}
.busi_page .img_cont li img{border-radius:10px}
.busi_page .img_cont li p{font-size:16px;line-height:1.6}
.busi_page .cont{border-radius:10px}
.busi_page .cont_01{margin-top:40px}
.busi_page .cont .cont_tit{padding:8px 10px;line-height:1.6}
.busi_page .cont p.pl{width:90%}
.busi_page .cont .dot_txt{padding:10px 15px;border-radius:10px}
.busi_page .table_box{overflow-x:scroll}
.busi_page .table_box table{min-width:620px;border-radius:10px}
.busi_page .txt_box{gap:15px}
.busi_page .txt_box dl{border-radius:10px}
}
@media (max-width:480px){
.busi_page .img_cont{flex-flow:column;gap:30px}
.busi_page .img_cont li p{margin-top:20px}
.busi_page .cont p.pl{width:100%;margin-bottom:25px}
.busi_page .cont .dot_txt li{padding:10px 0 10px 15px}
.busi_page .cont .dot_txt li:before{top:20px}
.busi_page .table_box table{min-width:460px;font-size:13px}
.busi_page .table_box table td{width:75%;padding:10px 15px}
.busi_page .txt_box{grid-template-columns:repeat(1,1fr)}
}
@media (max-width:380px){}


/* 투자자 교육 및 정보제공 */
#p41 .cont_01 p.pl{margin-bottom:0}

/* 회원가입안내 */
#p43 .go_btn{display:block;width:fit-content;margin:40px auto 0;padding:0 40px;border-radius:5px;line-height:55px;font-weight:600;color:#fff;background-color:var(--primary)}

/* 기부안내 */
#p54 .ct_box{margin-bottom:55px}
#p54 .txt_box{position:relative;width:calc(100% - 100px);margin:0 auto;padding:60px 0;border:1px solid #e1e1e1;text-align:center;background-color:#fff}
#p54 .txt_box b{display:block;margin-bottom:20px;font-size:20px;font-weight:normal;line-height:1.5;color:#111;font-family:var(--p-font)}
#p54 .img_box{width:100%;height:300px;margin-top:-70px;background:url('/sh_page/img/p54_img.jpg') no-repeat center / cover}

@media (max-width:1024px){
#p54 .txt_box{width:calc(100% - 60px);padding:50px 25px}
}
@media (max-width:768px){
#p54 .ct_box{margin-bottom:40px}
#p54 .tit_box p{width:80%;margin:0 auto;white-space:normal}
#p54 .txt_box{width:calc(100% - 30px);padding:40px 25px}
#p54 .txt_box b{font-size:18px}
#p54 .txt_box p.pl{white-space:normal}
#p54 .img_box{height:220px}
}
@media (max-width:480px){
#p54 .txt_box{padding:30px 25px}
#p54 .txt_box b{font-size:16px;white-space:normal}
#p54 .img_box{height:170px;margin-top:-50px}
}
@media (max-width:380px){
#p54 .ct_box{margin-bottom:35px}
#p54 .img_box{height:160px}
}

/* 메일주소 무단수집 거부 */
#p58 .ct_box{margin-bottom:50px}
#p58 .no_email{padding:30px;border-radius:15px;text-align:center;background-color:#f5f5f5}
#p58 .no_email p{margin-top:25px;padding:35px 0;border-radius:15px;font-size:18px;font-weight:500;color:#333;background-color:#fff}
#p58 .no_email p span{font-weight:600;color:var(--primary)}

@media (max-width:1024px){
#p58 .no_email p{padding:35px 20px}
}
@media (max-width:768px){
#p58 .ct_box{margin-bottom:35px}
#p58 .no_email{padding:20px}
#p58 .no_email>img{height:60px}
#p58 .no_email p{font-size:16px;white-space:normal}
}