@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:-.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:25px;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{text-align:center}
.p33 .cont_area{padding-top:250px;background:url(/sh_page/img/p6_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:32px;letter-spacing:-.8px;color:#333;font-family:'notokr-bold'}
.p33 .cont .sign{color:#333;font-family:'notokr-bold'}
.p33 .cont .sign span{padding-left:15px;font-size:20px;color:#666;font-style:italic;font-family:'Nanum Pen Script'}
.p33 .cont .sign b{font-size:42px;font-weight:inherit;color:#222;font-style:normal}

/* 회사 연혁 */
.p34 .tit_area span{padding-bottom:10px}
.p34 .tit_area p{font-size:24px}
.p34 .history{padding:15px 0 0 35px;margin-left:30px;border-left:1px dashed #e1e1e1}
.p34 .history dl{margin:0 0 35px 10px;padding-bottom:30px;border-bottom:1px dashed #e1e1e1}
.p34 .history dl dt{position:relative;padding-bottom:10px;font-size:17px;font-family:'notokr-bold'}
.p34 .history dl dt:before{content:"";display:block;position:absolute;left:-55px;top:6px;width:19px;height:19px;border:4px solid #ddd;border-radius:19px;background-color:#fff}
.p34 .history dl.last{border-bottom:none}
.p34 .history dl dd span{float:left;padding-right:20px;color:#333;font-family:'notokr-medium'}

/* 조직도 */
.p35{position:relative;width:80%;min-height:450px;margin:0 auto;background:url(/sh_page/img/p8_bg.png) 30px 43px no-repeat;font-family:'notokr-medium'}
.p35 li{position:absolute;padding:10px 0;width:123px;height:20px;line-height:20px;color:#222;text-align:center;background-color:#f2f2f2;box-sizing:content-box!important}
.p35 .ceo{top:20px;left:338px;width:144px ;height:30px;background-color:#333;font-size:17px;line-height:30px;color:#fff}
.p35 .b_1{top:101px;left:185px;color:#fff;background-color:#a1a1a1}
.p35 .b_2{top:131px;left:508px;color:#fff;background-color:#a1a1a1}
.p35 .b_4{top:280px;left:87px;background-color:#ddd}
.p35 .b_5{top:280px;left:258px;background-color:#ddd}
.p35 .b_6{top:280px;left:430px;background-color:#ddd}
.p35 .b_7{top:280px;left:601px;background-color:#ddd}
.p35 .b_8{top:333px;left:87px;border:1px solid #ddd}
.p35 .b_9{top:333px;left:258px;border:1px solid #ddd}
.p35 .b_10{top:333px;left:430px;border:1px solid #ddd}
.p35 .b_11{top:333px;left:601px;border:1px solid #ddd}
.p35 .l_box{height:62px;line-height:31px;background:#fff}
.p35 .l_box::before{position:absolute;top:40px;left:13px;content:'';display:block;width:100px;height:1px;background-color:#ddd}

/* 기업연구소 */
.p36 .t_center{line-height:1.6;text-align:center}
.p36 .cont_area{overflow:hidden;margin:40px 0 70px;border-radius:40px 0;border:1px solid #e1e1e1}
.p36 .cont_left{float:left;position:relative;width:50%;height:606px;background:url(/sh_page/img/p15_img.jpg)}
.p36 .cont_left .tit{position:absolute;right:0;top:167px;width:430px;padding:40px;font-size:22px;line-height:1.6;color:#fff;background:rgba(0,0,0,.4)}
.p36 .cont_left .tit h4{font-weight:normal;color:#fff;font-family:'notokr-bold'}
.p36 .cont_right{float:right;width:50%;margin:0 auto;padding:162px 45px}
.p36 .cont_right li{text-align:justify}
.p36 .cont_right li h5{font-size:18px;font-weight:normal;color:#333;font-family:'notokr-medium'}
.p36 .cont_right li.right{padding-top:30px}
.p36 .cont_right li b{font-weight:normal;color:#222;text-decoration:underline}
.p36 .route{overflow:hidden;width:88%;margin:30px auto 0}
.p36 .route li{float:left;width:24%;margin-right:1.3%;padding:30px 0;border:1px solid #e1e1e1;text-align:center;color:#333}
.p36 .route li b{font-weight:normal;color:#333;text-decoration:underline;font-family:'notokr-bold'}
.p36 .route li.last{margin-right:0}
.p36 .route2{text-align:center}
.p36 .route2 li.txt{width:300px;margin:0 auto;padding:25px 0;border:1px solid #e1e1e1;line-height:1.6;color:#333}
.p36 .route2 li.arr{margin:20px 0;font-size:18px;color:#333;font-family:'notokr-bold'}
.p36 .route2 li.arr span{display:block;margin-top:5px;width:30px;height:30px;margin:0 auto;border-radius:20px;font-size:20px;line-height:30px;color:#fff}
.p36 .route2 li.arr span:after{content:"\f107";font-family: FontAwesome}
.p36 .route2 li b{font-weight:normal;color:#333;text-decoration:underline;font-family:'notokr-bold'}

/* 자연에 닿다 */
.p41{text-align:center}
.p41 .cont_area{padding-top:250px;background:url(/sh_page/img/p41_img.jpg) top center no-repeat}
.p41 .cont{padding-top:50px;width:90%;margin:0 auto;background-color:#fff}
.p41 .cont .st{padding-bottom:10px;font-size:32px;letter-spacing:-.8px;color:#333;font-family:'notokr-bold'}
.p41 .cont .sign{color:#333;font-family:'notokr-bold'}