@charset "utf-8";

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


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

/* 공통 */
#pageCm{padding-bottom:50px;position:relative;font-size:15px;letter-spacing:-.3px;line-height:1.8;color:#777;font-family:'notokr-regular'}
#pageCm .tit_area{margin-bottom:25px;color:#aaa;letter-spacing:-.8px;font-family:'notokr-light'}
#pageCm .tit_area span{display:inline-block;font-size:14px;letter-spacing:2px;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:#3f4780}
#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'}
.br{white-space:pre-line}

/* 대표 인사말 */
.p33{text-align:center}
.p33 .cont_area{padding-top:250px;background:url(/sh_page/img/p33_img.jpg) top center no-repeat}
.p33 .cont{padding-top:50px;width:90%;margin:0 auto;background-color:#fff}
.p33 .cont .st{padding-bottom:10px;font-size:22px;letter-spacing:-.8px;color:#3f4780;font-family:'notokr-medium'}
.p33 .cont .sign{color:#333;font-family:'notokr-bold'}
.p33 .cont .sign span{padding-left:5px;font-size:26px;color:#333;font-family:'Nanum Pen Script'}

/* 회사 연혁 */
.p34 .cont_area .info{overflow:hidden}
.p34 .cont_area .info table{float:right;width:47%}
.p34 .cont_area .info table tbody tr:first-child th{border-top:2px solid #3f4780}
.p34 .cont_area .info table tbody tr:first-child td{border-top:2px solid #555}
.p34 .cont_area .info table tbody tr th{width:25%;padding:12px 0;color:#3f4780;border-bottom:1px solid #e1e1e1}
.p34 .cont_area .info table tbody tr td{padding:12px 0 12px 30px;border-bottom:1px solid #e1e1e1}
.p34 .cont_area .history{margin-top:70px}
.p34 .cont_area .history .tit{padding:5px;font-size:18px;text-align:center;color:#fff;background:#3f4780}
.p34 .cont_area .history .tit span{font-family:'notokr-bold'}
.p34 .cont_area .history .txt{overflow:hidden;padding:45px 95px;border-bottom:1px solid #e1e1e1}
.p34 .cont_area .history .txt > div{float:left;position:relative;width:46%}
.p34 .cont_area .history .txt > div:after{position:absolute;top:11px;left:-21px;content:'';width:1px;height:390px;background:rgba(63,71,128,.3)}
.p34 .cont_area .history .txt > div + div{margin-left:70px}
.p34 .cont_area .history .txt dl{position:relative}
.p34 .cont_area .history .txt dt:before{position:absolute;top:11px;left:-23px;content:'';width:5px;height:5px;border-radius:50px;background:#3f4780}
.p34 .cont_area .history .txt dl dt{position:absolute;font-weight:700;font-size:18px;color:#3f4780;font-family:'Poppins'}
.p34 .cont_area .history .txt dl dd{padding-left:75px}
.p34 .cont_area .history .txt dl dd ul li{overflow:hidden}
.p34 .cont_area .history .txt dl dd ul li + li{margin-top:15px}
.p34 .cont_area .history .txt dl dd ul li span{float:left;width:10%;font-weight:600;font-size:13px;color:#333;font-family:'Poppins'}
.p34 .cont_area .history .txt dl dd ul li p{float:left}
.p34 .cont_area .history .txt dl + dl{margin-top:25px;padding-top:25px;border-top:1px dashed #e1e1e1}

/* 조직도 */
.p35 .cont_area ul{position:relative}
.p35 .cont_area ul li{position:absolute;width:145px;line-height:45px;color:#fff;text-align:center}
.p35 .cont_area ul li:nth-of-type(1){left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%)}
.p35 .cont_area ul li:nth-of-type(1):after{position:absolute;top:130px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:1px;height:95px;background:#e1e1e1}
.p35 .cont_area ul li:nth-child(2){display:none;top:200px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);background:#333}
.p35 .cont_area ul li:nth-child(3){top:225px;left:18%;background:#555}
.p35 .cont_area ul li:nth-child(3):before{position:absolute;top:-25px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:1px;height:100px;z-index:-1;background:#e1e1e1}
.p35 .cont_area ul li:nth-child(3):after{position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:134%;height:1px;z-index:-1;background:#e1e1e1}
.p35 .cont_area ul li:nth-child(4){top:225px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);background:#555}
.p35 .cont_area ul li:nth-child(4):after{position:absolute;top:-26px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:373%;height:1px;z-index:-1;background:#e1e1e1}
.p35 .cont_area ul li:nth-child(5){top:225px;right:18%;background:#555}
.p35 .cont_area ul li:nth-child(5):before{position:absolute;top:-25px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:1px;height:100px;z-index:-1;background:#e1e1e1}
.p35 .cont_area ul li:nth-child(5):after{display:none;position:absolute;bottom:-31px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:134%;height:1px;z-index:-1;background:#e1e1e1}
.p35 .cont_area ul li.bottom{top:324px;border:1px solid #e1e1e1;color:#777;background:#f7f7f7}
.p35 .cont_area ul li.bottom.btm2{top:395px;}
.p35 .cont_area ul li:nth-child(6){left:9%}
.p35 .cont_area ul li:nth-child(7){left:27%;}
.p35 .cont_area ul li:nth-child(8){display:none;right:27%}
.p35 .cont_area ul li:nth-child(9){right:3%}
.p35 .cont_area ul li:nth-child(10){right:33%}
.p35 .cont_area ul li:nth-child(11){right:18%}
.p35 .cont_area ul li:nth-child(12){right:3%}
.p35 .cont_area ul li:nth-child(13){right:33%}
.p35 .cont_area ul li:nth-child(14){right:18%}
.p35 .cont_area ul li:nth-child(10):before{position:absolute;bottom:69px;left:162%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:225%;height:1px;z-index:-1;background:#e1e1e1}
.p35 .cont_area ul li.bottom:after{position:absolute;top:-25px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:-webkit-transform:translateX(-50%);content:'';width:1px;height:25px;z-index:-1;background:#e1e1e1}

/*마케팅*/
.marketing .cont_area{overflow:hidden}
.marketing .cont_area img{float:left}
.marketing .cont_area .txt_area{float:left;width:533px;border:1px solid #e1e1e1;border-left:none}
.marketing .cont_area .txt_area .txt_wrap{padding:48px}
.marketing .cont_area .txt_area .txt_wrap p{padding:5px;border-radius:5px;font-size:20px;text-align:center;color:#fff;background:#3f4780}
.marketing .cont_area .txt_area .txt_wrap p span{font-family:'notokr-bold'}
.marketing .cont_area .txt_area .txt_wrap ul{width:93%;margin:0 auto}
.marketing .cont_area .txt_area .txt_wrap ul li{position:relative;margin-top:55px;padding-left:15px}
.marketing .cont_area .txt_area .txt_wrap ul li:after{position:absolute;top:5px;left:0;content:'';width:2px;height:13px;background:#3f4780}
.marketing .cont_area .txt_area .box_txt{margin-top:3px;padding:30px 0;text-align:center;color:#555;background:#f7f7f7;font-family:'notokr-medium'}
.p38 .cont_area .txt_area .box_txt{margin-top:-24px}
.p39 .cont_area .txt_area .box_txt{margin-top:30px}

/*서비스*/
.service .txt_area{overflow:hidden;padding:50px;border:1px solid #e1e1e1;border-top:none}
.service .txt_area .tit{float:left;width:30%}
.service .txt_area .tit span{display:inline-block;width:30px;margin-bottom:5px;border-radius:5px;font-weight:600;text-align:center;color:#fff;background:#3f4780;font-family:'Poppins'}
.service .txt_area .tit p{font-size:20px;color:#3f4780;font-family:'notokr-bold'}
.service .txt_area ul{float:right;width:60%}
.service .txt_area ul li{overflow:hidden;float:left;width:50%}
.service .txt_area ul li:nth-child(n+3){margin-top:30px}
.service .txt_area ul li .icon{float:left;width:75px;height:75px;border-radius:50px}
.service .txt_area ul li .txt{float:left;margin:7px 0 0 15px}
.service .txt_area ul li .txt p{color:#333;font-family:'notokr-medium'}
.p41 .txt_area ul li:nth-child(1) .icon{background:#f7f7f7 url(/sh_page/img/p41_icon01.png) no-repeat center}
.p41 .txt_area ul li:nth-child(2) .icon{background:#f7f7f7 url(/sh_page/img/p41_icon02.png) no-repeat center}
.p41 .txt_area ul li:nth-child(3) .icon{background:#f7f7f7 url(/sh_page/img/p41_icon03.png) no-repeat center}
.p41 .txt_area ul li:nth-child(4) .icon{background:#f7f7f7 url(/sh_page/img/p41_icon04.png) no-repeat center}
.p41 .txt_area ul li:nth-child(5) .icon{background:#f7f7f7 url(/sh_page/img/p41_icon05.png) no-repeat center}
.p42 .txt_area ul li:nth-child(1) .icon{background:#f7f7f7 url(/sh_page/img/p42_icon01.png) no-repeat center}
.p42 .txt_area ul li:nth-child(2) .icon{background:#f7f7f7 url(/sh_page/img/p42_icon02.png) no-repeat center}
.p42 .txt_area ul li:nth-child(3) .icon{background:#f7f7f7 url(/sh_page/img/p42_icon03.png) no-repeat center}
.p42 .txt_area ul li:nth-child(4) .icon{background:#f7f7f7 url(/sh_page/img/p42_icon04.png) no-repeat center}
.p43 .txt_area ul li:nth-child(1) .icon{background:#f7f7f7 url(/sh_page/img/p43_icon01.png) no-repeat center}
.p43 .txt_area ul li:nth-child(2) .icon{background:#f7f7f7 url(/sh_page/img/p43_icon02.png) no-repeat center}
.p43 .txt_area ul li:nth-child(3) .icon{background:#f7f7f7 url(/sh_page/img/p43_icon03.png) no-repeat center}
.p43 .txt_area ul li:nth-child(4) .icon{background:#f7f7f7 url(/sh_page/img/p43_icon04.png) no-repeat center}
.p43 .txt_area ul li:nth-child(5) .icon{background:#f7f7f7 url(/sh_page/img/p43_icon05.png) no-repeat center}
.p44 .txt_area ul li:nth-child(1) .icon{background:#f7f7f7 url(/sh_page/img/p44_icon01.png) no-repeat center}
.p44 .txt_area ul li:nth-child(2) .icon{background:#f7f7f7 url(/sh_page/img/p44_icon02.png) no-repeat center}

/*전화번호*/
.p46 .cont_area{overflow:hidden}
.p46 .cont_area img{float:left}
.p46 .cont_area .right{float:left;width:50%;height:330px;padding:70px 55px;color:#fff;background:#3f4780}
.p46 .cont_area .right p{text-align:center}
.p46 .cont_area .right span{display:block;margin:17px 0;font-weight:700;font-size:50px;line-height:50px;text-align:center;letter-spacing:1px;font-family:'Poppins'}
.p46 .cont_area .right span i.fa-phone:before{display:inline-block;margin-right:10px;padding:10px 14px;border-radius:50px;font-size:34px;color:#3f4780;vertical-align:text-top;background:#fff}
.p46 .cont_area .right .time{display:block;padding:5px 0;font-style:normal;text-align:center;color:#3f4780;background:#fff}

/* 공식영업사 */
.p50 .cont_area .txt_area .txt_wrap ul li{margin-top: 67px}
.p50 .cont_area .txt_area .txt_wrap .list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:5px}
.p50 .cont_area .txt_area .txt_wrap .list p{width: calc((100% / 3) - 2%);margin-right:3px; margin-bottom: 5px; font-size:15px; border: 1px solid #3f4780;border-radius: 5px; background: #fff;color: #777;
}

/* 수주이력 */
.p48 .cont_area .yr_tit{padding:20px 0;text-align:center;font-size:22px;font-weight:700;color:#3f4780;font-family:'poppins',sans-serif}
.p48 .cont_area .box{display:flex;align-items:center;margin-bottom:20px}
.p48 .cont_area .box .left{width:6%;font-size:20px;color:#3f4780;font-family:'notokr-bold'}
.p48 .cont_area .box .right{display:flex;flex-wrap:wrap;padding:10px;width:100%;background-color:#f5f5f5;border-radius:14px}
.p48 .cont_area .box .right li{padding:3px 7px;margin-right:3px;margin-bottom:10px;border:1px solid #e1e1e1;border-radius:22px;color:#3f4780;background-color:#fff}