@charset "utf-8";

/* 페이지 제작 210304 [s] */
.pagecommon{font-size:15px;color:#777;letter-spacing:-.6px;line-height:1.8;font-family:'notokr-regular'}
.pagecommon b{font-weight:normal;font-family:'notokr-bold'}
.pagecommon .br {white-space:pre-line}

/*인사말*/
#p6{padding:0 65px}
#p6 .tit_area{position:relative;text-align:right;background:url(../sh_page/img/p6_img-01.png) no-repeat center}
#p6 .tit_area:before{position:absolute;left:71px;bottom:0;width:1px;height:100px;background-color:#fff;content:''}
#p6 .tit_area .tit_bg{display:inline-block;padding:175px 50px 46px 96px;background-color:rgba(40,52,141,.83);color:#fff}
#p6 .tit_area .tit_bg span{display:block;margin-bottom:36px;font-size:14px;letter-spacing:1.5px;line-height:14px;font-family:'notokr-bold'}
#p6 .tit_area .tit_bg .tit{line-height:25px;opacity:.5;font-family:'notokr-medium'}
#p6 .txt_area{position:relative;padding:65px 0 65px 148px}
#p6 .txt_area:before{position:absolute;left:71px;top:0;width:1px;height:100px;background-color:var(--primary);content:''}
#p6 .txt_area .tit{margin-bottom:38px;font-size:28px;line-height:38px;color:#222;font-family:'notokr-light'}
#p6 .txt_area .tit b{font-family:'notokr-bold'}
#p6 .txt_area .txt{margin-bottom:55px;line-height:25px}
#p6 .txt_area .name{color:#222;font-family:'notokr-medium'}
#p6 .txt_area .name span{display:inline-block;margin-left:12px;font-size:18px;font-family:'notokr-bold'}

/*연혁*/
#p7{margin:0 65px 62px;overflow:hidden}
#p7 .left{float:left;width:535px;padding-top:11px}
#p7 .left .sub_tit{position:relative;padding-left:27px;margin-bottom:28px;color:var(--primary);line-height:56px;letter-spacing:3px;font-size:14px;font-family:'notokr-bold'}
#p7 .left .sub_tit:before{position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;background-color:var(--primary);content:'';z-index:-1}
#p7 .left .sub_tit span{color:#fff}
#p7 .left .tit{margin-bottom:25px;font-size:31px;line-height:41px;color:#222;font-family:'notokr-light'}
#p7 .left .tit b span{line-height:25px;color:var(--primary)}
#p7 .right{position:relative;float:left;width:calc(100% - 535px);padding-top:43px}
#p7 .right:before{position:absolute;left:0;top:0;width:1px;height:100%;background-color:#e1e1e1;content:''}
#p7 .right li{padding-left:42px}
#p7 .right li .year{position:relative;margin-bottom:21px;font-size:20px;color:var(--primary);line-height:20px;font-family:'notokr-bold'}
#p7 .right li .year:before{position:absolute;left:-45px;top:8px;width:7px;height:7px;border-radius:50%;background-color:var(--primary);content:''}
#p7 .right li dl{padding-left:2px;margin-bottom:4px;overflow:hidden}
#p7 .right li dl:last-child{padding-bottom:34px;margin-bottom:40px;border-bottom:1px dashed #dadada}
#p7 .right li dl dt{float:left;width:48px;font-size:14px;color:#222;font-family:'notokr-bold'}
#p7 .right li dl dd{float:left;width:calc(100% - 48px)}
#p7 .right .point .year:before{left:-48px;top:3px;width:13px;height:13px;border-radius:50%;background-color:#fff;border:3px solid var(--primary);content:''}

/*주요사업*/
#p8{padding:0px 65px 46px}
#p8 .tit_area{padding-bottom:53px;text-align:center}
#p8 .tit_area .tit{margin-bottom:20px;font-size:31px;line-height:41px;color:#222}
#p8 .tit_area .txt{line-height:25px}
#p8 .txt_area{overflow:hidden}
#p8 .txt_area dl{float:left;width:calc(100% / 3 - 14px);padding:46px 42px;margin:0 20px 10px 0;background-color:#f5f5f5;border:1px solid #e1e1e1}
#p8 .txt_area dl:last-child{margin-right:0}
#p8 .txt_area dl dt{text-align:center;height:147px}
#p8 .txt_area dl dt img{margin-bottom:32px}
#p8 .txt_area dl:nth-child(2) dt img{margin-bottom:25px}
#p8 .txt_area dl dt p{margin-bottom:32px;font-size:18px;line-height:18px;color:#222;font-family:'notokr-bold'}
#p8 .txt_area dl dd{padding:24px 26px 19px;background-color:#fff}
#p8 .txt_area dl dd p{position:relative;padding-left:13px;margin-bottom:3px;line-height:23px}
#p8 .txt_area dl dd p:last-child{margin-bottom:0}
#p8 .txt_area dl dd p:before{position:absolute;left:0;top:10px;width:3px;height:3px;border-radius:50%;background-color:#989898;content:''}

/*임원현황*/
#p21{margin:0 69px;background:url(../sh_page/img/p21_img-01.png) no-repeat center 143px;background-size:contain;text-align:center}
#p21 .cont1{margin-bottom:71px}
#p21 .cont1 li{display:inline-block;width:143px;height:143px;background-color:var(--primary);border-radius:50%;line-height:143px;font-size:24px;color:#fff;font-family:'notokr-bold'}
#p21 .cont2{margin-bottom:127px}
#p21 .cont2 li{display:inline-block;position:relative;width:164px;height:60px;margin-right:102px;line-height:60px;background-color:#2e2e2e;font-size:17px;color:#fff;font-family:'notokr-medium'}
#p21 .cont2 li:before{position:absolute;top:50%;width:11px;height:11px;margin-top:-6px;border-radius:50%;border:3px solid #2e2e2e;background-color:#fff;content:''}
#p21 .cont2 li:nth-child(1):before{right:-5px}
#p21 .cont2 li:nth-child(2):before{left:-5px}
#p21 .cont2 li:last-child{margin-right:0}
#p21 .cont3:after{content:'';display:block;clear:both}
#p21 .cont3 li{float:left}
#p21 .cont3 li dl{margin-right:41px}
#p21 .cont3 li dl dt{position:relative;width:255px;height:60px;background-color:#707070;color:#fff;line-height:60px;font-size:17px;font-family:'notokr-medium'}
#p21 .cont3 li dl dt:before{position:absolute;left:50%;top:-5px;width:11px;height:11px;margin-left:-5px;border-radius:50%;border:3px solid #707070;background-color:#fff;content:''}
#p21 .cont3 li dl dd{overflow:hidden;width:255px}
#p21 .cont3 li dl dd p{float:left;width:124px;height:68px;margin:8px 7px 0 0;line-height:68px;background-color:rgba(241,241,241,.4);font-size:16px;color:#555;font-family:'notokr-medium'}
#p21 .cont3 li dl dd p:nth-child(2n){margin-right:0}
#p21 .cont3 .st2 dl{margin-right:0}
#p21 .cont3 .st2 dl dt{width:174px}
#p21 .cont3 .st2 dl dd{width:174px}
#p21 .cont3 .st2 dl dd p{width:174px}

/* 반응형 [s] */
@media (max-width:1200px){
#p21{margin:0 30px;background-size:auto}
#p21 .cont3 li{width:49%}
#p21 .cont3 li:nth-child(2n){float:right}
#p21 .cont3 li dl{margin-right:0 !important}
#p21 .cont3 li dl dt{width:100% !important}
#p21 .cont3 li dl dd{width:100% !important}
#p21 .cont3 li dl dd p{width:49% !important}
#p21 .cont3 li:nth-child(n+3){margin-top:30px}
}
@media (max-width:1024px){
.pagecommon .br{white-space:normal}
#p6{padding:0 20px}
#p6 .tit_area .tit_bg{padding:175px 50px 46px 45px}
#p6 .tit_area:before{position:unset}
#p6 .txt_area:before{position:unset}
#p6 .txt_area{padding:50px 30px}
#p6 .txt_area .txt{word-break:keep-all}
#p7{overflow:visible;margin:0;padding:0 70px}
#p7 .left{float:none;width:100%;padding-top:0}
#p7 .left .sub_tit{margin-bottom:15px}
#p7 .left .tit{margin-bottom:7px;font-size:25px;line-height:1.5;word-break:keep-all}
#p7 .right{float:none;width:100%;margin-top:35px}
#p7 .right li .year{margin-bottom:13px}
#p7 .right li dl:last-child{margin-bottom:25px;padding-bottom:25px}
#p8{padding:0 20px}
#p8 .tit_area{padding-bottom:50px}
#p8 .tit_area .tit{margin-bottom:5px;font-size:25px;line-height:1.5;word-break:keep-all}
#p8 .tit_area .txt{word-break:keep-all}
#p8 .txt_area dl{overflow:hidden;float:none;width:100%;padding:30px}
#p8 .txt_area dl dt{float:left;width:20%;height:auto;margin-top:10px}
#p8 .txt_area dl dt p{margin-bottom:0}
#p8 .txt_area dl dt img{margin-bottom:17px !important}
#p8 .txt_area dl dd{float:right;width:78%;padding:25px}
#p8 .txt_area dl dd p{display:inline-block;width:49%;word-break:keep-all}
#p21{background:none}
#p21 .cont2{position:relative;margin-bottom:0}
#p21 .cont2:after{position:absolute;content:'';z-index:-1;top:-75px;left:50%;width:1px;height:203px;transform:translateX(-50%);background:#e1e1e1}
#p21 .cont2 li{width:100%}
#p21 .cont2 li+li{margin-top:20px}
#p21 .cont2 li:before{top:0;left:50% !important;transform:translateX(-50%)}
#p21 .cont3{position:relative;overflow:hidden}
#p21 .cont3:before{position:absolute;content:'';z-index:-1;top:0;bottom:0;left:24.5%;width:1px;background:#e1e1e1}
#p21 .cont3:after{position:absolute;content:'';z-index:-1;top:0;right:24.5%;width:1px;height:50%;background:#e1e1e1}
#p21 .cont3 li{margin-top:50px}
#p21 .cont3 li dl dd{background:#fff}
}
@media (max-width:850px){
#p21 .cont3 li dl dd p{float:none;width:100% !important;margin:5px 0 0 0}
}
@media (max-width:768px){
#p6 .tit_area{height:255px}
#p6 .tit_area .tit_bg{position:absolute;bottom:0;left:0;width:100%;padding:10px 0;text-align:center}
#p6 .tit_area .tit_bg span{display:inline-block;margin-right:5px;margin-bottom:0}
#p6 .tit_area .tit_bg .tit{display:inline-block}
#p6 .txt_area{padding:30px;text-align:center}
#p6 .txt_area .tit{margin-bottom:24px;font-size:23px;line-height:34px}
#p6 .txt_area .txt{margin-bottom:30px}
#p7{padding:0 45px}
#p8 .txt_area dl dt{float:none;width:100%;margin-top:0;margin-bottom:30px}
#p8 .txt_area dl dd{float:none;width:100%}
}
@media (max-width:530px){
#p8 .txt_area dl dd p{display:block;width:100%}
}
@media (max-width:480px){
#sh_content{padding:30px 0}
#p6 .tit_area .tit_bg span{display:block}
#p6 .txt_area .tit{font-size:20px;word-break:keep-all}
#p7{padding:0 40px}
#p7 .left .tit{font-size:20px}
#p7 .right li dl dt{float:none;width:100%}
#p7 .right li dl dd{float:none;width:100%}
#p8 .tit_area .tit{font-size:20px}
#p21{position:relative}
#p21:after{position:absolute;content:'';z-index:-1;top:0;bottom:0;left:50%;width:1px;transform:translateX(-50%);background:#e1e1e1}
#p21 .cont3 li{float:none;width:100%}
#p21 .cont3 li+li{margin-top:25px !important}
#p21 .cont3 li:nth-child(2n){float:none}
#p21 .cont3:before{display:none}
#p21 .cont3:after{display:none}
}
/* 반응형 [e] */