﻿@charset euc-kr;

.section{ -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; }

/* HOME > 회사소개 > 회사개요 > Overview */
.companyview1{overflow:hidden;padding:0 0 10px 0;}
.companyview1 .companyview_img{float:right;margin:-65px 0 10px 20px;}
.overview .tit{padding:0 0 43px 0; font-size:36px;color:#333;font-weight:bold;line-height:24px;}
.overview .txt_bot{ padding:23px 0 0 0; }
.overview dl{overflow: hidden; margin: 32px 0 0 0; color:#333; font-size:14px; }
.overview dt{ clear:both; float: left; width:60px; padding:0 10px 0 0;  font-weight: bold; background:url('/img/bul_line2.gif') no-repeat right 5px; }
.overview dd{float:left;padding:0 0 0 10px;}
.overview dt, .overview dd{ height:30px;}

/* HOME > 회사소개 > 회사개요 > Vision */
.companyview2{background:url('') no-repeat right bottom;}
.vision .tit{padding:0 0 43px 0;font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.vision .tit span{color:#ea002c;}
.vision > p{border:2px solid #e1e1e1;height:80px;padding:0px 18px;line-height:80px;color:#333;font-weight:bold;font-size:36px;display:inline-block;text-align:center;}
.vision > p span{color:#ea002c}
.vision img{ margin:0 0 28px 0; }
.vision .statement{width: 100%; position: relative; margin: -10px 0 0 0;}


/* HOME > 회사소개 > 회사개요 본인수정 */
.vision .txt{width: 100%;}
.vision .txt1{width: 80%;}
.vision .txt2{width: 60%;}
.vision .txt3{width: 40%;}
.vision .txt4{width: 30%; padding-left: 10px;}


.vision ul li{padding: 5px 0 5px 10px; position:relative;}
.vision ul li span{position:absolute; top:5px; left:0;}
.vision .txt_bot{margin: 34px 0 0 0;padding:0 0 0 10px;line-height:24px;}
.vision .img{width: 50%; float: left; position: absolute; top: -63px; right: 0;}

/* HOME > 회사소개 > 사회공헌 > IT업 연계활동 */
.societyview1 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.societyview1 h5{padding:0 0 0 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.societyview1 h5.tit{padding:0 0 0 200px;}
.societyview1 .article_top{ border-bottom: 2px solid #bababa; }
.societyview1 .article_top .txt{ font-size: 14px; padding: 20px 0 50px 0; }
.societyview1 .article_list1{ border-bottom: 1px solid #dcdcdc; }
.societyview1 .article_list2{ border-bottom: 1px solid #dcdcdc; }
.societyview1 .article_list2 ul{ font-size: 14px; }
.societyview1 .article_list3{ border-bottom: 2px solid #bababa; }
.societyview1 .thumb_list{ padding: 30px 0 40px 0; }
.societyview1 .thumb_list .cont{ position: relative; }
.societyview1 .thumb_list .thumb{ position: absolute; top: 0; left: 0; }
.societyview1 .thumb_list .txt{ padding: 20px 0 0 200px; font-size: 14px; }
.societyview1 .thumb_list ul{ padding: 20px 0 0 200px; }
.societyview1 .thumb_list ul li{position:relative; padding:0 0 0 70px}
.societyview1 .thumb_list ul li strong{position:absolute; top:0; left:0;}

.societyview1 .border_none .txt{ font-size:13px; padding:12px 0 0 200px; }
.companyview2{background:url('') no-repeat right bottom;}

/* HOME > 회사소개 > 사회공헌 > 구성원 노력봉사 */
.societyview2 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.societyview2 h5{padding:0 0 0 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.societyview2 h5.tit{padding:0 0 0 200px;}
.societyview2 .article_top{ border-bottom: 2px solid #bababa; }
.societyview2 .article_top .txt{ font-size: 14px; padding: 20px 0 50px 0; }
.societyview2 .article_list1{ border-bottom: 1px solid #dcdcdc; }
.societyview2 .article_list2{ border-bottom: 1px solid #dcdcdc; }
.societyview2 .article_list2 ul{ font-size: 14px; }
.societyview2 .article_list3{ border-bottom: 2px solid #bababa; }
.societyview2 .thumb_list{ padding: 30px 0 40px 0; }
.societyview2 .thumb_list .cont{ position: relative; }
.societyview2 .thumb_list .thumb{ position: absolute; top: 0; left: 0; }
.societyview2 .thumb_list .txt{ padding: 20px 0 0 200px; font-size: 14px; }
.societyview2 .thumb_list ul{ padding: 20px 0 0 200px; }
.societyview2 .thumb_list ul li{position:relative; padding:0 0 0 70px}
.societyview2 .thumb_list ul li strong{position:absolute; top:0; left:0;}
.societyview2 h6{padding:0 0 0 0; font-size:16px;color:#333;font-weight:bold;line-height:20px;}
.societyview2 h6.tit{padding:0 0 0 200px;}
.societyview2 .article_list_wrap{ border-bottom: 1px solid #dcdcdc; }
.societyview2 .article_list_wrap h5{ padding: 30px 0 16px 0; }
.societyview2 .article_list_wrap.last_child .txt{ padding:0 0 0 200px; }
.societyview2 .border_none{ border-bottom:none; padding:0; height:135px; }
.societyview2 .border_none .txt{ font-size:13px; padding:12px 0 0 200px; }

/* HOME > 회사소개 > 사회공헌 > 재능기부 전문봉사 */
.societyview3 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.societyview3 h5{padding:0 0 0 0;  }
.societyview3 h5.tit{padding:0 0 0 200px;}
.societyview3 .article_top{}
.societyview3 .txt{ font-size: 14px; padding: 20px 0 50px 0;border-bottom:2px solid #bababa }

.societyview3 .step_box{overflow:hidden;border-left:1px solid #cbcbcb}
.societyview3 .step_box li{width:25%;height:98px;float:left;}
.societyview3 .step_box li > div{height:81px;background:url(img/bg_society_step.gif) repeat-x;padding-right:50px;position:relative;padding:17px 0 0 15px}
.societyview3 .step_box li > div strong{font-size:18px;color:#ea002c;display:block}
.societyview3 .step_box li > div .title{width:90px;font-size:15px;line-height:18px;font-weight:bold;color:#333;display:block;margin-top:8px}
.societyview3 .step_box li.step2 > div .title{width:110px}
.societyview3 .step_box li.step3 > div .title{width:80px}
.societyview3 .step_box li > div .bg{background:url(img/img_society_arrow2.gif) no-repeat;width:50px;height:98px;position:absolute;top:0px;right:0px}
.societyview3 .step_box li.step4 > div .bg{background:url(img/img_society_arrow.gif) no-repeat}

.societyview3 h5{margin:34px 0 19px;text-align:center;font-size:18px;color:#333;font-weight:bold;line-height:22px}
.societyview3 .societyview_box{margin:37px 0 27px;position:relative}
.societyview3 .societyview_box > ul{overflow:hidden}
.societyview3 .societyview_box > ul > li{float:left;width:333px;margin-top:13px}
.societyview3 .societyview_box > ul > li.even{float:right}
.societyview3 .societyview_box > ul > li > div{border: 1px solid #d9d9d9;position:relative}
.societyview3 .societyview_box > ul > li > div .box{padding:45px 15px 0 15px;height:104px}
.societyview3 .societyview_box > ul > li.even .box{text-align:right}
.societyview3 .societyview_box > ul > li > div .box > h6{font-size: 24px; font-weight: bold; color: #333; line-height: 24px}
.societyview3 .societyview_box > ul > li.even .box > div > h6{text-align:right}
.societyview3 .societyview_box > ul > li > div .box > p{font-size: 16px; color: #333; line-height: 20px;margin-top:20px;padding-right:30%}
.societyview3 .societyview_box > ul > li.even .box > p{padding-right:0%;padding-left:30%;text-align:right}
.societyview3 .societyview_box > ul > li > div > ul{background: #f7f7f7;width: 100%; height: 88px;padding:15px 0}
.societyview3 .societyview_box > ul > li > div > ul > li{padding:0px 15px;font-size:12px;line-height:20px}
.societyview3 .societyview_box > ul > li.even > div > ul > li{text-align:right}
.societyview3 .societyview_box .simbol_img{position:absolute;top:50%;left:50%;margin:-88px 0 0 -101px}

.societyview3 .article_list{overflow: hidden; zoom:1;}
.societyview3 .article_list > h4{text-align: left;margin: 34px 0 19px;}
.societyview3 .article_list > h5{margin: 34px 0 19px 0; text-align: center;}

.societyview3 .article_list > .thumb{margin: 17px 0 0 0;}
.societyview3 .article_list > .thumb > .left{float: left;}
.societyview3 .article_list > .thumb > .right{float: left; padding: 43px 0 0 33px;}

/* HOME > 회사소개 > 사회공헌 > 사회적기업 */
.societyview4 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.societyview4 h5{padding:0 0 0 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.societyview4 h5.tit{padding:0 0 0 200px;}
.societyview4 .article_top{ border-bottom: 2px solid #bababa; }
.societyview4 .article_top .txt{ font-size: 14px; padding: 20px 0 50px 0; }
.societyview4 .article_con{border-bottom: 2px solid #bababa; padding: 0 0 37px 0;}
.societyview4 .article_list{margin: 35px 0 17px 0;}
.societyview4 .article_list > h5{padding: 0 0 15px 0;}
.societyview4 .article_list > div{margin: 25px 0 0 0;}
.societyview4 .article_list > .thumb{overflow: hidden; zoom:1; width: 100%; margin: 0;}
.societyview4 .article_list > .thumb > .left{float: left; width: 60%;}
.societyview4 .article_list > .thumb > .left > p{padding: 0 40px 0 0;}
.societyview4 .article_list > .thumb > .right{float: right; width: 40%;}
.societyview4 .article_list > .thumb > .right > img{float: right;}
.societyview4 .article_list.last_child{margin: 0 0 0 0;}
.societyview4 .article_list > h6{color:#e0002a; font-size:16px; font-weight:bold;margin:25px 0 7px 0;}
.societyview4 img{max-width:100%;display:block;margin:0 auto;}

/* HOME > 회사소개 > 지속가능경영 > 지속가능경영 전략 */
.continuation1 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.continuation1 h5{padding: 0 0 20px 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.continuation1 h5.tit{padding:0 0 0 200px;}
.continuation1 .article_top{  }
.continuation1 .article_top .txt{ font-size: 14px; padding: 20px 0 10px 0; }
.continuation1 .article_list{margin: 30px 0 0 0;}

/* HOME > 회사소개 > 지속가능경영 > 지속가능경영 보고서 */
.continuation2 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.continuation2 h5{padding: 0 0 20px 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.continuation2 h5.tit{padding:0 0 0 200px;}
.continuation2 .article_top{  }
.continuation2 .article_top .txt{ font-size: 14px; padding: 20px 0 10px 0; }
.continuation2 .article_list{margin: 30px 0 0 0;}
.continuation2 .article_list > h5{padding: 0 0 10px 0;}
.continuation2 .article_list > div{overflow: hidden; zoom:1;padding: 22px 0 22px 0;border-top: 1px solid #dcdcdc;}
.continuation2 .article_list > div > .left{float: left; padding: 0 20px 0 0;}
.continuation2 .article_list > div > .right{float: left;}
.continuation2 .article_list > div > .left > ul{margin: 10px 0 0 0;}
.continuation2 .article_list > div > .left > ul > li{float: left; margin: 0 10px 0 0;}
.continuation2 .article_list > div > .right > ul{margin: 10px 0 0 0;}
.continuation2 .article_list > div > .right > ul > li{float: left; margin: 0 10px 0 0;}
.btn_report{display:inline-block;padding:0 8px 0 26px;min-width:30px;height:25px;line-height:25px;color:#333;text-align:center;vertical-align:middle;font-size:12px;background:#fff url(img/icon_report.png) no-repeat 7px 4px;border:1px solid #d1cfd4;border-radius:2px;}

/* HOME > 회사소개 > 기업문화 */
.culcure h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.culcure h5{padding:0 0 0 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.culcure h5.tit{padding:0 0 0 200px;}
.culcure .article_top{ border-bottom: 2px solid #bababa; }
.culcure .article_top .txt{ font-size: 14px; padding: 20px 0 50px 0; }
.culcure .article_list{margin: 35px 0 0;}
.culcure .article_top{border-bottom: none;}
.culcure .article_top > h4{font-weight: normal;}
.culcure .article_list > dl{ margin: 15px 0 0;}
.culcure .article_list > div{ margin: 15px 0 0;}
.culcure .article_list > dl > dt{font-weight: bold; color: #333; font-size: 14px;}
.culcure .article_list > dl > dd{margin: 0 0 5px 0;text-indent:10px;}

/* HOME > 회사소개 > 윤리경영 > 윤리경영 */
.ethics1 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.ethics1 h5{padding:0 0 0 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.ethics1 h5.tit{padding:0 0 0 200px;}
.ethics1 .article_top{ border-bottom: 2px solid #bababa; }
.ethics1 .article_top .txt{ font-size: 14px; padding: 20px 0 50px 0; }
.ethics1 > .article_top > .txt{padding: 20px 0 27px 0;}
.ethics1 > .article_con > .article_list{padding: 27px 0 0 0; margin: 0 0 16px 0;}
.ethics1 > .article_con > .article_list > .txt{padding: 17px 0 22px 0;}
.ethics1 > .article_con > .article_list > div{text-align:center;}
.ethics1 > .article_con > .article_list > ul{position: relative; left: 50%; float: left; margin-left:-4px;}
.ethics1 > .article_con > .article_list > ul > li{position: relative; right: 50%; float: left; padding:0 4px 0 4px;}

/* HOME > 회사소개 > 윤리경영 > 윤리규정 */
.ethics2 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.ethics2 dt{padding:0 0 0 0; font-size:16px;color:#ea002c;font-weight:normal;line-height:20px;}
.ethics2 .article_top{ border-bottom: 2px solid #bababa; }
.ethics2 .article_top .txt{ font-size: 13px;padding: 15px 0 38px 0; }
.ethics2 .article_stit{border-bottom: 2px solid #bababa; padding: 17px 0 15px 0;}
.ethics2 .article_stit > dl{padding: 15px 0 18px 0; border-top: 1px solid #dcdcdc;}
.ethics2 .article_stit > dl:first-child{border-top: none;}
.ethics2 .article_stit > dl > dt{padding: 0 0 10px 0;}
.ethics2 .article_con .article_list{border-bottom: 2px solid #bababa; padding: 25px 0 0 0;}
.ethics2 .article_con .article_list .txt{padding: 15px 0 38px 0;}

/* HOME > 회사소개 > 윤리경영 > 공정거래 > 자율준수프로그램 개요 */
.ethics3 h4{padding:0 0 0 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.ethics3 dt{padding:0 0 0 0; font-size:16px;color:#ea002c;font-weight:normal;line-height:20px;}
.ethics3 .txt{padding: 15px 0 38px 0;border-bottom: 2px solid #bababa}
.ethics3 .article_stit{border-bottom: 2px solid #bababa; padding: 26px 0 26px 0;}
.ethics3 .article_stit > dl{padding: 15px 0 18px 0; border-top: 1px solid #dcdcdc;}
.ethics3 .article_stit > dl.first_child{border-top:none;}
.ethics3 .article_stit > dl > dt{padding: 0 0 10px 0;}


/* HOME > 회사소개 > 윤리경영 > 공정거래 > CEO 자율준수 선언문 */
.ethics4 h4{padding: 17px 0 20px 0; font-size: 18px;color:#333;font-weight:bold;line-height:24px;}
.ethics4 h5{padding: 0 0 6px 0; font-size: 16px;color:#333;font-weight:bold;line-height:22px;}
.ethics4 .article_top .txt{padding: 0 0 23px 0; line-height: 21px;}
.ethics4 .article_stit ul{margin: 30px 0 22px 0;}
.ethics4 .article_stit ul li{font-size: 16px; font-weight: bold; color: #333; line-height: 35px;}
.ethics4 .article_stit .txt{padding: 0 10px 23px 10px; line-height: 21px;}
.ethics4 .article_bot img{float:right;}

/* HOME > 회사소개 > 동반성장 */
.growth h4{padding: 0 0 15px 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.growth h5{padding: 0 0 15px 0; font-size:18px;color:#333;font-weight:bold;line-height:22px;}
.growth .article_top .txt{padding: 0 0 36px 0; font-size: 14px;}
.growth .article_con .article_list{padding: 0 0 44px 0;}
.growth .article_con .article_list .img{text-align: center;}
.growth .article_con .article_list .block{border: 1px solid #d8d8d8; padding: 20px 0 20px 0; text-align: center; font-size: 14px; margin: 29px 0 0 0; color:#333;}
.growth .article_con .article_list .txt{padding: 0 0 20px 0;}
.growth .article_con .article_list .board{border-top:2px solid #bababa;border-bottom:1px solid #dfdfdf;}
.growth .article_con .article_list .board col.col1{width:13%;}
.growth .article_con .article_list .board col.col2{width:16%;}
.growth .article_con .article_list .board col.col3{width:23%;}
.growth .article_con .article_list .board col.col4{width:47%;}
.growth .article_con .article_list .board thead th{border-bottom:1px solid #cfcfcf;background:#f9f9f9;font-weight:normal;padding: 15px 0 15px 0;color:#333;}
.growth .article_con .article_list .board tbody th{background:#fff;color:#666;border-bottom:1px solid #dfdfdf;}
.growth .article_con .article_list .board tbody td{border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;padding:13px 13px 13px 13px;}

/* HOME > PR센터 > 사보 */
.newsletter h4{padding: 0 0 15px 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.newsletter h4 span{font-weight:normal;}
.newsletter .article_con{overflow: hidden; zoom: 1;padding: 30px 45px 30px 45px; border: 1px solid #e2e2e2;}
.newsletter .article_con .photo{float: left;}
.newsletter .article_con .schedule{float: right;}
.newsletter .btn{text-align: center; margin: 32px 0 0 0;}
.newsletter .btn a{display: inline-block; padding: 7px 20px 7px 20px; background: #e0002a; font-size: 15px; color: #fff; border: 1px solid #ac0524;}

/* HOME > PR센터 > 블로그 */
.blog h4{padding: 0 0 15px 0; font-size:20px;color:#333;font-weight:bold;line-height:24px;}
.blog h4 span{font-weight:normal;}
.blog h4 img{vertical-align:middle;}
.blog .blog_list{position: relative; right: 50%; float: right;}
.blog .gallery_list{overflow: hidden; zoom:1;position: relative; left: 50%; float: left;}
.blog .gallery_list li{float: left; margin: 0 0 60px 10px;}
.blog .gallery_list li:first-child{margin: 0 0 0 0;}
.blog .gallery_list li img{border: 1px solid #ebebeb; float: left; width:218px; height:158px;}
.blog .gallery_list li .tit{clear: both;  padding: 10px 0 10px 0;}
.blog .gallery_list li .tit a{color:#333;font-weight:bold; font-size:14px;display:block;width:220px;white-space:nowrap;text-overflow:ellipsis;-o-text-overow:ellipsis;overflow:hidden;}
.blog .gallery_list li .tit a:hover, .blog .gallery_list li .tit a:focus{color:#e50030;}
.blog .gallery_list li .cmt{overflow: hidden; zoom:1;}
.blog .gallery_list li .cmt .date{float: left;}
.blog .gallery_list li .cmt .comment{float: right;padding:0 20px 0 0;}
.blog .gallery_list li .cmt .hide{text-indent:-9999px;float: right; width: 22px; height: 20px; background:url('/img/bul_comment.gif') no-repeat right center;}
.blog .board_list{clear:both; border-top: 2px solid #d8d8d8;}
.blog .board_list li{border-bottom: 1px solid #d8d8d8; padding: 10px 0 13px 0;}
.blog .board_list li a{color:#333;display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overow:ellipsis;overflow:hidden;}
.blog .board_list li a:hover, .blog .board_list li a:focus{font-weight:bold; color:#e50030;}
.blog .sns{float: right; padding: 20px 0 0 0;}
.blog .sns a{padding: 0 0 0 2px;}

/* 회사소개 > 기업문화 */
.culture_chart .line{background:url(../img/bul_culture_dashed.gif) no-repeat 50% 100%;padding:0 0 18px 0;}
.culture_chart .box{border:1px solid #cacaca;padding:12px 0;background:#f0f0f0;text-align:center;-webkit-box-shadow: 0px 3px 3px 0px rgba(214,214,214,.7);box-shadow: 0px 3px 3px 0px rgba(214,214,214,.7);font-size:16px;overflow:hidden;position:relative;margin:0 0 18px 0;color:#333;position:relative;}
.culture_chart .line .box{margin:0;}
.culture_chart .box.bold{font-weight:bold;}
.culture_chart .box.red{color:#e0002a;}
.culture_chart .box.grey{color:#666;}
.culture_chart .box.space{margin:-5px 0 18px 0;}
.culture_chart .box.white{background:#fff;border:1px solid #e1e1e1;color:#666;}
.culture_chart .more{font-size:11px;color:#666;font-weight:normal;border:1px solid #d1d1d1;padding:3px 10px 4px 0;text-align:center;width:110px;height:15px;position:absolute;top:11px;right:11px;background:url(../img/bul_culture_plus.gif) no-repeat 105px 50%;background-color:#fff;overflow:hidden;}
.culture_chart .box_list{overflow:hidden;}
.culture_chart .box_list > li{float:left;}
.culture_chart .box_list > li > span{display:block;border:1px solid #e1e1e1;padding:15px 0;background:#fff;text-align:center;-webkit-box-shadow: 0px 3px 3px 0px rgba(214,214,214,.7);box-shadow: 0px 3px 3px 0px rgba(214,214,214,.7);font-size:16px;overflow:hidden;position:relative;margin:0 0 18px 0;color:#666;}
.culture_chart .box_list.three > li{width:33.33333%;}
.culture_chart .box_list.three > li.item1,
.culture_chart .box_list.three > li:first-child{width:33.33334%;}
.culture_chart .box_list.three > li.item1 > span{margin:0 5px 5px 0;}
.culture_chart .box_list.three > li.item2 > span{margin:0 5px 5px 5px;}
.culture_chart .box_list.three > li.item3 > span{margin:0 0 5px 5px;}
.culture_chart .box_list.two > li{width:50%;}
.culture_chart .box_wrap{overflow:hidden;}
.culture_chart .box_wrap .left,
.culture_chart .box_wrap .right{float:left;width:50%;}
.culture_chart .box_wrap .left .box{margin:0 5px 18px 0;padding:10px 0;}
.culture_chart .box_wrap .right .box{margin:0 0 18px 5px;padding:10px 0;}
.culture_chart .box_wrap .box_inner{padding:0 20px;}
.culture_chart .box_list2{text-align:left;font-size:14px;overflow:hidden;}
.culture_chart .box_list2 > li{float:left;background:url(../img/bul_article_s.gif) no-repeat 0 11px;width:33.33333%;padding:5px 0;}
.culture_chart .box_list2 > li.large{width:66.66666%;}
.culture_chart .box_list2 > li > span{display:block;padding:0 0 0 8px;}
.culture_chart .box_wrap .right .box_list2 li{width:50%;}
.culture_chart .box_wrap .footnote{font-size:13px;text-align:left;}
.culture_chart .box_wrap .footnote_sub{font-size:13px;text-align:left;padding:4px 0 0 10px;letter-spacing:-0.5px;}
.culture_chart .box_wrap .left .box.minimum,
.culture_chart .box_wrap .right .box.minimum{min-height:95px;}

/* 회사소개 > CEO */
.ceo_wrap{position:relative;}
.ceo_wrap .ceo_txt1{position:absolute;top:30px;left:30px;z-index:10; font-size:22px;color:#A05714;font-weight:bold;line-height:26px;letter-spacing:-1px;}
.ceo_wrap .ceo_txt1 span{display:block;}
.ceo_wrap .ceo_txt2{position:absolute;top:125px;left:30px;z-index:10;font-size:14px;}
.ceo_wrap .ceo_txt2 span{display:block;}
.ceo{background:url(../img/ceo_gradation.png) repeat-x 0 0;height:405px;position:relative;overflow:hidden;}
.ceo .ceo_face{width:272px;height:375px;position:absolute;right:30px;bottom:0;background:url(../img/ceo_face_body.png) no-repeat 0 0;}
.ceo .ceo_sign{position:absolute;bottom:25px;left:30px;}


@media screen and (min-width:750px) and (max-width:980px){ /* Tab 해상도 */
	/* HOME > 회사소개 > 사회공헌 > 재능기부 전문봉사 */
	.societyview3 .societyview_box > ul > li{width:49%}

}

@media screen and (max-width:749px){ /* Mobile 해상도 */
/* HOME > 회사소개 > 회사개요 > Overview */
    .companyview1{padding:0;}
	.companyview1 .companyview_img{margin:0 0 10px 20px;}
	.overview .tit{font-size:26px;}
    .overview dl{font-size:13px;}
    .overview .tit{padding:0 0 27px 0;}

/* HOME > 회사소개 > 회사개요 > Vision */
    .companyview2{background:none;}
	.vision > p{display:block;font-size:32px;}
    .vision .statement{min-height:300px;}
    .vision .txt{width:100%;}
    .vision .txt_bot{margin:34px 0 50px 0; padding: 7px 7px;}
    .vision .tit{padding:0 0 27px 0;}
    .vision img{ width:100%; }

/* HOME > 회사소개 > 사회공헌 > IT업 연계활동 */
    .societyview1 .thumb_list .tit{padding: 0;}
    .societyview1 .thumb_list .thumb{position: relative; top: 0;  text-align: center; margin: 25px 0 25px 0;}
    .societyview1 .thumb_list .txt{padding: 0;}
    .societyview1 .thumb_list ul{padding:20px 0 0 0;}
    .societyview1 .article_list3{ border-bottom: none; }

/* HOME > 회사소개 > 사회공헌 > 구성원 노력봉사 */
    .societyview2 .thumb_list .tit{padding: 0;}
    .societyview2 .thumb_list .thumb{position: relative; top: 0;  text-align: center; margin: 25px 0 25px 0;}
    .societyview2 .thumb_list .txt{padding: 0;}
    .societyview2 .thumb_list ul{padding:20px 0 0 0;}
    .societyview2 .article_list3{ border-bottom: none; }
    .societyview2 .border_none{ height: auto; margin: 0 0 30px 0; }
    .societyview2 .article_list_wrap.last_child{ border-bottom:none; }
    .societyview2 .article_list_wrap.last_child .txt{padding:0;}

/* HOME > 회사소개 > 사회공헌 > 재능기부 전문봉사 */
	.societyview3 .step_box{border:1px solid #cbcbcb}
	.societyview3 .step_box li{height:auto}
	.societyview3 .step_box li > div .bg{display:none}
	.societyview3 .step_box li > div{border-left:1px solid #cbcbcb;background:none;padding:5px;height:110px !important}
	.societyview3 .step_box li:first-child > div{border-left:none}
	.societyview3 .step_box li > div .title{width:auto !important}
	.societyview3 .societyview_box > ul > li{width:auto;float:none !important}
	.societyview3 .societyview_box > ul > li.even .box{text-align:left !important}
	.societyview3 .societyview_box > ul > li.even .box > p{text-align:left !important;padding:0px !important}
	.societyview3 .societyview_box > ul > li > div > ul{height:auto}
	.societyview3 .societyview_box > ul > li.even > div > ul > li{text-align:left}
	.societyview3 .societyview_box .simbol_img{display:none}
	.societyview3 .article_list > .thumb > .left{float:none;text-align:center}
	.societyview3 .article_list > .thumb > .right{padding-left:0px;text-align:center;float:none}

/* HOME > 회사소개 > 사회공헌 > 사회적기업 */
    .societyview4 .article_con{border-bottom: none;}
    .societyview4 .article_list > .thumb > .left{ width:100%; }
    .societyview4 .article_list > .thumb > .left > p{padding: 0;}
    .societyview4 .article_list > .thumb > .right{ display:none; }

/* HOME > 회사소개 > 지속가능경영 > 지속가능경영 보고서 */
    .continuation2 .article_list > div.download1 > .left{display:none;}
    .continuation2 .article_list > div.download2 > .left{margin: 0 0 24px 0;}

/* HOME > 회사소개 > 윤리경영 > 윤리경영 */
    .ethics1 .article_con .article_list ul li{float: none; width:100%; margin: 0 0 10px 0; text-align:center;}

/* HOME > 회사소개 > 윤리경영 > 윤리규정 */
    .ethics2 .article_con .article_list.last_child{ border-bottom:none; }

/* HOME > 회사소개 > 윤리경영 > 공정거래 > 자율준수프로그램 개요 */
    .ethics3 .article_top ul li{ width:100%; }
    .ethics3 .article_stit{border-bottom:none;}

/* HOME > 회사소개 > 윤리경영 > 공정거래 > CEO 자율준수 선언문 */
    .ethics4 .article_stit .txt{padding: 0 0 23px 0;}
    .ethics4 .article_stit ul li{line-height: 24px; margin:5px 0;font-size:14px;}

/* HOME > 회사소개 > 동반성장 */
    .growth .article_con .article_list .board thead th{vertical-align:top;}

/* HOME > PR센터 > 사보 */
    .newsletter .article_con .photo{width: 100%; text-align: center}
    .newsletter .article_con .schedule{width: 100%; text-align: center}

/* HOME > PR센터 > 블로그 */
    .blog .blog_list{float: none; right: auto; padding: 0 0 46px 0;}
    .blog .gallery_list li .cnt{padding: 0 0 15px 0;}
    .blog .blog_list .gallery_list{float: none; left: auto;}
    .blog .blog_list .gallery_list li{float: none; margin: 0;}
    .blog .blog_list .gallery_list li .thumb{width:99%;height:auto;}
    .blog .gallery_list li .cmt .comment{padding:0 0 0 0;}
    .blog .gallery_list li .tit{width:100%;}
    .blog .gallery_list li .tit a{width:95%;}

/* 회사소개 > CEO */
.ceo_wrap .ceo_txt1{position:static;top:0;left:0;margin:0 0 15px 0;}
.ceo_wrap .ceo_txt1 span{display:inline;}
.ceo_wrap .ceo_txt2{position:static;top:0;left:0;margin: 0 0 15px 0;}
.ceo_wrap .ceo_txt2 span{display:inline;}
.ceo .ceo_face{right:10px;}
.ceo .ceo_sign{left:5px;bottom:5px;}
.ceo .ceo_sign > p{display:none;}
.ceo .ceo_sign img{width:60px;height:35px;}
}

@media screen and (max-width:586px){
.companyview1 .companyview_img{float:none;display:block;margin:0 auto 20px auto;}

.culture_chart .box{font-size:14px;}
.culture_chart .box.hign{letter-spacing:-1px;}
.culture_chart .more{text-indent:-5000px;width:12px;background-position:7px 50%;}
.culture_chart .box_list > li > span{font-size:13px;letter-spacing:-0.5px;}

.culture_chart .box_wrap .left,
.culture_chart .box_wrap .right{width:100%;}
.culture_chart .box_list2{font-size:12px;}

.vision > p{padding:0 5px;font-size:24px;}
}