@charset "utf-8";

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

.common_page{font-size:15px;line-height:1.6;color:#666;font-family:'Pretendard'}
.common_page *{word-break:keep-all}
.common_page .pl{white-space:pre-line}
.common_page .eng_tit{font-weight:700;color:var(--primary);font-family:'Cabin'}
.common_page .big_txt{font-size:35px;line-height:1.3;font-weight:200}
.common_page .big_txt span{font-weight:700}

/* 소개 */
#p33 .profile_wrap{display:flex;align-items:flex-start}
#p33 .profile_wrap .logo_box{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background-color:var(--primary)}
#p33 .profile_box{width:calc(100% - 450px);padding:13px 0 0 50px}
#p33 .profile_box .name_txt{margin-top:3px;padding-bottom:27px;border-bottom:1px solid #e1e1e1;font-size:35px;font-weight:700;color:#111}
#p33 .profile_list{margin-top:44px}
#p33 .profile_list li{position:relative;padding-left:18px}
#p33 .profile_list li+li{margin-top:3px}
#p33 .profile_list li:before{position:absolute;left:0;top:11px;content:'';width:3px;height:3px;border-radius:100px;background:#aaa}
#p33 .profile_list li span{margin-right:15px;font-weight:600;color:#333}
#p33 .video_wrap{margin-top:83px}
#p33 .video_wrap .wrap_tit{position:relative;padding-left:19px;font-size:20px;font-weight:600;color:#111}
#p33 .video_wrap .wrap_tit:before{position:absolute;left:0;top:15px;content:'';width:4px;height:4px;background:var(--primary)}
#p33 .video_wrap .video_list{display:flex;flex-wrap:wrap;gap:20px;margin-top:33px}
#p33 .video_wrap .video_list li{width:calc(100%/3 - 13.4px)}
#p33 .video_wrap .video_list li img{width:100%}
#p33 .video_wrap .go_page{display:flex;align-items:center;justify-content:center;column-gap:20px;width:200px;height:60px;margin:50px auto 0;border-radius:80px;border:2px solid var(--primary);font-weight:600;color:var(--primary);transition:all .3s}

/* ABOUT US */
#p34 .about_top .tit_box{width:480px;padding:54px 0 57px 50px;color:#fff;background-color:var(--primary)}
#p34 .about_top .tit_box .eng_tit{margin-bottom:27px;color:#fff}
#p34 .about_top .tit_box .big_txt img{margin-right:5px}
#p34 .about_top .img_box{position:relative;z-index:-1;width:calc(100% - 50px);margin:-200px 0 0 50px;height:330px;background:url('/sh_page/img/p34_img.jpg') no-repeat right center;background-size:cover}
#p34 .about_cont{padding:59px 0 0 50px}
#p34 .about_cont .mid_txt{margin-bottom:25px;font-size:30px;font-weight:300;color:#111}
#p34 .about_cont .mid_txt span{font-weight:700}
#p34 .brand_box{margin-top:71px;border-top:1px solid #e1e1e1}
#p34 .brand_box .brand_tit{display:flex;align-items:center;justify-content:center;width:142px;height:45px;margin-top:-22px;border:2px solid var(--primary);border-radius:50px;font-weight:700;color:var(--primary);background-color:#fff;font-family:'Cabin'}
#p34 .brand_list{display:flex;flex-wrap:wrap;row-gap:50px;margin-top:70px}
#p34 .brand_list li{display:flex;align-items:center;justify-content:center;width:calc(100%/4)}
#p34 .dot{width:5px;margin:60px auto 0}
#p34 .dot li{width:5px;height:5px;border-radius:100%;background-color:rgba(000,000,000,.3)}
#p34 .dot li:nth-child(2){background-color:rgba(000,000,000,.15)}
#p34 .dot li:nth-child(3){background-color:rgba(000,000,000,.10)}
#p34 .dot li+li{margin-top:10px}

/* 피팅프로세스 */
#p38 .top_box .big_txt{margin-top:27px;color:#111}
#p38 .fitting_box{margin-top:53px}
#p38 .box_tit{position:relative}
#p38 .box_tit:before{position:absolute;left:0;top:50%;content:'';z-index:-1;width:100%;height:1px;background:#e1e1e1}
#p38 .box_tit span{display:inline-block;padding:0 35px;border-radius:50px;border:2px solid var(--primary);font-weight:600;line-height:45px;color:var(--primary);background-color:#fff;font-family:'Cabin', 'Pretendard'}
#p38 .icon_num{display:flex;padding:43px 0 74px}
#p38 .icon_num li{display:flex;width:50%}
#p38 .icon_num li .icon{position:relative;padding:25px 0 0 20px}
#p38 .icon_num li .icon span{position:absolute;left:0;top:0;font-size:50px;font-weight:700;line-height:1;color:rgba(000,000,000,.15)}
#p38 .icon_num li .txt{padding:20px 0 0 30px}
#p38 .icon_num li .txt span{display:block;margin-bottom:9px;font-size:17px;font-weight:700;color:#222}
#p38 .step_list{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:45px;margin:50px 0 74px}
#p38 .step_list li{width:calc(100%/3 - 20px)}
#p38 .step_list li img{width:100%}
#p38 .step_list li .step_tit{display:flex;align-items:center;margin:20px 0 15px;font-weight:700;font-family:'Cabin'}
#p38 .step_list li .step_tit .num{display:flex;align-items:center;justify-content:center;width:85px;height:35px;border-radius:50px;font-size:14px;color:#fff;background-color:var(--primary);}
#p38 .step_list li .step_tit .tit{padding-left:15px;font-size:18px;color:#333}
#p38 .img_list{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:30px;margin-top:50px;}
#p38 .img_list li{width:calc(100%/3 - 20px)}
#p38 .img_list li:last-child{display:none}
#p38 .img_list li img{width:100%}

/* 모바일 호버 X */
@media (hover: hover) {
#p33 .video_wrap .go_page:hover{color:#fff;background-color:var(--primary)}
}

/* 반응형 [s] */
@media (max-width:1230px){}
@media (max-width:1024px){
.common_page .eng_tit{font-size:13px}
.common_page .big_txt{font-size:30px}
#p33 .profile_wrap .logo_box{width:80px;height:80px}
#p33 .profile_wrap .logo_box img{width:60%}
#p33 .profile_wrap .img_box{width:280px}
#p33 .profile_wrap .img_box img{width:100%}
#p33 .profile_box{width:calc(100% - 360px);padding-left:40px}
#p33 .profile_box .name_txt{padding-bottom:20px;font-size:28px}
#p33 .profile_list{margin-top:30px}
#p33 .video_wrap{margin-top:60px}
#p34 .about_top .tit_box{padding-left:40px}
#p34 .about_top .img_box{width:calc(100% - 30px);margin-left:30px}
#p34 .about_cont{padding-left:30px}
#p34 .about_cont .mid_txt{font-size:25px}
#p34 .brand_box .brand_tit{width:130px;height:40px}
#p34 .brand_list li img{max-width:80%}
#p38 .icon_num{padding:30px 0 55px}
#p38 .icon_num li .txt{white-space:normal}
#p38 .icon_num li .txt span{font-size:16px}
#p38 .box_tit span{padding:0 20px;line-height:40px}
#p38 .step_list{margin:40px 0}
#p38 .step_list li{width:calc(100%/3 - 10px)}
#p38 .step_list li .step_tit{display:block;}
#p38 .step_list li .step_tit .num{width:80px;height:30px;font-size:13px}
#p38 .step_list li .step_tit .tit{display:block;padding:10px 0 0;font-size:16px}
#p38 .img_list{row-gap:15px;margin-top:40px}
#p38 .img_list li{width:calc(100%/3 - 10px)}
}
@media (max-width:768px){
.common_page .big_txt{font-size:28px}
#p33 .profile_wrap{flex-wrap:wrap}
#p33 .profile_wrap .img_box{width:calc(100% - 80px)}
#p33 .profile_wrap .img_box img{width:auto;max-width:100%}
#p33 .profile_box{width:100%;padding:30px 0 0}
#p33 .profile_box .name_txt{font-size:25px}
#p33 .video_wrap .wrap_tit{font-size:18px}
#p33 .video_wrap .wrap_tit:before{top:12px}
#p33 .video_wrap .video_list{gap:10px}
#p33 .video_wrap .video_list li{width:calc(100%/2 - 5px)}
#p34 .about_top .tit_box{width:405px;padding:34px 0 37px 40px}
#p34 .about_top .tit_box .big_txt img{height:20px}
#p34 .about_top .img_box{height:260px;margin-top:-150px}
#p34 .about_cont{padding:45px 0 0}
#p34 .about_cont .mid_txt{padding-left:40px;font-size:23px;line-height:1.4}
#p34 .about_cont .s_txt{padding-left:40px;white-space:normal}
#p38 .top_box .big_txt{white-space:normal}
#p38 .icon_num li .icon span{font-size:45px}
#p38 .icon_num li .icon img{height:45px}
#p38 .icon_num li .txt{padding-left:25px}
#p38 .step_list li{width:calc(100%/2 - 7.5px)}
#p38 .img_list li{width:calc(100%/2 - 7.5px)}
#p38 .img_list li:last-child{display:block}
}
@media (max-width:480px){
.common_page{font-size:14px}
.common_page .big_txt{font-size:25px}
#p33 .profile_wrap .logo_box{width:60px;height:60px}
#p33 .profile_wrap .img_box{width:calc(100% - 60px)}
#p33 .profile_box .name_txt{font-size:23px}
#p33 .video_wrap{margin-top:45px}
#p33 .video_wrap .wrap_tit{font-size:16px}
#p33 .video_wrap .wrap_tit:before{top:10px}
#p33 .video_wrap .video_list{margin-top:20px}
#p33 .video_wrap .go_page{width:180px;height:55px}
#p34 .about_top .tit_box{width:100%;padding:30px 0 30px 25px}
#p34 .about_top .tit_box .eng_tit{margin-bottom:20px}
#p34 .about_top .img_box{width:100%;height:170px;margin:0}
#p34 .about_cont{padding-top:40px}
#p34 .about_cont .mid_txt{margin-bottom:20px;padding-left:0;font-size:20px}
#p34 .about_cont .s_txt{padding-left:0}
#p34 .brand_box .brand_tit{width:115px;height:35px;font-size:13px}
#p34 .brand_list{row-gap:35px;margin-top:50px}
#p34 .brand_list li{width:50%}
#p34 .dot{margin-top:40px}
#p38 .box_tit span{padding:0 15px;line-height:35px}
#p38 .icon_num{display:block;padding-bottom:45px}
#p38 .icon_num li{width:100%}
#p38 .icon_num li+li{margin-top:25px}
#p38 .step_list{display:block}
#p38 .step_list li{width:100%}
#p38 .step_list li+li{margin-top:35px}
}
@media (max-width:380px){
.common_page .big_txt{font-size:23px}
#p33 .profile_box .name_txt{font-size:20px}
#p34 .about_top .tit_box .big_txt img{height:18px}
#p34 .about_top .img_box{height:135px}
#p34 .about_cont .mid_txt span{display:block}
#p34 .brand_box{margin-top:60px}
}
/* 반응형 [e] */