@charset "utf-8";

/*공통*/
#pageCommon {padding-bottom:70px}
#pageCommon h5{font-size:22px;color:#333;font-weight:bold;line-height:29px;text-align:center}
#pageCommon h5 span{font-size:18px;color:#707070;font-style:italic;font-weight:normal;font-family:'Katibeh', cursive;}
#pageCommon .nanum {font-family:nanumgothic}

/*인사말*/
.p33{text-align:center}
.p33 > img{margin-top:70px}
.p33 > p{margin-top:70px;font-size:16px;color:#414141;line-height:25px;letter-spacing:0.5px}

.p_area .tit_box{text-align:center;}
.p_area .tit_box h2{display:inline-block;padding-bottom:10px;margin-bottom:55px;font-size:32px;color:#222;font-family:'notokr-bold'}
.p_area .tit_box h2:after{display:block;content:url(/sh_page/img/tit_pt.png);margin-top:13px;}
.p_area .tit_box .s_tit{margin-bottom:12px;font-size:14px;color:#fe924d;font-family:'notokr-medium'} 

.p33 .cont_box{overflow:}
.p33 .img_box{width:490px;float:left}
.p33 .img_box > img{margin-top:100px;}
.p33 .cont_area{width:580px;float:left}
.p33 .cont_area .area_cont{margin-bottom:20px;width:580px;padding:30px 35px;border:1px solid #efefef;border-top:2px solid #cd9c75; box-sizing:border-box}
.p33 .cont_area .area_cont h3{padding-bottom:20px;font-size:20px;color:#cd9c75;font-family:'notokr-bold'}
.p33 .cont_area .area_cont h3 span{display:inline-block;padding-left:10px;font-size:14px;font-style:italic;color:#CCC;font-family:'notokr-regular'}
.p33 .cont_area .area_cont .tit{padding-bottom:5px;font-size:16px;color:#333;font-family:'notokr-medium'}
.p33 .cont_area .area_cont .txt{font-size:15px;line-height:26px;letter-spacing:0;color:#666;font-family:'notokr-regular'}


/*연혁*/
.p35 > img{display:block;margin:0 auto}
.p35 .tap:after{display:block;clear:both;content:""}
.p35 .tap li{float:left;width:356px;height:251px}
.p35 .tap li p{width:356px;height:51px;box-sizing:border-box;border-right:1px solid #e0e0e0;font-size:15px;font-weight:500;color:#919191;text-align:center;line-height:51px;letter-spacing:2px;-webkit-transition:all .5s;transition:all .5s;background:#f0f0f0;font-family:nanumgothic}
.p35 .tap li a{display:block;width:275px;height:200px}
.p35 .tap li a img{-webkit-transition:all .5s;transition:all .5s}
.p35 .tap li a img.grayscale{-ms-webkit-filter:grayscale(100);-webkit-filter:grayscale(100);filter:grayscale(100)}
.p35 .tap li:hover a img.grayscale{-ms-webkit-filter:grayscale(0);-webkit-filter:grayscale(0);filter:grayscale(0)}
.p35 .tap li:hover p{border:none;color:#fff;background:#fe924d}
.p35 > div > dl{width:100%;font-family:nanumgothic}
.p35 > div > .line{width:1px;height:70px;margin:0 auto;background:#e0e0e0}
.p35 > div > dl:after{display:block;clear:both;content:""}
.p35 > div > dl > dt{position:relative;float:left;width:535px;padding-right:20px;border-right:1px solid #e0e0e0;font-size:18px;line-height:26px;font-weight:bold;color:#fe924d;text-align:right}
.p35 > div > dl > dt:after{display:block;position:absolute;top:2px;right:-13px;clear:both;content:"";width:21px;height:21px;background:url('/sh_page/img/dt_bg.png') 0 0 no-repeat}
.p35 > div > dl > dd{float:right;width:536px}
.p35 > div > dl > dd ul li{position:relative;padding-left:20px;border-left:1px solid #e0e0e0;font-size:15px;line-height:30px;color:#818181;letter-spacing:-0.4px;text-align:left;}
.p35 > div > dl > dd ul li.right:after{left:-3px}
.p35 > div > dl > dd ul li:after{display:block;position:absolute;top:12px;right:-3px;clear:both;content:"";width:5px;height:5px;background:url('/sh_page/img/dd_bg.png') 0 0 no-repeat}
.p35 > div > dl > dd ul li span{display:inline-block;width:39px;margin-right:12px;color:#fe924d;font-weight:bold}
/*left*/
.p35 > div > dl.left > dt{float:right!important;width:536px!important;padding-left:20px;padding-right:0;border-left:1px solid #e0e0e0;border-right:none!important;text-align:left!important}
.p35 > div > dl.left > dt:after{left:-9px !important}
.p35 > div > dl.left > dd{float:left!important;width:535px!important}
.p35 > div > dl.left > dd > ul > li{position:relative;padding-right:20px;padding-left:0!important;border-right:1px solid #e0e0e0;border-left:none;text-align:right}
.p35 > div > dl.left > dd > ul > li > span{margin-right:0;margin-left:12px}


/*기업이념*/
.p_area .tit_box{text-align:center;}
.p_area .tit_box h2{display:inline-block;padding-bottom:10px;margin-bottom:55px;font-size:32px;color:#222;font-family:'notokr-bold'}
.p_area .tit_box h2:after{display:block;content:url(/sh_page/img/tit_pt.png);margin-top:13px;}
.p_area .tit_box .s_tit{margin-bottom:12px;\font-size:14px;color:#fe924d;font-family:'notokr-medium'} 

.p33 .cont_box{overflow:hidden}
.p33 .img_box{width:490px;float:left}
.p33 .img_box > img{margin-top:100px;}
.p33 .cont_area{width:580px;float:left}
.p33 .cont_area .area_cont{margin-bottom:20px;width:580px;padding:30px 35px;border:1px solid #efefef;border-top:2px solid #cd9c75;text-align:left;box-sizing:border-box}
.p33 .cont_area .area_cont h3{padding-bottom:20px;font-size:20px;color:#cd9c75;font-family:'notokr-bold'}
.p33 .cont_area .area_cont h3 span{display:inline-block;padding-left:10px;font-size:14px;font-style:italic;color:#CCC;font-family:'notokr-regular'}
.p33 .cont_area .area_cont .tit{padding-bottom:5px;font-size:16px;color:#333;font-family:'notokr-medium'}
.p33 .cont_area .area_cont .txt{font-size:15px;line-height:26px;letter-spacing:0;color:#666;font-family:'notokr-regular'}

.p33 .cap_txt .tit{padding-bottom:20px;font-size:20px;font-family:'notokr-bold'}
.p33 .cap_txt{margin-top:30px;padding:40px 20px;border:1px solid #efefef;font-size:15px;line-height:26px;color:#666;background:#f7f7f7}

/*조직도*/
.p35{text-align:center}
.p35 > img{margin-top:70px}