/* 미디어센터 > 사회공헌 */
.media_content .section.section_top{background: #202021 url("/_resource/hanwha/images/media/social_top_bg.jpg") no-repeat center top; height: 392px;}
.media_content .section.section_top .inner > h2 {color: #fff; font-size:28px;}
.media_content .section.section_top .inner > h3 {color: #fff; font-size:24px; letter-spacing: 0.3px;}
.media_content .section.section_top .inner > p {letter-spacing: 0.3px;}
.media_content .tab_area {margin-top: 35px;}
.media_content .tab_area .tab_business_area_ul { width: 1000px; margin: 0 auto -1px; overflow: hidden;}

.media_content .tab_area .tab_business_area_ul li {width: 248px; height: 45px; float: left;border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8;}
.media_content .tab_area .tab_business_area_ul li a {position: relative;;height:44px;display:block;text-align:center;font-size:14px;color:#333333;line-height:17px; padding-top:16px;}
.media_content .tab_area .tab_business_area_ul li a.d3_multi_line {padding-top:8px;}
.media_content .tab_area .tab_business_area_ul li:first-child{border-left: 1px solid #c8c8c8}

.media_content .tab_area .tab_business_area_ul li a:after{content:'';width:248px;height:1px;background:#c8c8c8;position:absolute;left: 0;top:0px;z-index:1;}
.media_content .tab_area .tab_business_area_ul li a.active:after {content:'';width:248px;height:2px;background:#f27824;position:absolute;left: 0;top:0px;z-index:1;}
.media_content .tab_area .tab_business_area_ul li a.active{color:#f27824;}
.media_content .tab_area .tab_business_area_ul li a:hover {color:#f27824;}

.media_content .tab_cnt_box .tab_title{font-size: 26px;color: #333333;margin-bottom: 75px}
.media_content .tab_cnt_box .cnt_list{padding: 50px 0;border-top: 1px solid #dfdfdf}
.media_content .tab_cnt_box .cnt_list .cnt_tit{width: 290px;font-size: 20px;text-align: left;line-height: 1.5}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area{text-align: left;width: 630px}

.media_content .tab_cnt_box .cnt_list .cnt_txt_area .cnt_sub_tit{font-size: 17px;color: #333333;line-height: 1.5}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .cnt_sub_tit.c_s_tit2{margin-top: 55px}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .cnt_sub_tit span{font-size: 13px}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .s_hr_line{width: 12px;margin: 15px 0 19px}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .cnt_txt{font-size: 14px;color: #666;line-height: 1.8}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .cnt_txt span{display:block;font-size:13px;margin-top: 10px;background: url("/_resource/hanwha/images/hrmanagement/orange_list_pointer.png") no-repeat left center;padding-left:12px;margin-left: 3px }

.media_content .tab_cnt_box .cnt_list .cnt_txt_area .c_txts_area{margin-bottom: 45px}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .c_txts_area .c_txts{width: 177px;height:130px;display: inline-block;margin-left:45px ;vertical-align: top}
.media_content .tab_cnt_box .cnt_list .cnt_txt_area .c_txts_area .c_txts:first-child{margin-left: 0}

.media_content.job_part .tab_title{font-size: 26px; color: #333;line-height: 1;margin: 12px 0 -30px;}

.media_content.part3_trade .tab_cnt_box .cnt_list .cnt_txt_area .cnt_txt .txt_list{font-size: 18px;margin-top:45px }
.media_content.part3_trade .tab_cnt_box .cnt_list .cnt_txt_area .cnt_txt .txt_list span{background: none;font-size: 18px;margin: 0 5px 0 0;display: inline-block;padding-left: 0}

.media_content .social_list{overflow: hidden;text-align: left;}
.media_content .social_list .social-left{width: 320px;float: left;padding: 30px 0;color: #333;font-size: 22px;line-height: 1.4;}
.media_content .social_list .social-right{width: 680px;float: left;padding: 30px 0;border-top: 1px solid #e5e5e5;}
.media_content .social_list:first-child .social-right{border-top:none;}
.media_content .social_list .social-right h4{color: #f27824;font-size: 20px;padding-bottom:6px;margin-bottom:11px;font-weight: 400;line-height:23px;}
.media_content .social_list .social-right h4.underline{border-bottom: 1px solid #f27824;  display: inline-block;font-size: 16px;line-height: 22px;  padding-bottom: 0;}
.media_content .social_list .social-right h4.black{color:#333;}
.media_content .social_list .social-right h5{color: #f27824;font-size: 14px;font-weight: 400;padding-bottom:8px;}
.media_content .social_list .social-right p{color: #666;font-size: 14px;line-height: 1.6; font-weight: 300;}
.media_content .social_list .social-right .volunteer{border:1px solid #d8d8d8;padding: 40px 0 40px 20px;margin-top:40px;}
.media_content .social_list .social-right dl{overflow: hidden;padding: 30px 0;margin-top:40px; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;font-size: 14px;color: #333;}
.media_content .social_list .social-right dl dt{float: left;position: relative; padding-left: 30px;padding-right: 15px;margin-left: 30px;}
.media_content .social_list .social-right dl dt:after{content: ''; position: absolute;right: 0;top:3px;width: 1px;height:13px;background-color: #b4b4b4; }
.media_content .social_list .social-right dl dt.qa{background: url('/_resource/hanwha/images/media/icon_qa.png') no-repeat left center;}
.media_content .social_list .social-right dl dt.mail{background: url('/_resource/hanwha/images/media/icon_mail.png') no-repeat left center;}
.media_content .social_list .social-right dl dd{float: left;margin-right: 70px;padding-left: 14px;}
.media_content .social_list .social-right .image{ margin: 35px 0 38px;}
.media_content .social_list .social-right .vertical_list li{overflow: hidden;padding-bottom: 30px;}
.media_content .social_list .social-right .thum{float: left;margin-right: 30px;}
.media_content .social_list .social-right .horizontal_list{overflow: hidden;}
.media_content .social_list .social-right .horizontal_list li{overflow: hidden;float: left;}
.media_content .social_list .social-right .horizontal_list li.w380{width: 380px;}
.media_content .social_list .social-right .horizontal_list.w380{width: 380px;padding-left:5px;}
.media_content .social_list .social-right .horizontal_list.w380 p{font-size: 13px;letter-spacing: -0.2px; padding-bottom: 30px;line-height: 1.7;}
.media_content .social_list .social-right .horizontal_list.w380 .s_hr_line{ width:13px;margin: 15px 0;}
.media_content .social_list .social-right .horizontal_list.w380 li.last p{ padding-bottom: 0;}
.media_content .tab_business_box {position: relative;margin:35px auto;display: none;width: 1000px}
.media_content .tab_business_box.active { display: block;}

.media_content .volunteer_link{  border-top: 1px solid #aaa;width: 690px;margin: 15px auto 0;}
.media_content .volunteer_link >.image{margin:18px 0 18px;}
.media_content .volunteer_link >a{color: #fff;border: 2px solid #fff;border-radius: 100px;line-height: 1;padding:2px 15px;font-size: 13px;  }

.media_content .volunteer_link >a:hover{background-color: #fff;color: #f27824;font-weight: 700;}