@charset "utf-8";

/* 공통 */
.pgcm{position:relative;padding-bottom:50px;font-size:16px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family: 'Noto Sans KR', sans-serif}
.pgcm .w1200{max-width:1200px;width:100%;margin:0 auto}
.pgcm .pl{white-space:pre-line}
.pgcm .tit_area span{display:block;margin-bottom:20px;font-size:18px;font-weight:500;letter-spacing:0;color:var(--primary);font-family:'Teko'}
.pgcm .tit_area p{font-size:36px;color:#222;line-height:1.4;font-weight:700}

.pgcm .tit_area p{font-size:36px;color:#222;line-height:1.4;font-weight:700}

/* 회사소개 */
.rent .tit_area{padding-left:8%}
.rent .img{position:relative;height:400px;margin:50px 0}
.rent .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/sh_page/img/p33_img.jpg) center no-repeat;background-size:cover}
.rent .img .box{position:absolute;bottom:0;padding:40px 50px;left:calc((100% - 1200px) / 2);color:rgba(255,255,255,.55);background:url(/sh_page/img/p33_ci.png) right bottom no-repeat #1a1a1a}
.rent .img .box p{margin-bottom:20px;font-size:24px;color:#fff;font-weight:700}
.rent .img .box .pl b{color:#fff;font-weight:500}
.rent .cont{position:relative;padding-left:calc(300px + 5%);padding-top:30px}
.rent .cont .pl b{display:block;color:#222;font-size:21px;line-height:1.5}
.rent .cont .circle{position:absolute;left:100px;top:0}
.rent .cont .circle .pl{color:#c38f34}
.rent .cont .circle > div{position:relative;width:200px;height:200px;padding-top:100px;text-align:center;color:#777;line-height:1.6;font-weight:500}
.rent .cont .circle > div span{opacity:.15;display:block;position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;border:1px solid var(--primary)}
.rent .cont .circle > div span.c2{opacity:.25;top:15px}
.rent .cont .circle > div span.c3{opacity:.35;top:30px}
.rent .cont .circle > div span.c4{opacity:.45;top:45px}
.rent .cont .circle > div + div{width:200px;height:200px;margin-top:85px;padding-top:75px;border-radius:50%;border:1px solid #222;font-size:17px;color:#222;font-weight:700}
.rent .cont .sign{color:#222;font-weight:500}

/* #p44 .img .bg{position:absolute;left:0;top:0;width:100%;height:100%;background:url(/sh_page/img/p47_img.jpg) center no-repeat;background-size:cover} */
#p44 .img .bg img{width:100%;}
#p44 .page_form .tit_area{text-align:center;}
#p44 .page_form .tit_area img{position:absolute;right:40px;bottom:0}
#p44 #page_form{padding:60px 0}
#p44 #page_form .tit_area{position:relative;margin-bottom:30px;padding-left:12%}
#p44 #page_form .tit_area p{font-size:30px}
#p44 #page_form .tit_area img{position:absolute;right:10%;bottom:-30px;width:140px}
#p44 #page_form #sms_wrap{width:100%;padding:30px 95px;border:none;;border-top:2px solid #444;border-radius:0;background:#fff;}
#p44 #page_form #sms_wrap .btm_cont{display:block;}
#p44 #page_form #sms_wrap .btm_cont .left_cont{margin-bottom:10px;text-align:right;}
#p44 #page_form #sms_wrap .btm_cont .btn_wrap{text-align:center;}
#p44 #page_form #sms_wrap .buttom_st{width:100%;;background-color:#111;}
#p44 #page_form #sms_wrap .txt input{background-color:#f5f5f5;}
#p44 #page_form #sms_wrap textarea{background-color: #f5f5f5;}

@media(max-width:1200px){
.rent .img .box{left:0}	
}
@media(max-width:1024px){
.pgcm{font-size:15px}	
.pgcm .tit_area p{font-size:28px}	
.rent .img{height:550px;margin:40px 0}
.rent .img .box{padding:45px 40px}
.rent .img .box p{font-size:22px}
.rent .cont{padding:0 15px 0 260px}
.rent .cont .circle{left:40px}
.rent .cont .circle > div{width:180px;height:180px;padding-top:90px}
.rent .cont .circle > div + div{width:180px;height:180px;padding-top:65px;font-size:16px}
.rent .cont > .pl{white-space:normal;word-break:keep-all}
}
@media(max-width:768px){
.pgcm .tit_area p{font-size:24px}
.rent .tit_area{padding-left:20px}
.rent .tit_area p{white-space:normal;word-break:keep-all}
.rent .img{height:auto}
.rent .img .bg{position:relative;top:auto;left:auto;height:250px}
.rent .img .box{position:relative;top:auto;left:auto;padding:25px 20px}
.rent .img .box p{font-size:18px}
.rent .img .box .pl{white-space:normal;word-break:keep-all}
.rent .cont{padding:0 15px 0 200px}
.rent .cont .circle{left:20px}
.rent .cont .circle > div{width:160px;height:160px;padding-top:80px}
.rent .cont .circle > div + div{width:160px;height:160px;padding-top:55px}
}
@media(max-width:480px){
.pgcm{font-size:14px}
.rent .cont{padding:0 20px}
.rent .cont .circle{position:relative;left:auto;margin-bottom:30px;text-align:center}
.rent .cont .circle > div{display:inline-block;vertical-align:middle;width:140px;height:140px;padding:50px 0 0 25px}
.rent .cont .circle > div span{top:0!important}
.rent .cont .circle > div span.c2{left:8px}
.rent .cont .circle > div span.c3{left:16px}
.rent .cont .circle > div span.c4{left:24px}
.rent .cont .circle > div + div{width:140px;height:140px;margin:0 0 0 50px;padding:48px 0 0;font-size:15px}
}
@media(max-width:380px){
.rent .cont{padding:0 15px}	
.rent .cont .circle > div + div{margin-left:0}	
}