@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.8;color:#777;font-family:'pretendard'}
.pgcm .tit_area{margin-bottom:40px;color:#222;font-family:'SBAggroM'}
.pgcm .tit_area span{display:inline-block;font-size:14px;letter-spacing:2px;text-transform:uppercase;font-weight:700;font-family:'pretendard'}
.pgcm .tit_area p{font-size:24px;line-height:1.4}
.pgcm .tit_area p:before{content:'';display:inline-block;width:9px;height:38px;margin:-5px 20px 0 0px;vertical-align:middle;background-color: #ef7e32;}
.pgcm .pl{white-space:pre-line}
.pgcm .col{color:#ef7e32}

#p33 .cont {margin:0 auto}
#p33 .cont .box{display:flex;align-items:center;justify-content:center;gap:120px;padding:60px 0}
#p33 .cont .box:first-child{background:#f7f7f7}
#p33 .cont .box:nth-child(2){flex-direction: row-reverse}
#p33 .cont .box div img{border-radius:50px}
#p33 .cont .box .txt_area{line-height:1.6;text-align:center;font-size:18px}
#p33 .cont .box .txt_area b{color:#222}
#p33 .cont .box .txt_area strong{line-height:1.4;font-size:28px;font-weight:normal;font-family:'SBAggroM'}
#p33 .cont .box:nth-child(2) .txt_area strong{position:relative;display:block;}
#p33 .cont .box:nth-child(2) .txt_area strong:before{position:absolute;left:50%;top:-30px;transform:translateX(-50%);content:'';width:24px;height:22px;background:url('/sh_page/img/p33_qu01.png') no-repeat 100% 100%}
#p33 .cont .box:nth-child(2) .txt_area strong:after{position:absolute;left:50%;bottom:-30px;transform:translateX(-50%);content:'';width:24px;height:20px;background:url('/sh_page/img/p33_qu02.png') no-repeat 100% 100%}
#p33 .cont .box .txt_area strong span{padding:4px;color:#fff;background:#ef7e32;}
#p33 .btm_box{height:280px;margin-top:30px;padding:50px 0 35px;color:#fff;text-align:center;background:url('/sh_page/img/p33_bg.jpg') no-repeat 100% 100% / cover}
#p33 .btm_box strong{font-size:26px;font-weight:normal;font-family:'SBAggroM'}
#p33 .btm_box .w_box{width:408px;line-height:60px;margin:12px auto;border-radius:10px;color:#444;background:#fff;font-weight:700;font-family:'pretendard'}
#p33 .btm_box .w_box strong{padding-left:20px;font-family:'SBAggroB';}
#p33 .btm_box p:last-child{width:408px;margin:0 auto;padding:0 20px;border-radius:10px;line-height:50px;background:#ef7e32}
#p33 .btm_box p:last-child strong{font-family:'SBAggroB'}

#p34 .cont {margin:0 auto}
#p34 .b_tit {margin:70px auto 0;text-align:center;}
#p34 .b_tit strong{position:relative;padding:12px 20px;font-size:28px;color:#fff;background:#ef7e32;font-weight:normal;font-family:'SBAggroM'}
#p34 .b_tit strong:before{position:absolute;left:-30px;top:0;transform:translateX(-50%);content:'';width:24px;height:22px;background:url('/sh_page/img/p33_qu01.png') no-repeat 100% 100%}
#p34 .b_tit strong:after{position:absolute;right:-55px;top:0;transform:translateX(-50%);content:'';width:24px;height:20px;background:url('/sh_page/img/p33_qu02.png') no-repeat 100% 100%}
#p34 .cont .box{display:flex;align-items:center;justify-content:center;gap:150px;padding:60px 0}
#p34 .cont .box:nth-child(2){flex-direction: row-reverse}
#p34 .cont .box:nth-child(2){flex-direction: row-reverse}
#p34 .cont .box:nth-child(2) .txt_area{padding:100px 30px;border-radius:100%;background-color: #f7f7f7;}
#p34 .cont .box div img{border-radius:50px}
#p34 .cont .box .txt_area{line-height:1.6;text-align:center;font-size:18px}
#p34 .cont .box .txt_area b{color:#222}
#p34 .cont .box .txt_area span{font-weight:600;}
#p34 .cont .box .txt_area strong{line-height:1.4;font-size:28px;font-weight:normal;font-family:'SBAggroM'}
#p34 .cont .box:first-child{gap:100px;padding-bottom:0;border-bottom:1px solid #e1e1e1}
#p34 .cont .box:first-child div img{border-radius:0}
#p34 .cont .box:first-child .txt_area{text-align:left}
#p34 .cont .box:first-child .txt_area strong{display:block;}
#p34 .cont .box .txt_area strong span{padding:4px;color:#fff;background:#ef7e32;}
#p34 .btm_box{height:280px;margin-top:30px;padding:50px 0 35px;color:#fff;text-align:center;background:url('/sh_page/img/p34_bg.jpg') no-repeat 100% 100% / cover}
#p34 .btm_box strong{font-size:26px;font-weight:normal;font-family:'SBAggroM'}
#p34 .btm_box .w_box{width:408px;line-height:60px;margin:12px auto;border-radius:10px;color:#444;background:#fff;font-weight:700;font-family:'pretendard'}
#p34 .btm_box .w_box strong{padding-left:20px;font-family:'SBAggroB';}
#p34 .btm_box p:last-child{width:408px;margin:0 auto;padding:0 20px;border-radius:10px;line-height:50px;background:#ef7e32}
#p34 .btm_box p:last-child strong{font-family:'SBAggroB'}


#p35 .cont .box .img_wrap{display:flex;gap:30px;}
#p35 .cont .box .img_wrap img{border-radius:30px}
#p35 .cont .box .txt_area{display:flex;flex-direction:row-reverse;justify-content:center;gap:80px;margin-top:50px;line-height:1.6;text-align:left;font-size:17px}
#p35 .cont .box .txt_area b{color:#222}
#p35 .cont .box .txt_area span.col{font-weight:600;}
#p35 .cont .box .txt_area strong{padding:50px 50px 0 0;border-right:1px dashed #e1e1e1;line-height:1.4;color:#222;font-size:30px;font-weight:normal;font-family:'SBAggroM'}
#p35 .cont .box .txt_area strong b{color:#ef7e32;font-weight:normal;}
#p35 .cont .box .txt_area strong span{padding:4px 7px 0;color:#fff;background:#ef7e32;}

#p37 .bg{display:flex;justify-content:space-between;align-items:center;padding:0 70px;height:350px;border-radius:50px 50px 0 0 ;background:url('/sh_page/img/p37_bg.jpg') no-repeat center center / cover;line-height: 1.4;font-family:'SBAggroM';}
#p37 .bg p{font-size:30px;color:#333}
#p37 .bg p span{padding:4px 7px 0;color:#ef7e32;background:#fff}
#p37 .top_txt{margin:30px 0 60px;text-align:center;}
#p37 .top_txt p{margin-top:20px}
#p37 .top_txt b{color:#222;font-size:18px}
#p37 .top_txt b br{display:none}
#p37 .cont {width:80%;margin:0 auto;}
#p37 .cont .box{display:flex;align-items:center;gap:85px}
#p37 .cont .box:nth-child(2){flex-direction: row-reverse;}
#p37 .cont .box div img{border-radius:150px;}
#p37 .cont .box p{line-height:1.4;font-size:26px;color:#222;font-family:'SBAggroM';}
#p37 .cont .btm_txt{margin-top:80px;text-align:center;font-size:30px;color:#222;font-family:'SBAggroB';}
#p37 .cont .btm_txt strong{padding:4px 7px 0;color:#fff;background:#ef7e32}
#p37 .cont .btm_txt img{margin:-30px 10px 0 0}


/* 반응형 [s] */
@media (max-width:1024px){
.pgcm{padding:0}
.pgcm .tit_area{padding:0 20px}
.pgcm .tit_area span{font-size:12px}
.pgcm .tit_area p{font-size:24px;word-break:keep-all}

#p33 .cont .box{flex-direction:column;gap:50px}
#p33 .cont .box:nth-child(2){flex-direction:column;}
#p33 .cont .box .txt_area{font-size:17px}

#p34 .cont .box{flex-direction:column;gap:50px}
#p34 .cont .box:nth-child(2){flex-direction:column;}
#p34 .cont .box .txt_area{font-size:17px}
#p34 .cont .box:first-child{gap:50px}

#p35 .cont .box .img_wrap{gap:10px}
#p35 .cont .box .img_wrap img{width:100%;border-radius:20px;}

#p37 .cont .box{flex-direction:column;gap:50px}
#p37 .cont .box + .box{margin-top:40px}
#p37 .cont .box:nth-child(2){flex-direction:column}
#p37 .cont .box p{text-align:center}
#p37 .cont .box div img{border-radius:20px;}
}
@media (max-width:768px){
.pgcm .tit_area p{font-size:22px}
.pgcm .tit_area p:before{width:5px;height:28px;margin-right:10px}
#p33 .cont .box .txt_area{font-size:16px}
#p33 .btm_box{background-position:40% 100%;}

#p34 .cont .box:first-child{border-bottom:none;}
#p34 .b_tit strong{display:block;width:70%;margin:0 auto;word-break:keep-all;line-height:1.4}
#p34 .cont .box .txt_area{font-size:16px}
#p34 .cont .box:nth-child(2) .txt_area{border-radius:0;width:100%}
#p34 .btm_box{background-position:40% 100%;}

#p35 .cont .box .txt_area{flex-direction:column;text-align:center;font-size:16px}
#p35 .cont .box .txt_area strong{padding:0;border-right:none}

#p37 .bg{flex-direction:column;justify-content:flex-start;gap:10px;padding:30px 20px;height:400px;background:url('/sh_page/img/p37_bg_mo.jpg') no-repeat center center / cover}
#p37 .bg p{font-size:24px;padding:0;text-align:center;}
#p37 .bg p.l_tit{font-family:'SBAggroL'}
#p37 .bg p.l_tit span{font-family:'SBAggroM'}
#p37 .bg p.r_tit{color:#ef7e32;}
#p37 .top_txt p{padding:0 20px}
#p37 .top_txt b{font-size:17px;line-height:1.7;word-break:keep-all;}
#p37 .cont .btm_txt{font-size:26px;word-break:keep-all}
#p35 .cont .box .txt_area{gap:50px}
}
@media (max-width:480px){
.pgcm .br{white-space:normal}
.pgcm .tit_area{margin-bottom:20px}
.pgcm .tit_area p{font-size:20px}
.pgcm p{word-break:keep-all;}

#p33 .cont .box{padding:40px 20px}
#p33 .cont .box div img{width:100%;border-radius:20px;}
#p33 .cont .box .txt_area strong{font-size:22px}
#p33 .btm_box strong{font-size:22px}
#p33 .btm_box .w_box{width:90%;padding:10px;line-height:1.4;}
#p33 .btm_box .w_box strong{display:block;}
#p33 .btm_box p:last-child{width:90%;}

#p34 .b_tit{margin-top:50px}
#p34 .b_tit strong{width:76%;font-size:22px}
#p34 .b_tit strong:before{left:-25px}
#p34 .b_tit strong:after{right:-46px}
#p34 .cont .box:first-child{gap:30px}
#p34 .cont .box{padding:30px 0}
#p34 .cont .box div img{width:100%;border-radius:20px;}
#p34 .cont .box:first-child .txt_area{padding:0 20px;text-align:center;}
#p34 .cont .box:nth-child(2){gap:0}
#p34 .cont .box:nth-child(2) img{border-radius:0;}
#p34 .cont .box:nth-child(2) .txt_area{padding:35px 20px}
#p34 .cont .box .txt_area strong{font-size:22px}
#p34 .btm_box strong{font-size:22px}
#p34 .btm_box .w_box{width:90%;padding:10px;line-height:1.4;}
#p34 .btm_box .w_box strong{display:block;}
#p34 .btm_box p:last-child{width:90%;}

#p35 .cont .box .txt_area{padding:0 20px}
#p35 .cont .box .txt_area strong{font-size:22px;}

#p37 .pl{white-space:normal}
#p37 .bg p{font-size:22px}
#p37 .top_txt p b{display:block;margin-bottom:10px;}
#p37 .top_txt b br{display:block}
#p37 .cont{width:95%;}
#p37 .cont .box{gap:30px}
#p37 .cont .box div img{width:100%}
#p37 .cont .box p{font-size:22px}
#p35 .cont .box .img_wrap{flex-wrap:wrap;padding:0 20px}
#p37 .cont .btm_txt img{display:block;margin:0 auto 10px;}

}
/* 반응형 [e] */