@charset "utf-8";

/* 페이지 스타일 공통 */
.pagecommon * {word-break:keep-all;}
.pagecommon{font-size:15px;color:#333;line-height:1.8;letter-spacing:-.2px;font-family:'notokr-regular'}
.pagecommon pl{white-space:pre-line}
.pagecommon .tit_wrap{text-align:center}
.pagecommon .tit_wrap .eng{margin-bottom:3px;font-size:15px;color:#888;font-weight:500;font-family:'Montserrat',sans-serif;}
.pagecommon .tit_wrap .kor{display:inline-block;position:relative;font-size:30px;color:#111;font-family:'notokr-light'}
.pagecommon .tit_wrap .kor:before{position:absolute;left:50%;bottom:-7px;transform:translateX(-50%);content:'';z-index:-1;width:calc(100% + 15px);height:30px;background:#f48c0530}
.pagecommon .tit_wrap .kor span{color:#111;font-family:'notokr-bold'}
.pagecommon .br{white-space:pre-line;}
.pagecommon .left{float:left;width:450px;padding-top:11px}
.pagecommon .left .sub_tit{position:relative;padding-left:27px;margin-bottom:28px;color:#f48c05;line-height:56px;letter-spacing:3px;font-size:14px;font-weight:700}
.pagecommon .left .sub_tit:before{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;background-color:#f48c05;content:'';z-index:-1}
.pagecommon .left .sub_tit span{color:#fff}
.pagecommon .left .tit{margin-bottom:25px;font-size:31px;line-height:46px;color:#222;font-weight:400}
.pagecommon .left .tit b span{line-height:25px;color:#f48c05}
.pagecommon{font-size:16px;font-family:'notokr-regular'}

/*인사말*/
#p33 .tit_area{position:relative;text-align:right;background:url(/sh_page/img/p33_bg.png) no-repeat center}
#p33 .tit_area .tit_bg{display:inline-block;padding:175px 50px 46px 96px;background-color:#e65a4781;color:#fff}
#p33 .tit_area .tit_bg span{display:block;margin-bottom:36px;font-size:14px;letter-spacing:1.5px;line-height:14px;font-weight:700}
#p33 .tit_area .tit_bg .tit{line-height:25px;opacity:.5;font-weight:600}
#p33 .txt_area{position:relative;padding:65px 0 65px 148px}
#p33 .txt_area .tit{margin-bottom:38px;font-size:28px;line-height:38px;color:#222;font-weight:400;white-space:pre-line}
#p33 .txt_area .tit b{color:#f48c05;font-family:'notokr-bold'}
#p33 .txt_area .txt{margin-bottom:55px;line-height:27px}
#p33 .txt.br b{color:#333;border-bottom:1px solid #333;font-weight:normal;font-weight:700}
#p33 .name{color:#333;float:right;font-family:'notokr-bold'}
/*연혁*/
#p34{margin:0 65px 62px;overflow:hidden}
#p34 .right{position:relative;float:left;width:calc(100% - 535px);padding-top:43px}
#p34 .right:before{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#e1e1e1;content:''}
#p34 .right li{padding-left:42px}
#p34 .right li .year{position:relative;margin-bottom:21px;font-size:20px;color:#f48c05;line-height:20px;font-family:'notokr-bold'}
#p34 .right li .year:before{position:absolute;left:-45px;top:8px;width:7px;height:7px;border-radius:50%;background-color:#f48c05;content:''}
#p34 .right li dl{padding-left:2px;margin-bottom:4px;overflow:hidden}
#p34 .right li dl:last-child{padding-bottom:34px;margin-bottom:40px;border-bottom:1px dashed #dadada}
#p34 .right li dl dt{width:48px;font-size:14px;color:#222;font-family:'notokr-bold'}
#p34 .right li dl dd{position:relative;padding-left:10px;width:100%}
#p34 .right li dl dd::before{position:absolute;width:3px;height:3px;border-radius:100%;background-color:#f48c05; content:'';left:0;top:11px}
#p34 .right .point .year:before{left:-48px;top:3px;width:13px;height:13px;border-radius:50%;background-color:#fff;border:3px solid #f48c05;content:''}


#p45 ul{margin-top:60px;display:grid;grid-template-columns: repeat(2,1fr);gap:20px;}
#p45 ul li{border:1px solid #e1e1e1;padding:40px 0; text-align:center;}
#p45 ul li p {margin-top:40px;
    position:relative;font-size:18px;color:#333;font-family:'notokr-bold'}
#p45 ul li p::before{position:absolute;width:6px;height:6px;border-radius:100%;background-color:#f48c05;content:"";top:-17px;left:50%;}
#p46 img{margin-top:40px}

.pro{text-align:center;}
.pro .tit{display:inline-block;position:relative;font-size:30px;color:#111;font-family:'notokr-bold'}
.pro .tit::after{position:absolute;width:calc(100% + 20px);height:30px;background-color:#f48c05;opacity:.3;content:'';left:50%;bottom:0;transform:translateX(-50%);z-index:-1}
.pro ul{margin-top:40px;display:grid;grid-template-columns: repeat(3,1fr);gap:40px;}
.pro ul li{text-align:center;height:415px;border:1px solid #e1e1e1;padding:40px;}
.pro ul li p{margin:20px 0 ;}
.pro ul li .br_btn {display:inline-block;width:160px;height:50px;line-height:48px; border-radius:30px;color:#fff;background-color:#000;transition:.3s;}
.pro ul li .br_btn:hover{background-color:#f48c05;}