@charset "utf-8";

input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
.pt20 {padding-top:20px!important;}

.contents {margin:85px 0;overflow:hidden;}
.cont {width:1280px;margin:0 auto;overflow:hidden;}
.section {min-height:500px;}
.s_body {margin-top:10px;}
.sub_bg {height:300px;z-index:0 !important; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; background-color:#fff;}
.sub_bg h2{width:1280px; padding:180px 0 18px; margin:0 auto; font-size:50px; font-weight:300; color:#fff;}
.sec_tit h3 {position: relative;margin: 10px 0 30px;text-align: center;transition: padding 0.3s linear 0s;}
.sec_tit h3 span {word-break: keep-all;font-weight: 500;font-size: 32px;transition: font-size 0.3s linear 0s;}
.sec_tit h3 span:after {display: block;width: 14%;margin: 10px auto 0;border-bottom: 3px solid #034ea1;content: '';}
.company_bg {background:url('../img/company/title_bg.png')}
.business_bg {background:url('../img/rnd/title_bg.png')}
.oper_bg {background:url('../img/oper/title_bg.png')}
.ir_bg {background:url('../img/ir/title_bg.png')}
.recruit_bg {background:url('../img/recruit/title_bg.png')}


/* lnb */
/* .location {margin-bottom:10px;} */
.location ul {float:right;margin:5px 0;}
.location ul li {float:left;font-size:1.1rem;color:#999;letter-spacing:-0.1rem;font-weight:300;}
.location ul li:first-child {padding-left:20px;background:url('../img/bg/home.gif') 5px center no-repeat;}
.location ul li a {color:#999;}
.location ul li a:after {content:'>';margin:0 10px;}

/* snb */
.snb {display: table;table-layout: fixed;width: 100%;}
.snb li {display: table-cell;position:relative;color: #000000;padding: 0.7rem 0;border: 1px solid #ddd;border-left: 1px solid #fff;vertical-align: middle;text-align: center;font-size:1.15rem;cursor:pointer;}
.snb li a {display:block;}
.snb li:hover  {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.snb li:hover:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
.snb li:hover a {color:#fff;}
.snb li:first-child {border-left: 1px solid #ddd;}
.snb li.active {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.snb li.active:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}


/* 탭 */
.tabs {display: table;table-layout: fixed;width: 100%;}
.tabs li {display: table-cell;position:relative;color: #000000;padding: 0.7rem 0;border: 1px solid #ddd;border-left: 1px solid #fff;vertical-align: middle;text-align: center;font-size:1.15rem;cursor:pointer;}
.tabs li a {display:block;}
.tabs li:first-child {border-left: 1px solid #ddd;}
.tabs li.active {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.tabs li.active a {color:#fff;}
.tabs li.active:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
.tab_wrap h4 {margin:30px;text-align:center;word-break: keep-all;font-weight: 500;font-size: 28px;transition: font-size 0.3s linear 0s;}
.tab_wrap h4:after {display:block;width:14%;margin:10px auto 0;border-bottom:3px solid #0167bb;content:'';}


/* 탭 */
.tabs2 {display: table;table-layout: fixed;width: 100%;}
.tabs2 li {display: table-cell;position:relative;color: #000000;padding: 0.7rem 0;border: 1px solid #ddd;border-left: 1px solid #fff;vertical-align: middle;text-align: center;font-size:1.15rem;cursor:pointer;}
.tabs2 li a {display:block;}
.tabs2 li:first-child {border-left: 1px solid #ddd;}
.tabs2 li.active {background-color:#034ea1;border-color: #034ea1;color: #fff;}
.tabs2 li.active a {color:#fff;}
.tabs2 li.active:before {display: block;position: absolute;top: 3rem;left: calc(50% - 0.625rem);content: '';border-right: 0.625rem solid transparent;border-left: 0.625rem solid transparent;border-top: 0.625rem solid #034ea1;}
.tab_wrap h4 {margin:30px;text-align:center;word-break: keep-all;font-weight: 500;font-size: 28px;transition: font-size 0.3s linear 0s;}
.tab_wrap h4:after {display:block;width:14%;margin:10px auto 0;border-bottom:3px solid #0167bb;content:'';}


/* 인사말 */
.ceo_title {float:left;width:50%;position:relative; padding:40px 0 0 50px; font-size:40px; color:#333; letter-spacing:-2px; line-height:1.4;font-weight:300;}
.ceo_tri {width: 0;height: 0;border-style: solid;border-width: 100px 100px 0 0;border-color:  #1b1c80 transparent transparent transparent;float: left;position: absolute;top: 0;left:0;}
.greeting {float:left;width:50%;word-break:keep-all;}
.greeting p {font-size:16px;color:#333;font-weight:300;}
.greeting p span {font-size:20px;color:#1b1c80;font-weight:400;}
.greeting .sign {float:right;margin-top:40px;color:#000;font-size:24px;}
.greeting .sign span {margin-left:8px;vertical-align:middle;}
.greeting .sign span:first-child {font-size:14px;}

/* 기업정보 */
.info_box {margin-top:100px;overflow:hidden;}
.info_box ul {display:block;float:left;width:100%}
.info_box ul li {display: block;float: left;width: 33%;padding-top:120px;box-sizing: border-box;}
.info_box ul li h1 {float: left;width: 100%;font-size: 30px;font-weight: 600;color: #034ea1;line-height: 40px;text-align: center;}
.info_box ul li h1 a {width: 174px;height: 58px;display: inline-block;background-image: url('../img/logo.png');background-repeat: no-repeat;background-size: 100% auto;}
.info_box ul li p {font-size: 16px;font-weight: 300;color: #666;line-height: 24px;text-align: center;}
.info_box ul li p.tit {float: left;width: 100%;font-size: 18px;font-weight: 600;color: #212121;ine-height: 24px;text-align: center;margin: 5px 0;}
.info_top ul li:nth-child(1) {background:url('../img/company/icon_com1.png') top center no-repeat;}
.info_top ul li:nth-child(2) {background:url('../img/company/icon_com2.png') top center no-repeat;}
.info_top ul li:nth-child(3) {background:url('../img/company/icon_com3.png') top center no-repeat;}
.info_bot ul li:nth-child(1) {background:url('../img/company/icon_com4.png') top center no-repeat;}
.info_bot ul li:nth-child(2) {background:url('../img/company/icon_com5.png') top center no-repeat;}
.info_bot ul li:nth-child(3) {background:url('../img/company/icon_com6.png') top center no-repeat;}





/* 경영정보 */
.business_wrap {width:100%; max-width:1280px; margin:0 auto; padding:0; box-sizing:border-box;}
.business_img {width:100%;margin-top:50px;}
.business_img .pcimg {display:inline-block;}
.business_img .mimg {display:none;}
.business_box ul li {width:320px;float:left;display:block;}
.business_box ul li div {width:245px;margin-top:160px;}
.business_box ul li h3 {text-align:center;font-size:1.4rem;margin-bottom:20px;font-weight:500;}
.business_box ul.inner_ul li {width:240px;margin-bottom:10px;padding-left:30px;}
.business_box ul.inner_ul li h4 {font-size:1.25rem}
.business_box ul.inner_ul li p {padding-left:10px;font-size:1.05rem;color:#666;letter-spacing:-1px;}
.business_box ul li.box1 {height:680px;background:url('../img/company/business_bg1.png') top center no-repeat;}
.business_box ul li.box2 {height:680px;background:url('../img/company/business_bg2.png') top center no-repeat;}
.business_box ul li.box3 {height:680px;background:url('../img/company/business_bg3.png') top center no-repeat;}
.business_box ul li.box4 {height:680px;background:url('../img/company/business_bg4.png') top center no-repeat;}

/* 소개영상 */
.youtube_box {width:100%;position:relative;margin-top:40px;overflow:hidden;}
.youtube_box ul li {float:left;width:50%;}
.youtube_box ul li h3 {margin-top:20px;text-align:center;font-size:1.5rem;}


/* 관계 자회사 */
.aff_in {clear:both;margin-top:40px;}
.aff_in h5 {font-size:1.5rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.aff_in ul {overflow:hidden;}
.aff_in ul li {float:left;padding:15px;width:50%;}
.aff_in ul li .item {position:relative;}
.aff_in ul li .item_img img {width:100%;}
.aff_in ul li .item_tit {display: table;overflow: hidden;width: 100%;height: 60px;padding: 0 30px;line-height: 1.3;font-size: 18px;font-weight: 400;letter-spacing: -.5px;border-top: 1px solid #e5e5e5;}
.aff_in ul li .item_tit h3 { display: table-cell; vertical-align: middle; line-height: 1.3; color: #000;}
.aff_in ul li .item_info { padding: 20px 30px; border-top: 1px solid #e5e5e5;}
.aff_in ul li .item_info p {position: relative;padding: 7px 0 7px 100px;height: 28px;line-height: 1;font-size: 16px;font-weight: 400;color: #777;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.aff_in ul li .item_info p span {position: absolute;left: 0;top: 0;padding: 5px 0;line-height: 1;font-weight:500;}

/* 연혁 */
.history1 .big_year, .history2 .big_year {display: block;font-size: 72px;font-weight: 500;}
.history1 .big_year + em, .history2 .big_year + em {display: block;margin-top: 0px;font-size: 28px;font-weight: 300;line-height: 28px;letter-spacing: -1px;}
.history1 {overflow:hidden;margin-top:50px;}
.history1 > dl {float:left;width:640px;padding-bottom:240px; }
.history_box {float:left;width:550px;padding:18px 0 0 60px;border-left:1px solid #ccc;}
.history_box dl {overflow:hidden;padding-bottom:50px;border-top:2px solid #eee;}
.history_box dl dt {float:left;/* height:120px; */}
.history_box dl dt .year {font-size:32px;font-weight:500;color:#034ea1;}
.history_box dl dd + dd {margin-top:8px;}
.history_box dl dd {margin-left:130px;margin-top:8px;font-size:16px;}
.history_box dl dd p {margin-left:20px;}
.history_box dl dd p span.month {margin-right:15px;}
.history2 > dl {float:right;width:540px;padding-bottom:240px;}
.history2 {overflow:hidden;}
.history2 > div dl {padding:28px 0 48px;margin-left:70px;overflow:hidden;}
.history2 .history_box {width:600px;}

/* 수상경력 */
.awards {overflow:hidden;margin-top:50px;background:url('../img/company/history1_bg') center top no-repeat;}
.awards .big_year {display: block;font-size: 72px;font-weight: 500;}
.awards .big_year + em {display: block;margin-top: 0px;font-size: 28px;font-weight: 300;line-height: 28px;letter-spacing: -1px;}
.awards > dl {float:left;width:640px;padding-bottom:240px; }
.awards_box {float:left;width:550px;padding:18px 0 0 60px;}
.awards_box dl {overflow:hidden;padding-bottom:50px;border-top:2px solid #eee;}
.awards_box dl dt {float:left;height:120px;}
.awards_box dl dt .year {font-size:32px;font-weight:500;color:#034ea1;}
.awards_box dl dd + dd {margin-top:8px;}
.awards_box dl dd {margin-left:130px;margin-top:8px;font-size:16px;}
.awards_box dl dd p {margin-left:20px;}
.awards_box dl dd p span.month {margin-right:15px;}


/* 공지사항 */
.search_top {overflow:hidden;margin-bottom:20px;}
.search_top span {float:left;font-size:16px;line-height:48px;}
.search_wrap {float:right; width:358px; height:48px; margin:0 auto; border:1px solid #ddd; box-sizing:border-box; overflow:hidden;} 
.search {float:left;width:calc(100% - 48px);height:48px;overflow:hidden;}
.search input {display:block; float:left; width:100%; height:48px; padding:0 10px; margin:0; border:0; font-size:16px; font-weight:400; color:#212121;}
.search_btn{display:block; float:left; width:48px; height:48px; background:url('../img/bg/search_btn.png') no-repeat center; text-indent:-10000px;}
.notice_list table {border-top:1px solid #444}
.notice_list table th {background:#f9f9fb; padding:18px 16px; border-bottom:1px solid #444;font-size:16px;font-weight:400;}
@media (max-width: 1025px)
table.board th:nth-child(n+3), table.board td:nth-child(n+3) {
    display: none;
}
.notice_list table td {padding:18px 16px; border-bottom:1px solid #e2e2e2; text-align:center; color:#444;}
.notice_list table td.list_title {text-align:left!important;}
.notice_list table tr:hover {background:#f9f9fb}
.notice_list table tr:hover td a {font-weight:500;}

/* 홍보센터 */
.hong_list {position:relative; padding-top:40px; border-top:1px solid #444; border-bottom:1px solid #e2e2e2}
.hong_list ul {overflow:hidden}
.hong_list li {position:relative; float:left; width:32%; margin:2.6% 0 2.6% 2%}
.hong_list li .hong_txt .hong_tit {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; font-size:1.5em; color:#333; transition:color .4s}
.hong_list li .hong_txt .hong_ed {display:inline-block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:4px; font-size:1.3em; color:#333; transition:color .4s}
.hong_list li .hong_txt span.date {color:#777; font-family:'Roboto', sans-serif;}
.hong_list li:after {position:absolute; left:0; bottom:-10.6%; width:106%; height:1px; background:#e2e2e2; content:''}
.hong_list li:nth-child(3n+1) {margin-left:0}
.hong_list li:nth-child(-n+3) {margin-top:0}
.hong_list .hong_img, .video .img {position:relative; margin-bottom:18px; width:100%}
.hong_list .hong_img a {display:block;height:280px;}
.hong_list .hong_img img {width:100%;height:270px;}
.cer_wrap .cer_box {position:relative; margin-top:50px;padding-top:40px; border-top:1px solid #444; border-bottom:1px solid #e2e2e2}
.cer_wrap .cer_box h4 {font-size:1.4rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.cer_wrap .cer_box ul {overflow:hidden;margin:20px 0;}
.cer_wrap .cer_box ul li {position:relative; float:left; width:23%; margin:2.6% 0 2.6% 2%}
.cer_wrap .cer_box ul li:nth-child(4n+1) {margin-left:0}
.cer_wrap .cer_box ul li:nth-child(-n+4) {margin-top:0}
.cer_wrap .cer_box .img_box {position:relative;display:block; margin-bottom:18px; width:100%;height:400px;}
.cer_wrap .cer_box .img_box img {width:100%;}
.cer_wrap .cer_box .img_tit {font-size:1.3rem;margin-top:20px;text-align:center;}

/* 산하연현황 */
.san_wrap {width:100%;overflow:hidden;}
.san_wrap .san_box {float:left;width:50%;margin-top:40px;}
.san_wrap .san_box .san_img {float:left;width:40%;}
.san_wrap .san_box .san_img img {width:100%;}
.san_wrap .san_box .san_txt {float:left;width:60%;padding:0 20px;}
.san_wrap .san_box h4 {font-size:1.25rem;font-weight:400;color:#0647A4;padding:10px 18px;margin-left:10px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.san_wrap .san_box dl {display:table;width:100%;border-top: 1px solid #ddd;}
.san_wrap .san_box dl:first-child {border-top: none;}
.san_wrap .san_box dl dt {display: table-cell;width: 80px;padding: 10px;box-sizing: border-box;font-size:1.2rem;font-weight: 500;transition: all 0.3s linear 0s;}
.san_wrap .san_box dl dt.traffic {color:#2FA3E5;}
.san_wrap .san_box dl dd {display: table-cell;padding: 10px;box-sizing: border-box;word-break: keep-all;color: #666;vertical-align:middle;transition: all 0.3s linear 0s;font-size:16px;}



/* ci */
.ci_box {margin-top:50px;}
.ci_box h4 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.ci_box p {padding:10px 20px; font-size:1.1rem;}


/* 오시는길 */
.loc_wrap {position:relative;overflow:hidden;margin-bottom:30px;}
.loc_wrap .loc_tit {font-size:1.4rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.loc_wrap .map_wrap {width:50%;float:left;}
.loc_wrap .tight_wrap {width:50%;float:left;padding-left:30px;}
.loc_wrap .tight_wrap dl {display:table;width:100%;border-top: 1px solid #ddd;}
.loc_wrap .tight_wrap dl:first-child {border-top: none;}
.loc_wrap .tight_wrap dl dt {display: table-cell;width: 140px;padding: 10px;vertical-align: top;box-sizing: border-box;font-size:1.2rem;font-weight: 500;transition: all 0.3s linear 0s;}
.loc_wrap .tight_wrap dl dt.traffic {color:#2FA3E5;}
.loc_wrap .tight_wrap dl dd {display: table-cell;padding: 10px;box-sizing: border-box;word-break: keep-all;color: #666;vertical-align:middle;transition: all 0.3s linear 0s;font-size:16px;}


/* 비젼 */
.vision_box {margin-top:60px}
.vision_box .mission {overflow:hidden;}
.vision_box .mission li {width:23%; float:left; padding-top:45px;height:10rem; margin-right:2%; font-size:1.5rem; font-weight:400; color:#fff; text-align:center;}
.vision_box .mission li:nth-child(1) {background:url('../img/company/mission_01.png') center center no-repeat;background-size:cover;}
.vision_box .mission li:nth-child(2) {background:url('../img/company/mission_02.png') center center no-repeat;background-size:cover;}
.vision_box .mission li:nth-child(3) {background:url('../img/company/mission_03.png') center center no-repeat;background-size:cover;}
.vision_box .mission li:nth-child(4) {background:url('../img/company/mission_04.png') center center no-repeat;background-size:cover;}
.vision_box h4 {width:50%;margin:0 auto;padding-bottom:10px;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;border-bottom:2px solid #ccc;}
.vision_box .inner {overflow:hidden;margin-top:50px;}
.vision_box .inner li {position:relative; display:inline-block; margin:0 2%;vertical-align:middle}
.vision_box .inner li .txt {position:relative;width:200px; height:200px; background:#fff; border-radius:50%;border:10px solid #034ea1;}
.vision_box .inner li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.vision_box .inner li .txt div p {font-size:1.625rem;color:#333;text-align:center;}

/* R&D */
.rnd_con {margin-top:50px;}
.rnd_con .img img {width:100%;height:auto;}
.rnd_con .list_wrap {text-align: left;width: 100%;margin-top: 70px;}
.rnd_con .list_wrap li {float: left;width: 30%;margin-right: 48px;}
.rnd_con .list_wrap li:last-child {margin:0;}
.rnd_con .list_wrap li h4.tit {font-size: 20px;color: #0647A4;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
.rnd_con .list_wrap li p {font-size: 16px;color: #666;font-weight: 400;margin-top: 30px;}
.rnd_con ul {overflow:hidden;}
.rnd_con ul li {float:left;width:23%;margin:0 1%;}
.rnd_con .tit_txt {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;margin-bottom:30px;}
.rnd_con .tit_txt span {color:#6FB1DE;}

/* 전지재료사업 */
.mater_wrap {margin-top:50px;}
.mater_wrap h4 {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;margin-bottom:30px;}
.mater_wrap h4 span {color:#6FB1DE;}
.mater_wrap h4 i {display:block;width:50px;height:3px;background-color:#6FB1DE!important;margin: 10px auto 0;}
.mater_wrap p {font-size:1.2rem;padding:20px;}
.mater_wrap div.tit {width:50%;margin:0 auto;padding-bottom:10px;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;border-bottom:2px solid #ccc;}
.mater_wrap div.tit span {color:#6FB1DE;}
.mater_wrap h5 {font-size: 1.4rem;font-weight: 400;color: #0647A4;padding: 10px 18px;background: url('../img/company/loc_tit.png') no-repeat 0;}
.mater_wrap ul {overflow:hidden;}
.mater_wrap ul li {padding-left:30px;margin-bottom:10px;font-size:16px;}
.pro_wrap ul.batt {overflow:hidden;margin:80px 0;}
.pro_wrap ul.batt li {position:relative;float:left;width:29%;height:100px;margin:0 2%;padding:0;text-align:center;border:2px solid #034ea1;}
.pro_wrap ul.batt li p {padding:0;line-height:100px;font-size:1.5rem;letter-spacing:1px;}
.pro_wrap ul.batt li span{width: 0;height: 0;border-style: solid;border-width: 40px 10px 0 0;border-color:  #1b1c80;float: left;position: absolute;top: 28%;right:-3%;}
.pro_wrap .our_left {width:30%;float:left;margin-top:120px;}
.pro_wrap .our_left span {display:block;position:relative;width:300px; height:300px; background:#fff; border-radius:50%;border:10px solid #0263cd;margin:0 auto 30px;}
.pro_wrap .our_left span {display: inline-block;background-image: url('../img/logo.png');background-repeat: no-repeat;background-size: 90% auto;background-position:15px 100px;}
.pro_wrap .our_right {width:60%;float:left;}
.pro_wrap ul.our  {margin:10px 0 95px;padding-top:20px;overflow:hidden;}
.pro_wrap ul.our li {position:relative;overflow:hidden;background:url('../img/bg/our_txt.png') 100px;}
.pro_wrap ul.our li .txt {position:relative;float:left;width:150px; height:150px; background:#0263cd; border-radius:50%;border:10px solid #fff;text-align:center;}
.pro_wrap ul.our li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.pro_wrap ul.our li .txt strong {display:inline-block; margin-top:28px; font-size:1.4em; color:rgba(0,0,0,.4); font-weight:200}
.pro_wrap ul.our li .txt p {font-size:1rem; color:#fff}
.pro_wrap ul.our li .txt span {font-size:0.875em; color:#333}
.pro_wrap ul.our li .box {float:left;margin:20px 0 0 20px;}
.pro_wrap ul.our li .box p {font-size:1rem; color:#333;padding:5px;}
.mater_icon ul {overflow:hidden;}
.mater_icon ul li {float:left;width:150px;margin:30px;}
.mater_icon ul li div {text-align:center;font-size:1.3rem;font-weight:400;}
.mater_icon ul li div img {width:100%;}
.mater_icon ul li .txt {margin-top:10px;}


/* 정보보안경영 */
.boan_wrap ol {margin:75px 0 95px;text-align:center;overflow:hidden;}
.boan_wrap ol li {position:relative;width:23%;float:left;margin:0 1%;text-align:center;}
.boan_wrap ol li:last-child {margin-right:0; padding-right:0}
.boan_wrap ol li:last-child:after {display:none}
.boan_wrap ol li .txt {position:relative;width:150px; height:150px; background:#fff; border-radius:50%;border:8px solid #38AD85;margin:0 auto 30px;}
.boan_wrap ol li:first-child .txt {border:8px solid #82AA35}
.boan_wrap ol li:last-child .txt {border:8px solid #329FAA}
.boan_wrap ol li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.boan_wrap ol li .txt strong {display:inline-block; margin-top:28px; font-size:1.4em; color:rgba(0,0,0,.4); font-weight:200}
.boan_wrap ol li .txt p {font-size:1.4em; color:#333}
.boan_wrap ol li .txt span {font-size:0.875em; color:#333}
.boan_wrap ol li .box {min-height:200px;padding:100px 15px 0;margin-top:-105px;border:1px solid #ddd;}
.boan_wrap ol li .box {min-height:230px;}
.boan_wrap ol li .box p {font-size:1.1em; color:#333}
.boan_wrap h4 {width:50%;margin:0 auto;padding-bottom:10px;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;border-bottom:2px solid #ccc;}
.boan_wrap h4 span {color:#6FB1DE;}
.boan_wrap p.safe_sub_tit {padding:80px 0 ;font-size:1.8rem;font-weight:400;text-align:center;line-height:2.5rem;}
.boan_wrap p.safe_sub_tit span {color:#6FB1DE;}

/* 안전환경경영 */
.boan_box ul.sung {overflow:hidden;}
.boan_box ul.sung li {width:23%;margin:20px 1%;float:left;overflow:hidden;}
.boan_box ul.sung li img {width:100%;}
.boan_box ul.sung li p {margin-top:10px;font-size:1.2rem;font-weight:400;text-align:center;}
.boan_box h5 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.boan_box ul.system {overflow:hidden;}
.boan_box ul.system li {position:relative;width:30%;height:100px;margin:20px 1%;float:left;border:1px solid #d4d4d4;}
.boan_box ul.system li div {position:absolute; top:50%; transform:translate(0, -50%); width:100%;text-align:center;} 
.boan_box ul.system li p {font-size:1.3rem;color:#333;} 
.boan_box ul.system li.sys1 {border-top:5px solid #0066B3;}
.boan_box ul.system li.sys2 {border-top:5px solid #00BCF2;}
.boan_box ul.system li.sys3 {border-top:5px solid #FDD037;}


/* 윤리경영 */
.oper_box h3 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.oper_box.gang ul {oveflow:hidden;margin:20px 0;}
.oper_box.gang ul li {display:inline-block;width:45%;}
.oper_box.gang ul li p {text-align:center;}
.oper_box.gang ul li p a {display:inline-block;}
.oper_box.gang ul li .tit {font-size:1.2rem;font-weight:400;text-align:center;}
.oper_box.gang ul li span.btn_pdf {display: inline-block;padding:0 40px;font-size: 16px;font-weight: 400;border: 1px solid #ddd;border-radius:0;line-height: 50px;margin:10px;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;background:url('../img/bg/dn.png') no-repeat 95% center;}
.oper_box.gang ul li span.btn_pdf:hover {transition: background-color .3s;text-align: center;cursor: pointer;background:url('../img/bg/dn_on.png') no-repeat 95% center;color:#fff;background-color:#0647a4;}
.oper_con {padding:20px;}
.oper_con p {font-size:1.1rem;}
.oper_inner {padding:10px;border:1px solid #d3e1f1;}
.oper_inner p {padding:20px;font-size:1.1rem;color:#3d6696;}

/* 윤리경영 아코디언 */
.expand {float: right; display: inline; transition: all .2s ease;-webkit-transition: all .2s ease;margin: 0 10px;}
.sidebar-1 {padding: 0px;display:inline-block;box-shadow: 0 0px 1px 0 rgba(0,0,0,.2);margin-left: 20px;}
.sidebar-menu {cursor: pointer;padding: 10px;background: #ffffff;position: relative;color:#0647a4;border-bottom: 1px solid #dedede;font-size: 1.5em;font-weight: 300;text-rendering: optimizeLegibility;letter-spacing: .5px;padding-right: 50px;text-align:left;}
.sidebar-menu:before, .sidebar-menu:after {content: "";width: 3px;height: 25px;background: #0647a4;border-radius: 3px;position: absolute;right: 22px;top: calc(28.7px - 12.5px);transition: all .2s ease;}
.sidebar-menu:after {transform: rotate(90deg);}
.sidebar-menu:hover {background-color:#f2f2f2;}
.open:before {animation: turn-plus;animation-duration: .3s;animation-fill-mode: forwards;}
.open:after {animation: turn-crossbar;animation-duration: .3s;animation-fill-mode: forwards;}
@keyframes turn-plus {
  0% {transform: translate(0,0);}
  50% {transform: rotate(0deg);}
  100% {transform: rotate(90deg);}
}
@keyframes turn-crossbar {
  0% {transform:none;transform: rotate(90deg)}
  50% {transform: rotate(0deg);}
  100% {transform: rotate(90deg);}
}
.sidebar-menu:hover {background: darken(#FFFFFF, 5%);}
.sub-menu {color: darken($maincolor,30%);border-bottom: 1px solid #dedede;font-size: 1em;display: none;}
.sub-menu:last-child {border-bottom:0;}
/* .sub-menu li:hover {background: #cccccc;cursor: pointer;} */
.sub-menu li {padding: 10px;border-bottom: 1px solid #dedede;}
.sub-menu li:last-child {border-bottom: 0;}
.sub-menu ul {list-style-type: none;margin: 0;padding: 0;}
@media (max-width: 540px) {
  .sidebar-menu {font-size: 1em;font-weight: 400;}
  .sub-menu {font-weight: 400;}
  .sidebar-1 {margin: 0;width: 100%}
  .sidebar-menu:after, .sidebar-menu:before {top: calc(23.5px - 12.5px);}
}
.sidebar-1 {width:97%;}
.sub-menu li dl {margin-bottom:10px;padding:10px;}
.sub-menu li dt {font-size:1.1rem;font-weight:400;}
.sub-menu li dd {font-size:1.05rem;margin-left:20px;}


/* 경영정보 */
.mana_box {margin:40px 0 80px; }
.mana_box h4 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;margin-bottom:10px}
.mana_box table th {padding:14px 0;background:#034ea1;color:#fff;font-size:16px;border:1px solid #c5cdd3;font-weight:400;}
.mana_box table td {padding:14px 0;text-align:center;border:1px solid #c5cdd3;}
.mana_box table td.tl {text-align:left;padding-left:20px;}





/* 제보하기 */
.report_wrap {padding-top:50px;}
.report_wrap .report_hd {font-size: 2.2rem;line-height: 40px;text-align:center;word-break:keep-all;width:100%;max-width:900px;margin:0 auto;}
.report_wrap h5 {font-size:1.4rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.report_wrap p {font-size:1.1rem;}
.report_tab p {font-size:1.05rem;font-weight:400;padding-left:20px;}
.report_tab .report_box {padding-left:20px;}
.report_wrap .textarea {width:100%; height:300px;margin:0 auto; padding:40px 0; border:1px solid #bdbdbd; overflow-y:auto;}
.report_wrap .textarea .text_inner {width: 95%; margin:0 auto; line-height:150%; font-size:15px;}
.report_wrap .textarea .text_inner h4 {font-size:18px;text-align:left;padding-bottom:20px;font-weight:500;letter-spacing:-1px;}
.report_wrap .textarea .text_inner dl {margin-top: 30px;}
.report_wrap .textarea .text_inner dl dt {color: #343434;margin: 30px 0 5px;}
.report_wrap .textarea .text_inner dl dt:first-child {margin-top: 0;}
.report_wrap .textarea .text_inner dl dd {margin-bottom: 5px;color: #5a5a5a;}
.report_wrap .agree_txt {margin-top:20px;}
.report_wrap .agree_txt {color:#343434; font-size:16px; overflow:hidden;}
.report_wrap .agree_txt span {float:right;}
.report_wrap .agree_txt input {margin-left:30px; margin-right:10px; vertical-align:middle;}
.report_box {margin-bottom:40px;}
.report_box .report_box_hd {font-size:1.2rem;margin-top:15px;}
.report_box ul li {margin-left:10px;font-size:15px;}
.report_box .tit {margin-bottom: 20px;font-size: 20px;}
.report_box .tit .bar {margin-right: 5px;border-left: 3px solid #3381c1;font-size: 14px;}
.report_box .writezone01 {margin-bottom: 80px;overflow: hidden;}
.report_box .writezone01 input {font-size:16px;}
.report_box .writezone01 .write_box {margin-bottom: 10px;overflow: hidden;}
.report_box .writezone01 .write_box input[type="text"] {width: 298px;height: 38px;padding:3px 5px;font-size:16px;}
.report_box .writezone01 .write_box .email_box {clear: both;}
.report_box .writezone01 .phone label {width:100px;}
.report_box .writezone01 .write_box div {display:inline-block}
.report_box .writezone01 .phone input {width: 120px;float: none;}
.report_box .writezone01 .email_box {clear:both;}
.report_box .writezone01 .email_box label {display:inline-block; width:100px; font-size:16px;}
.report_box .writezone01 .email_box label span {color:#6c94c8; vertical-align: middle;}
.report_box .writezone01 .email_box input {width:298px; height:38px;padding:3px 5px;font-size:16px;}
.report_box .writezone01 .email_box select {height:40px; width:150px; margin-left:20px; padding:5px; }
.report_box .writezone01 .email_box span.blank {margin:0 10px;}
.report_box .writezone01 label:first-child {display: inline-block;width: 150px;font-size: 16px;}
.report_box .writezone01 .radio_label {height:38px;}
.report_box .writezone01 .radio_label label {font-size:16px;}
.report_box .writezone01 .write_box input[type="radio"] {margin-left:5px;vertical-align:baseline;}
.report_box .writezone01 p {margin-top:10px;}
.report_box .end_box {float: left;width: 100%;margin-bottom: 10px;}
.report_box .end_box input[type="text"] {width: 298px;height: 38px;padding:3px 5px;font-size:16px;}
.report_box .end_box label {display: inline-block;width: 91px;padding-top: 5px;font-size: 16px;}
.report_box .end_box label.vt {vertical-align:top;}
.report_box .end_box label.fl {float:left;}
.report_box .end_box label span.blank {margin-right:50px;}
.report_box .end_box textarea {padding: 10px;width: 847px;height: 380px;resize: none;border: 1px solid #bebebe;}
.report_box .end_box .file_select {float: left;overflow: hidden;}
.report_box .end_box .file_select > span {display: block;float: left;width: 360px;height: 40px;padding: 8px;margin-right: 8px;border: 1px solid #bebebe;}
.report_box .end_box .file_select div {overflow: hidden;position: relative;float: left;}
.report_box .end_box .file_select div input {position: absolute;top: 0;right: 0;height: 38px;cursor: pointer;border: none;}
.report_box .end_box .file_select div span {display: inline-block;width: 120px;font-size: 16px;font-weight: 400;border: 1px solid #000;line-height: 40px;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;background-color:#0167bb;color:#fff;}
.report_box .end_box .notice {margin-left: 150px;margin-top:0;}
.btn_zone {text-align: center;clear:both;}
.btn_zone span.write_btn {display: inline-block;width: 120px;font-size: 16px;font-weight: 700;border: 1px solid #000;border-radius: 50vh;line-height: 50px;margin: 30px 10px 0 0;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;}
.btn_zone span.write_btn:hover {color: #fff;background-color: #0167bb;border-color: #0167bb;}
.recep_box ul {margin:75px 0 95px;text-align:center;overflow:hidden;}
.recep_box ul li {position:relative; display:block;overflow:hidden;padding-bottom:40px;}
.recep_box ul li:after {position: absolute;left: 5%;bottom: -20px;transform: translateY(-50%);content: '↓';color: #b5b5b5;font-size: 2em;}
.recep_box ul li:last-child:after {content:''}
.recep_box ul li .tit {position:relative;width:150px; height:100px; background-color:#034ea1;float:left;}
.recep_box ul li .tit div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.recep_box ul li .tit strong {display:inline-block; margin-top:28px; font-size:1.625em; color:rgba(0,0,0,.4); font-weight:200}
.recep_box ul li .tit p {font-size:1.2rem; color:#fff;padding:0;}
.recep_box ul li .tit span {font-size:0.875em; color:#333}
.recep_box ul li .txt {float:left;width:80%;height:100px;margin-left:50px;padding-top:35px;border:2px solid #41719c;font-size:1.1rem;}
.step_wrap h4 {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;}






/* 복리후생 */
.bene_box {overflow:hidden;margin-bottom:50px;}
/*.bene_box .left {margin:0 4%;}
.bene_box .left .left_inner {width:120px;height:120px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#034ea1;font-size:16px;text-align:center;line-height:24px;color:#fff;font-weight:400;margin-bottom:20px;} 
.bene_box .left .left_inner img {width:40px;margin-top:20px;vertical-align:middle;}
.bene_box .right {margin-top:30px;padding:0 10px;}
.bene_box .right ul {padding: 0 0 10px 5%;line-height:26px;}
.bene_box .right ul li {display:block;background:url('../img/bg/dot2.png') no-repeat left 10px;padding-left:12px;font-size:16px;} */
.bene_box ol {margin:10px 0 95px;padding-top:20px;text-align:center;overflow:hidden;}
.bene_box ol li {position:relative;width:23%;float:left;margin:0 1%;text-align:center;}
.bene_box ol li:last-child {margin-right:0; padding-right:0}
.bene_box ol li:last-child:after {display:none}
.bene_box ol li .txt {position:relative;width:150px; height:150px; background:#fff; border-radius:50%;border:8px solid #0263cd;margin:0 auto 30px;}
.bene_box ol li:first-child .txt {border:8px solid #0474f0}
.bene_box ol li:last-child .txt {border:8px solid #034ea1}
.bene_box ol li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.bene_box ol li .txt strong {display:inline-block; margin-top:28px; font-size:1.4em; color:rgba(0,0,0,.4); font-weight:200}
.bene_box ol li .txt p {font-size:1.5em; color:#333}
.bene_box ol li .txt span {font-size:0.875em; color:#333}
.bene_box ol li .box {min-height:350px;padding:95px 15px 0;margin-top:-105px;border:1px solid #ddd;}
.bene_box ol li .box p {font-size:1.1em; color:#333;line-height:1.8em}





/* 채용안내 */
.step_wrap {}
.step_wrap ol {margin:75px 0 95px;text-align:center;}
.step_wrap ol  li {position:relative; display:inline-block; padding-right:50px; margin-right:18px; vertical-align:middle}
.step_wrap ol  li:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:'→'; color:#b5b5b5; font-size:2em}
.step_wrap ol  li:last-child {margin-right:0; padding-right:0}
.step_wrap ol  li:last-child:after {display:none}
.step_wrap ol  li .txt {position:relative;width:200px; height:200px; background:#fff; border-radius:50%;border:10px solid #034ea1;}
.step_wrap ol  li:first-child .txt {border:10px solid #383839}
.step_wrap ol  li:last-child .txt {border:10px solid #1b2549}
.step_wrap ol  li .txt div {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%}
.step_wrap ol  li .txt strong {display:inline-block; margin-top:28px; font-size:1.625em; color:rgba(0,0,0,.4); font-weight:200}
.step_wrap ol  li .txt p {font-size:1.625em; color:#333}
.step_wrap ol  li .txt span {font-size:0.875em; color:#333}
.step_wrap h4 {font-size:2rem;font-weight:400;text-align:center;line-height:2.5rem;}
.step_wrap h4 span {color:#6FB1DE;}
.step_box {margin-bottom:30px;}
.step_box h5 {font-size:1.3rem;font-weight:400;color:#0647A4;padding:10px 18px;background:url('../img/company/loc_tit.png') no-repeat 0;}
.step_box p {padding-left:20px; font-size:1rem;}
.btn_zone span.step_btn {display: inline-block;width: 200px;font-size: 16px;font-weight: 500;border: 1px solid #000;border-radius: 50vh;line-height: 50px;margin: 30px 10px 0 0;letter-spacing: 1.8px;transition: background-color .3s;text-align: center;cursor: pointer;}
.btn_zone span.step_btn:hover {color: #fff;background-color: #0167bb;border-color: #0167bb;}

/* 공급망 */
.poli_box {padding:30px;border:1px solid #000;}
.poli_box .poli_tit {font-size:1.4rem;text-align:center;margin-bottom:20px;color:#0647A4;}
.poli_box p {font-size:1.1rem;margin-bottom:10px;letter-spacing:-1px;}
.poli_box .poli_tit_sub {font-size:1.3rem;font-weight:500;margin-top:20px;color:#0647A4;}
.poli_box ul {padding:0 20px 20px 20px  ;}
.poli_box ul li {margin-bottom:5px;}