@charset "utf-8";

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

/* 페이지 포인트 컬러 */
#pageCm .pg_color{color:#333}
#pageCm .pg_bdcolor:before{border-color:#333}
#pageCm .pg_bgcolor{background-color:#333}

/* 공통 */
#pageCm{padding-bottom:50px;position:relative;font-size:15px;letter-spacing:0;line-height:1.8;color:#777;font-family:'notokr-regular'}
#pageCm .tit_area{margin-bottom:25px;color:#aaa;font-family:'notokr-light'}
#pageCm .tit_area span{display:inline-block;font-size:14px;text-transform:uppercase;font-family:'notokr-bold'}
#pageCm .tit_area.t_center span:after{display:block;content:"";width:1px;height:30px;margin:12px auto;background-color:#d1d1d1}
#pageCm .tit_area p{font-size:29px;line-height:1.4}
#pageCm .t_center{text-align:center}
#pageCm .c_black{color:#333}
#pageCm strong{font-weight:normal;font-family:'notokr-bold'}
#pageCm .stit_area{font-size:17px;line-height:1.6}
#pageCm .stit_area h4{padding-bottom:15px;font-size:29px;font-weight:normal;line-height:1.4;font-family:'notokr-regular'}

/* 설립목적 */
.p33{width:100%;padding:0;font-family:'Pretendard',sans-serif;color:#444;box-sizing:border-box}
.p33 .purpose_title{margin-bottom:36px;text-align:center}
.p33 .purpose_title span{display:inline-block;font-size:16px;font-weight:700;color:#e36f1e;text-transform:uppercase}
.p33 .purpose_title span:after{display:block;width:1px;height:28px;margin:14px auto 0;background:#ddd;content:''}
.p33 .purpose_cont{position:relative;width:1070px;height:310px;margin:0 auto;padding:0;background:#f7f7f7;box-sizing:border-box}
.p33 .purpose_cont:before{position:absolute;top:0;left:0;width:100%;height:3px;background:#e36f1e;content:''}
.p33 .purpose_inner{position:absolute;top:50%;left:50%;width:765px;height:189px;transform:translate(-50%,-50%);text-align:center;box-sizing:border-box}
.p33 .purpose_cont h2{margin:0;font-size:32px;font-weight:700;line-height:38px;color:#222}
.p33 .purpose_line{width:42px;height:3px;margin:22px auto 34px;background:#e36f1e}
.p33 .purpose_cont p{width:100%;margin:0;font-size:17px;font-weight:400;line-height:30px;color:#555;text-align:center;word-break:keep-all}
.p33 .purpose_title[data-animation]{transition-delay:0s}
.p33 .purpose_cont[data-animation]{transition-delay:.15s}

/* 인사말 */
.p34{width:100%;padding:0;font-family:'Pretendard',sans-serif;color:#444;box-sizing:border-box}
.p34 .greeting_title{margin-bottom:30px;text-align:center}
.p34 .greeting_title span{display:block;margin-bottom:7px;font-size:15px;font-weight:700;color:#e36f1e;text-transform:uppercase}
.p34 .greeting_title h2{margin:0;font-size:36px;font-weight:700;line-height:43px;color:#222}
.p34 .greeting_visual{position:relative;width:100%;height:330px;margin:0 auto 100px;overflow:visible}
.p34 .greeting_visual:after{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.18),rgba(0,0,0,0));content:''}
.p34 .greeting_visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:45% 60%}
.p34 .greeting_message{position:absolute;left:55px;bottom:-62px;z-index:2;width:480px;padding:28px 32px 30px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.12);box-sizing:border-box}
.p34 .greeting_message:before{position:absolute;top:0;left:0;width:4px;height:100%;background:#e36f1e;content:''}
.p34 .greeting_message span{display:block;margin-bottom:9px;font-size:13px;font-weight:700;color:#e36f1e}
.p34 .greeting_message h3{margin:0;font-size:28px;font-weight:600;line-height:38px;color:#222;word-break:keep-all}
.p34 .greeting_cont{width:1070px;margin:0 auto;padding:0 55px;box-sizing:border-box}
.p34 .greeting_cont h4{position:relative;margin:0 0 26px;padding:0 0 16px;font-size:22px;font-weight:600;line-height:1.3;color:#222}
.p34 .greeting_cont h4:after{position:absolute;left:0;bottom:0;width:44px;height:2px;background:#e36f1e;content:''}
.p34 .greeting_cont>p{width:100%;margin:0;font-size:16px;font-weight:400;line-height:26px;color:#666;text-align:left;word-break:keep-all}
.p34 .greeting_cont>p+p{margin-top:20px}
.p34 .greeting_sign{display:flex;flex-direction:column;align-items:flex-end;width:100%;margin-top:30px;padding-top:24px;border-top:1px solid #eee;box-sizing:border-box}
.p34 .greeting_sign span{display:block;margin:0 0 8px;font-size:15px;font-weight:400;line-height:20px;color:#888;text-align:right}
.p34 .greeting_sign p{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin:0;font-size:20px;font-weight:600;line-height:36px;color:#333}
.p34 .greeting_title[data-animation]{transition-delay:0s}
.p34 .greeting_visual[data-animation]{transition-delay:.15s}
.p34 .greeting_cont[data-animation]{transition-delay:.3s}
.p34 .greeting_person{position:absolute;right:55px;bottom:-60px;z-index:3;width:150px!important;height:150px!important;border-radius:50%;object-fit:cover}
.p34 .greeting_sign .sign_name{font-family:'ROEHOE_CHAN_NEW'!important;font-size:40px;font-weight:400!important;line-height:1;color:#222}

/* 연혁 */
.p35{width:100%;padding:0;font-family:'Pretendard',sans-serif;color:#222;box-sizing:border-box}
.p35 .history_title{margin-bottom:42px;text-align:center}
.p35 .history_title span{display:block;margin-bottom:4px;font-size:13px;font-weight:700;line-height:19px;color:#E36F1E;text-transform:uppercase}
.p35 .history_title h2{margin:0;font-size:36px;font-weight:700;line-height:43px;color:#222}
.p35 .history_visual{width:1070px;height:350px;margin:0 auto;overflow:hidden;background:#eee}
.p35 .history_visual img{display:block;width:100%;height:100%;object-fit:cover}
.p35 .history_cont{position:relative;width:1070px;min-height:470px;margin:0 auto;box-sizing:border-box}
.p35 .history_point{display:flex;flex-direction:column;justify-content:center;position:absolute;top:-80px;left:60px;z-index:3;width:320px;height:213px;padding:0 40px;background:#E36F1E;color:#fff;box-sizing:border-box}
.p35 .history_point span{display:block;margin:0 0 34px;font-family:'Poppins','Pretendard',sans-serif;font-size:13px;font-weight:600;line-height:20px;color:rgba(255,255,255,.6);text-transform:uppercase}
.p35 .history_point strong{display:block;margin:0;font-family:'Pretendard',sans-serif;font-size:24px;font-weight:700;line-height:34px;color:#fff;word-break:keep-all}
.p35 .history_list{position:relative;margin-left:500px;padding:50px 0 35px 38px;box-sizing:border-box}
.p35 .history_list:before{position:absolute;top:0;bottom:0;left:0;width:1px;background:#e5e5e5;content:''}
.p35 .history_year{position:relative;margin:0 0 65px}
.p35 .history_year:last-child{margin-bottom:0}
.p35 .history_year:before{position:absolute;top:12px;left:-44px;width:11px;height:11px;border:3px solid #E36F1E;border-radius:50%;background:#fff;box-sizing:border-box;content:''}
.p35 .history_year dt{margin:0 0 22px;font-size:33px;font-weight:600;line-height:39px;color:#222}
.p35 .history_year.current dt{color:#E36F1E}
.p35 .history_year dd{margin:0;padding:0}
.p35 .history_item{display:flex;align-items:flex-start;margin-bottom:13px}
.p35 .history_item:last-child{margin-bottom:0}
.p35 .history_date{display:block;flex:none;width:95px;font-size:16px;font-weight:600;line-height:19px;color:#222;font-variant-numeric:tabular-nums}
.p35 .history_item p{margin:0;font-size:16px;font-weight:400;line-height:19px;color:#555;word-break:keep-all}
.p35 .history_title[data-animation]{transition-delay:0s}
.p35 .history_visual[data-animation]{transition-delay:.12s}
.p35 .history_cont[data-animation]{transition-delay:.24s}

/* 조직도 */
.p36{padding:0 0 90px;font-family:'Pretendard',sans-serif}
.p36 .org_title{width:100%;max-width:1000px;margin:0 auto 52px;text-align:center}
.p36 .org_title span{display:block;margin-bottom:7px;font-size:13px;font-weight:700;color:#e36f1e;text-transform:uppercase}
.p36 .org_title h2{margin:0;font-size:36px;font-weight:700;line-height:43px;color:#222}
.p36 .org_chart{position:relative;width:1070px;height:640px;margin:0 auto}
.p36 .org_box{position:absolute;display:flex;align-items:center;justify-content:center;box-sizing:border-box;z-index:5}
.p36 .chairman{top:20px;left:50%;width:205px;height:78px;transform:translateX(-50%);background:#e36f1e;color:#fff;font-size:25px;font-weight:700}
.p36 .adviser{top:180px;left:70px;width:192px;height:72px;background:#f2f2f2;color:#7e7e7e;font-size:20px;font-weight:600}
.p36 .consultant{top:180px;right:70px;width:192px;height:72px;background:#f2f2f2;color:#7e7e7e;font-size:20px;font-weight:600}
.p36 .board{top:350px;left:70px;width:192px;height:72px;background:#f2f2f2;color:#7e7e7e;font-size:20px;font-weight:600}
.p36 .audit{top:350px;right:70px;width:192px;height:72px;background:#f2f2f2;color:#7e7e7e;font-size:20px;font-weight:600}
.p36 .office{top:530px;left:50%;width:208px;height:72px;transform:translateX(-50%);background:#222;color:#fff;font-size:20px;font-weight:700}
.p36 .org_chart:before{position:absolute;top:98px;left:50%;width:1px;height:432px;background:#e8e8e8;content:''}
.p36 .org_chart:after{position:absolute;top:216px;left:166px;width:738px;height:171px;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;box-sizing:border-box;content:''}
.p36 .org_title[data-animation]{transition-delay:0s}
.p36 .org_chart[data-animation]{transition-delay:.15s}

/* 공통 스크롤 애니메이션 */
[data-animation]{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
[data-animation].is-visible{opacity:1;transform:translateY(0)}