@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 p{display:block;width:fit-content;margin-bottom:30px;padding:0 10px;font-size:15px;font-weight:600;line-height:30px;color:#fff;background-color:var(--primary)}
.pagecommon .tit_box b{font-size:33px;line-height:1.3;color:#111}
.pagecommon .tit_box b span{color:var(--primary)}
.pagecommon .ct_tit{text-align:center}
.pagecommon .ct_tit p{margin:0 auto 30px}
.pagecommon .img_box{width:100%;height:250px;background:no-repeat center;background-size:cover}
.pagecommon .flex_wrap{display:flex;gap:60px;padding:0 30px}
.pagecommon .flex_wrap .tit_box{flex-shrink:0;width:fit-content}
.pagecommon .flex_wrap .cont_box{width:100%}

/* CEO인사말 */
#p33{padding-bottom:40px}
#p33 .tit_box{margin-bottom:40px}
#p33 .gr_cont .pl span{text-decoration:underline;font-weight:600;color:#333}
#p33 .sign{margin-top:45px;text-align:right}
#p33 .sign b{font-weight:600;color:#333}
#p33 .sign span{margin-left:5px;font-size:25px;color:#111;font-family:'KimjungchulScript-Regular'}
#p33 .gr_txt{position:relative;width:calc(100% - 80px);padding:40px 35% 40px 40px;background-color:#f7f7f7}
#p33 .gr_txt>img{position:absolute;right:-80px;bottom:-40px}
#p33 .gr_txt .txt b{font-size:20px;font-weight:600;color:#111}
#p33 .gr_txt .txt span{font-weight:600;text-decoration:underline;color:#333}

/* 회사연혁 */
#p34 .flex_wrap .cont_box{font-size:17px}
#p34 .flex_wrap .cont_box dl{display:flex;position:relative;padding:20px}
#p34 .flex_wrap .cont_box dl+dl{border-top:1px dashed #e1e1e1}
#p34 .flex_wrap .cont_box dl:after{position:absolute;left:22px;top:0;content:'';z-index:-1;width:1px;height:100%;background:#e1e1e1}
#p34 .flex_wrap .cont_box dl:first-child:after{height:50%;top:auto;bottom:0}
#p34 .flex_wrap .cont_box dl:last-child:after{height:50%}
#p34 .flex_wrap .cont_box dl dt{position:relative;flex-shrink:0;width:80px;padding-left:20px;font-weight:700;color:var(--primary);font-family:var(--e-font)}
#p34 .flex_wrap .cont_box dl dt:before{position:absolute;left:0;top:11px;content:'';width:5px;height:5px;border-radius:100px;background:#888}
#p34 .flex_wrap .cont_box dl:last-child dt:before{background:var(--primary)}
#p34 .img_box{margin-top:50px;background-image:url('/sh_page/img/p34_img.jpg')}

/* 사업소개 */
#p35 .cont_box{padding-top:60px}
#p35 .cont_box p b{display:block;font-size:20px;font-weight:600;color:#111}
#p35 .cont_box p b span{display:inline-block;position:relative;padding:0 5px}
#p35 .cont_box p b span:before{position:absolute;left:0;bottom:0;content:'';z-index:-1;width:100%;height:15px;background:#e6eefa}
#p35 .img_box{margin-top:50px;background-image:url('/sh_page/img/p35_img.jpg')}

/* 특징 */
#p38 .img_cont{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 40px;margin-top:56px}
#p38 .img_cont li img{width:100%;border-radius:10px}
#p38 .img_cont li p{padding:30px 20px 0}
#p38 .img_cont li b{display:flex;align-items:center;gap:15px;font-size:20px;color:#111}
#p38 .img_cont li b em{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:14px;font-style:normal;font-weight:600;color:#fff;background-color:#111;font-family:var(--e-font)}
#p38 .img_cont li span{display:block;padding:8px 0 0 45px}

/* 창업지원,절차 */
#p39 .tit_box{margin-bottom:51px}
#p39 .cont_wrap .cont+.cont{margin-top:60px;padding-top:60px;border-top:1px solid #e1e1e1}
#p39 .cont_wrap .num_tit{display:flex;align-items:center;gap:15px;margin-bottom:30px;font-size:20px;font-weight:700;color:#111}
#p39 .cont_wrap .num_tit span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:100%;font-size:14px;font-weight:600;color:#fff;background-color:#111;font-family:var(--e-font)}
#p39 .icon_cont{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
#p39 .icon_cont li{padding:35px 0;border-radius:15px;font-size:17px;font-weight:600;color:#333;text-align:center;background-color:#f2f7ff}
#p39 .icon_cont li span{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 15px;border-radius:5px;background-color:#fff}
#p39 .icon_cont li span img{height:30px}
#p39 .step_cont{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 20px}
#p39 .step_cont>li>p{display:flex;align-items:center;padding:15px;border:1px solid #bbd1f3;border-radius:10px;line-height:1;font-weight:600;color:#111;background-color:#f2f7ff}
#p39 .step_cont>li>p span{margin-right:15px;padding-right:15px;border-right:1px solid #bbd1f3;color:var(--primary);font-family:var(--e-font)}
#p39 .step_cont li ul{padding:20px 15px 0}
#p39 .step_cont li ul li{position:relative;padding-left:18px}
#p39 .step_cont li ul li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:var(--primary)}

/* 창업비용 */
#p40 .cost_box{position:relative;margin-top:40px}
#p40 .cost_box img{max-width:100%}
#p40 .cost_img{width:100%}
#p40 .cost_box>div{display:flex;flex-flow:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
#p40 .cost_box>div>img{z-index:1;margin:0 10px 0 auto}
#p40 .cost_box>div>p{margin-top:-3px;padding:40px;border:1px solid #b8beea;border-radius:15px;text-align:center;background-color:#f4f5fa}
#p40 .cost_box>div>p>img{display:block}
#p40 .cost_box>div>p>span{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:15px;font-size:35px;font-weight:700;white-space:nowrap;color:var(--primary);font-family:var(--e-font)}
#p40 .cost_box>div>p>span i{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:100%;font-size:20px;color:#fff;background-color:var(--primary)}

/* 반응형 [s] */
@media (max-width:1230px){
#p38 .img_cont li span{white-space:normal}
}
@media (max-width:1024px){
.pagecommon .tit_box b{font-size:30px}
.pagecommon .flex_wrap{gap:40px;padding:0}
#p33 .gr_txt{padding-right:25%}
#p33 .gr_txt>img{bottom:-30px;width:400px}
#p34 .flex_wrap .cont_box{font-size:16px}
#p35 .cont_box p.pl{white-space:normal}
#p38 .img_cont{gap:40px 20px}
#p38 .img_cont li b{font-size:18px}
#p38 .img_cont li p{padding:25px 10px 0}
#p39 .icon_cont{gap:20px}
#p39 .step_cont{gap:30px 10px}
#p39 .step_cont li ul{padding:15px 10px 0}
#p40 .cost_box>div>p{padding:30px}
#p40 .cost_box>div>img{height:100px}
}
@media (max-width:768px){
.pagecommon{font-size:15px}
.pagecommon .tit_box b{font-size:28px}
.pagecommon .flex_wrap{flex-flow:column;gap:25px}
.pagecommon .img_box{height:190px}
.pagecommon .ct_tit p{margin-bottom:25px}
#p33 .gr_txt{width:calc(100% - 50px);padding:30px}
#p33 .gr_txt>img{right:-50px;width:330px}
#p34 .flex_wrap .cont_box{border-top:3px solid #e1e1e1;font-size:15px}
#p34 .img_box{height:190px;margin-top:40px}
#p34 .flex_wrap .cont_box dl:last-child:after{height:43%}
#p35 .cont_box{padding-top:0}
#p38 .img_cont{margin-top:45px}
#p38 .img_cont li b{flex-flow:column;align-items:flex-start;gap:10px}
#p38 .img_cont li b em{width:25px;height:25px;font-size:13px}
#p38 .img_cont li span{padding:8px 0 0}
#p38 .img_cont li b{font-size:17px}
#p39 .cont_wrap .num_tit{gap:10px;margin-bottom:20px;font-size:18px}
#p39 .cont_wrap .num_tit span{width:25px;height:25px;font-size:13px}
#p39 .icon_cont{gap:15px}
#p39 .icon_cont li{padding:25px 0;border-radius:10px;font-size:16px}
#p39 .cont_wrap .cont+.cont{margin-top:45px;padding-top:45px}
#p39 .step_cont{grid-template-columns:repeat(2,1fr)}
#p40 .cost_box>div>p{padding:20px}
#p40 .cost_box>div>p>span{gap:15px;font-size:25px}
#p40 .cost_box>div>p>span i{width:40px;height:40px}
#p40 .cost_box>div>img{height:90px}
}
@media (max-width:480px){
.pagecommon{font-size:14px}
.pagecommon .tit_box p{margin-bottom:25px;font-size:13px}
.pagecommon .tit_box b{font-size:23px}
.pagecommon .img_box{height:150px}
#p33 .tit_box{margin-bottom:35px}
#p33 .gr_txt{width:100%}
#p33 .gr_txt .txt b{font-size:18px}
#p33 .gr_txt>img{right:0;width:260px}
#p34 .flex_wrap .cont_box{font-size:14px}
#p34 .flex_wrap .cont_box dl{padding:15px}
#p34 .flex_wrap .cont_box dl:after{left:16px}
#p34 .flex_wrap .cont_box dl dt{width:70px;padding-left:15px}
#p34 .flex_wrap .cont_box dl dt:before{top:10px;width:3px;height:3px}
#p34 .flex_wrap .cont_box dl:last-child:after{height:37%}
#p34 .img_box{height:150px;margin-top:25px}
#p35 .cont_box p b{font-size:18px}
#p35 .img_box{margin-top:45px}
#p38 .img_cont{grid-template-columns:repeat(1,1fr);gap:35px;margin-top:35px}
#p39 .tit_box{margin-bottom:45px}
#p39 .icon_cont{grid-template-columns:repeat(1,1fr)}
#p39 .icon_cont li{padding:20px 10px}
#p39 .icon_cont li span{width:60px;height:60px;margin-bottom:10px}
#p39 .icon_cont li span img{height:26px}
#p39 .step_cont{grid-template-columns:repeat(1,1fr)}
#p39 .step_cont>li>p{padding:12px;border-radius:5px}
#p40 .ct_tit .pl{white-space:normal}
#p40 .cost_box{margin-top:20px;padding-top:80px}
#p40 .cost_box>div{top:0;transform:translateX(-50%)}
#p40 .cost_box>div>img{height:70px}
}
@media (max-width:380px){
.pagecommon .tit_box b{font-size:20px}
.pagecommon .flex_wrap{gap:20px}
#p35 .cont_box p b{font-size:16px}
}
/* 반응형 [e] */