@charset "utf-8";

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

/* 공통 */
.pgcm{padding-bottom:50px;position:relative;font-size:16px;letter-spacing:-.3px;line-height:1.7;color:#666;font-family:'notokr-regular'}
.pgcm .tit_area{margin-bottom:40px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
.pgcm .tit_area .s_tit{margin-bottom:20px;letter-spacing:0;font-size:15px;font-weight:600;color:var(--primary);font-family:'Play'}
.pgcm .tit_area .t_tit{word-break:keep-all;font-size:30px;line-height:1.4;color:#222}
.pgcm .tit_area .t_tit b{font-weight:normal;font-family:'notokr-bold';}
.pgcm .t_center{padding:30px; text-align:center}
.pgcm .t_center p{word-break:keep-all}
.pgcm .c_black{color:#333}
.pgcm strong{font-weight:normal;font-family:'notokr-bold'}
.pgcm .pl{white-space:pre-line}

#p33 .bg{position:relative;height:330px;background:url('/sh_page/img/p33_bg.jpg') center no-repeat;background-size:cover}
#p33 .tit_area .s_tit{text-align:center}
#p33 .cont{position:relative;width:87%;margin:-170px auto 0;padding:60px;background:#fff}
#p33 .cont .t_tit{font-size:28px;line-height:1.3;text-align:center;color:#222;font-family:'notokr-light'}
#p33 .cont .t_tit b{word-break:keep-all;font-family:'notokr-bold'}
#p33 .cont .vision{max-width:1200px;margin:0 auto;text-align:center;}
#p33 .cont .vision p{padding-bottom:40px;font-size:18px;color:var(--primary);font-family:'notokr-bold'}
#p33 .cont ul{display:flex;justify-content:center;margin:45px 0 50px}
#p33 .cont ul li{display:flex;justify-content:center;align-items:center;max-width:200px;width:100%;aspect-ratio:1;border-radius:100%;border:1px solid var(--primary);font-size:18px;color:var(--primary);text-align:center;font-family:'notokr-medium'}
#p33 .cont ul li:first-child{transform:translateX(20px)}
#p33 .cont ul li:last-child{transform:translateX(-20px)}
#p33 .cont .txt_area{padding-top:40px;border-top:1px solid #e1e1e1;text-align:center;background:#f7f7f7}
#p33 .cont .txt_area b{color:#222}
#p33 .cont .txt_area .sign{margin-top:50px;padding-right:40px;text-align:right;font-size:16px;color:#222;font-family:'notokr-medium'}

#p34 .bg{margin-bottom:50px;background:url('/sh_page/img/p34_bg.jpg') no-repeat center;height:340px}
#p34 .his_area{padding:0 100px}
#p34 .his_area dl{display:flex;align-items:flex-start;padding-left:30px}
#p34 .his_area dl+dl{border-top:1px solid #e1e1e1;padding-top:40px;margin-top:50px}
#p34 .his_area dl dt{width:220px;line-height:1;font-size:34px;color:#222;font-weight:700;font-family:'play',sans-serif}
#p34 .his_area dl:first-child dt{color:var(--primary)}
#p34 .his_area dl dd{width:calc(100% - 220px)}
#p34 .his_area dl dd .his{display:flex;align-items:flex-start}
#p34 .his_area dl dd .his+.his{margin-top:12px}
#p34 .his_area dl dd .his span{width:50px;font-size:17px;font-weight:700;color:#666;font-family:'play',sans-serif;flex-shrink:0}
#p34 .his_area dl dd .his ul{width:calc(100% - 50px)}
#p34 .his_area dl dd .his ul li{position:relative;padding-left:15px;line-height:1.6}
#p34 .his_area dl dd .his ul li+li{margin-top:4px}
#p34 .his_area dl dd .his ul li:before{content:'';position:absolute;left:0;top:0.65em;width:3px;height:3px;background:var(--primary);border-radius:100%}

#p35 a{display:block;width:50%;margin:0 auto;padding:20px 50px;border-radius:6px;text-align:center;font-size:20px;color:#fff;background:var(--primary);transition:all .2s;}
#p35 a:hover{background:#222}

#p41 .cont{position:relative;margin-top:100px}
#p41 .cont img{position:absolute;left:0;top:-50px}
#p41 .cont .org_area{width:1070px;height:340px;margin:0 auto;padding-left:550px;color:#fff;background:url('/sh_page/img/p41_logo.png') no-repeat 97% 93% var(--primary)}
#p41 .cont .org_area .s_tit{padding-top:80px;font-family:'Play'}
#p41 .cont .org_area p{margin-top:8px}
#p41 .cont .org_area .tel{margin-top:20px;font-size:42px;font-weight:700;font-family:'Play'}
#p41 .cont .org_area .fax{margin-top:0;font-size:20px;font-weight:700;font-family:'Play'}

.bsns .tit_area{margin-bottom:50px;text-align:center}
.bsns .tit_area .t_tit{font-family:'notokr-bold'}
.bsns .cont_tit{display:flex;align-items:center;gap:15px;padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid #e1e1e1;font-size:25px;font-weight:700;color:#222}
.bsns .cont_tit b{display:flex;align-items:center;justify-content:center;width:35px;height:35px;border-radius:5px;font-size:13px;font-weight:700;color:#fff;background:var(--primary);font-family:var(--e-font)}
.bsns .cont_area{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px}
.bsns .cont_area .cont_box{width:100%}
.bsns .cont_area .cont_box img{width:100%;height:423px;object-fit:cover}
.bsns .cont_area .cont_box table{width:100%;margin-top:10px;border-collapse:collapse}
.bsns .cont_area .cont_box table tr:first-child th,.bsns .cont_area .cont_box table tr:first-child td{border-top:2px solid #222}
.bsns .cont_area .cont_box table tr:last-child th,.bsns .cont_area .cont_box table tr:last-child td{border-bottom:1px solid #666}
.bsns .cont_area .cont_box table tr th{padding:10px 20px;border-top:1px solid #e1e1e1;color:#222;background:#eee;text-align:left}
.bsns .cont_area .cont_box table tr td{padding:10px 20px;border-top:1px solid #e1e1e1}




/* 반응형 [s] */
@media (max-width:1200px){
.pgcm{padding:0 20px}
#p34 .bg{background-size:cover}
#p34 .his_area{padding:0 10%}

#p41 .cont .org_area{width:100%;padding-left:600px}

.bsns{padding:0 20px}
.bsns .cont_area{gap:30px}
.bsns .cont_area .cont_box img{height:380px}
}

@media (max-width:1024px){
.pgcm .tit_area .t_tit{font-size:26px}

#p33 .bg{height:290px}
#p33 .cont{width:90%;margin:-130px auto 0;padding:40px}
#p33 .cont .t_tit{font-size:26px}
#p33 .cont ul{margin:38px 0 43px}
#p33 .cont ul li{max-width:180px}
#p33 .cont .txt_area{padding:30px 30px 0}

#p34 .bg{height:290px;margin-bottom:36px}
#p34 .his_area dl+dl{padding-top:36px;margin-top:44px}
#p34 .his_area dl dt{width:30%;font-size:31px}
#p34 .his_area dl dd{width:70%}

#p41 .cont img{width:420px;top:-40px}
#p41 .cont .org_area{height:auto;padding:0 40px 60px 460px}
#p41 .cont .org_area .s_tit{padding-top:50px}
#p41 .cont .org_area .tel{font-size:36px}

.bsns .cont_tit{font-size:23px}
.bsns .cont_area{grid-template-columns:1fr}
.bsns .cont_area .cont_box img{height:360px}
}

@media (max-width:768px){
.pgcm .tit_area .t_tit{font-size:23px}
.pgcm .pl{white-space:normal}
#p33 .bg{height:250px}
#p33 .cont{margin:-110px auto 0;padding:30px}
#p33 .cont .t_tit{font-size:23px}
#p33 .cont .vision p{font-size:17px}
#p33 .cont ul{margin:31px 0 36px}
#p33 .cont ul li{font-size:16px}
#p33 .cont .txt_area{padding:24px;text-align:left}

#p34 .bg{height:250px;margin-bottom:30px}
#p34 .his_area{padding:0 6%}
#p34 .his_area dl+dl{padding-top:32px;margin-top:38px}
#p34 .his_area dl dt{font-size:28px}

#p35 a{width:90%}

#p41 .cont{margin-top:0}
#p41 .cont img{position:static;display:block;width:100%}
#p41 .cont .org_area{padding:18px 30px 80px;text-align:center;background-position:center 92%;background-size:100px}
#p41 .cont .org_area .s_tit{padding-top:0;margin-top:0}
#p41 .cont .org_area .tel{line-height:1.2}

.bsns .cont_tit{font-size:21px}
.bsns .cont_area .cont_box img{height:320px}
.bsns .cont_area .cont_box table tr th,.bsns .cont_area .cont_box table tr td{padding:8px 14px}
}

@media (max-width:480px){
.pgcm{padding:30px 14px 40px;font-size:15px}
.pgcm .tit_area{margin-bottom:24px;text-align:center}
.pgcm .tit_area .t_tit{font-size:21px}
.pgcm .tit_area .s_tit{margin-bottom:10px}

#p33 .bg{height:210px}
#p33 .cont{width:100%;margin:0 auto;padding:20px 0}
#p33 .cont .t_tit{font-size:21px}
#p33 .cont .vision p{font-size:16px}
#p33 .cont ul{margin:24px 0 29px}
#p33 .cont .txt_area .sign{padding-right:0}

#p34 .bg{height:210px;margin-bottom:24px}
#p34 .his_area{padding:0}
#p34 .his_area dl{flex-direction:column;align-items:flex-start;padding-left:20px}
#p34 .his_area dl+dl{padding-top:28px;margin-top:28px}
#p34 .his_area dl dt{width:100%;font-size:25px;margin-bottom:16px}
#p34 .his_area dl dd{width:100%}
#p34 .his_area dl dd .his{gap:10px}
#p34 .his_area dl dd .his+.his{margin-top:8px}
#p34 .his_area dl dd .his span{width:auto;min-width:34px}
#p34 .his_area dl dd .his ul{width:100%}

#p35 a{margin-top:30px;font-size:18px}

#p41 .cont .org_area .tel{font-size:30px}
#p41 .cont .org_area .fax{font-size:18px}

.bsns .tit_area{margin-bottom:35px}
.bsns .cont_tit{font-size:19px;gap:10px}
.bsns .cont_tit b{width:30px;height:30px;font-size:12px}
.bsns .cont_area{gap:25px;margin-bottom:40px}
.bsns .cont_area .cont_box img{height:240px}
.bsns .cont_area .cont_box table tr th,.bsns .cont_area .cont_box table tr td{padding:8px 10px;font-size:14px}
}

@media (max-width:380px){
#p33 .cont ul{flex-direction:column;align-items:center}
#p33 .cont ul li{max-width:150px;}
#p33 .cont ul li:first-child{transform:translateY(20px)}
#p33 .cont ul li:last-child{transform:translateY(-20px)}
}
/* 반응형 [e] */