@charset "UTF-8";

section{min-height: 100px; background: #fff;}
.sub_cont.add{display: block;}

/*에러*/
/* ----- parking error ----- */
.parking-error { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:800px; text-align:center; margin: 8.8rem 0 0 0;}
.parking-error strong {
    display: block;
    margin: 70px 0 35px;
    font-size: 3.6rem;
    color: #111;
    line-height: 3rem;
    letter-spacing: -0.5px;
    font-weight: 700;
}

.parking-error p {
    font-size: 2rem;
    color: #555;
    line-height: 33px;
    letter-spacing: -0.5px;
    font-weight: 500;
}
.error-btn { margin-top:5em;}
.error-btn a { 
    display: inline-block;
    min-width: 224px;
    margin-left: 10px;
    border: 1px solid #D8D8D8;
    font-size: 1.6rem;
    font-weight: 700;
    color: #222;
    line-height: 56px;
    border-radius: 5px;
    text-align: left !important;
    padding-left: 20px;
}
.error-btn a:first-child { margin-left:0;}
.error-btn a:hover { background:#005EB8; color:#fff;}

.btns{}
.btns a{position: relative;}
.btns a i{
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -7px;
    width: 8px;
    height: 14px;
    background: url(../images/sub/common/btns-arrow.svg) no-repeat center top;
}
.btns a:hover i{background: url(../images/sub/common/btns-arrow-on.svg) no-repeat center top;}

.parking-error.lang strong {line-height: 4.8rem;}
.parking-error.lang p.pc{display: block;}
.parking-error.lang p.mo{display: none;}

/* 사이버신고센터 */
.sub-visual.bg-cyber:after {
    background: url(../images/sub/common/sub_visual_cyber.jpg)no-repeat center/cover;
}
.sub-visual.bg-cyber h2{display:none;}
.sub-visual.bg-cyber h2.onon{display:block;}

dl.information{width:100%;}
dl.information dt{
    clear: both;
    float: left;
    font-size: 3.2rem;
    line-height: 3rem;
    font-weight: 700;
    color: #222;
}
dl.information dd{float:right; width: 81.8rem; margin-bottom:130px; font-size:18px; font-weight:300; line-height:1.78;}
dl.information dt p{display:block; font-size:0.68em; font-weight:400; margin-top:0.8em;}
dl.information dd ul, dl.information dd ol{margin-bottom:0px;}
dl.information dd ul li{text-indent:-1em; padding-left:1em;}
dl.information dd ul.brackets li{text-indent:-1.7em; padding-left:1.7em;}
dl.information dd .subWrap{font-size:15px; overflow:hidden; padding:20px; background:#FCFCFC;  border: 1px solid #D8D8D8; border-radius: 5px; margin-bottom: 30px;}
dl.information dd .btnWrap{margin-top:120px; text-align:left;}

.intr0602{}
.intr0602 dd ol{}
.intr0602 dd li{
    background: #FCFCFC;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 21px 0;
    border: 1px solid #D8D8D8;
    border-radius: 5px;
}
.intr0602 dd li:last-child{margin-bottom:0px;}
.intr0602 dd li p{
    float: left;
    padding: 0 22px 0 36px;
    font-size: 17px;
    line-height: 28px;
    color: #222;
    font-weight: 500;
    letter-spacing: -.6px;
    position: relative;
}
.intr0602 dd li p:before{
    content: "";
    position: absolute;
    background: #111;
    width: 4px;
    height: 4px;
    top: 12px;
    left: 20px;
    border-radius: 100%;
}
.intr0602 dl.information dt{line-height: 4.6rem;}
.intr0602 dl.information dd{margin-bottom:0px;}
.br_pc{display: block;}

/*사이버신고센터 버튼*/
.btnWrap2ps_ico2 {float: right;width: 81.8rem;}
.btnWrap2ps_ico2 a{min-width: 254px; border-color: #414141;}
.btnWrap2ps_ico2 a i{
    width: 11px;
    height: 11px;
    margin-top: -5px;
    background: url(../images/sub/common/go-arrow.png) no-repeat center top;
    background-size: 11px;
}
.btnWrap2ps_ico2 a:hover i {
    background: url(../images/sub/common/go-arrow-on.png) no-repeat center top;
    background-size: 11px;
}

/* 뉴스 */
.slt_st02{
    background: url(../images/select_arrow02.png) no-repeat right 10px center !important;
    background-size: 23px 20px !important;
}


/*EHS방침*/
.sub-visual.bg-ehs:after {background: url(../images/sub/common/sub_visual_ehs.jpg)no-repeat center/cover;}
.sub-visual.bg-ehs h2{display:none;}
.sub-visual.bg-ehs h2.onon{display:block;}
.report_area > p{}
.ehs .report_area > p{font-size: 2.6rem; line-height: 4.4rem; margin-bottom: 60px;}

.ehs .intr0602 dd li{padding: 24px 29px; border-radius: 0; border: none; background: #f9f9f9; margin-bottom: 30px; min-height: 110px; justify-content: center;}
.ehs .intr0602 dd li:last-child{margin-bottom: 0px;}
.ehs .intr0602 dd li p{line-height: 26px; color: #555; padding: 0; letter-spacing: -1px;}
.ehs .intr0602 dd li p:before{display: none;}
.ehs .intr0602 dd li .stit{font-size: 20px; font-weight: 700; color: #333; letter-spacing: -.8px;}
.ehs .sign{margin-top: 65px; overflow: hidden;}
.ehs .sign img{float: left;}
.ehs .sign p{font-size: 18px; font-weight: 400;letter-spacing: -.6px; line-height: 24px; float: left; padding: 12px 0 0 30px;}
.ehs .sign p strong{display: block; font-weight: 900;}
.ehs .report_area > p.mo{display: none;}


/*공정거래 자율준수 선언*/
.sub-visual.bg-fair:after {background: url(../images/sub/common/sub_visual_fair.jpg)no-repeat center/cover;}
.sub-visual.bg-fair h2{display:none;}
.sub-visual.bg-fair h2.onon{display:block;}

.fair .report_cont > p, .fair .report_cont p.tit{
    font-size: 3.2rem;
    font-weight: 700;
    color: #222;
    line-height: 4.6rem;
}

.fair .list_area_box ul{}
.fair .list_area_box ul li{margin-top:64px;}
.fair .list_area_box ul li .list_tit{font-size: 20px;line-height: 30px; color: #222; margin-bottom: 15px; letter-spacing: -.8px;}

.fair .list_area_box ul li .list_copy{font-size: 17px;line-height: 28px;color: #555; font-weight: 300; letter-spacing: -.8px;}
.fair .list_area_box ul li .list_copy span{display: block;position: relative;padding-left: 17px}
.fair .list_area_box ul li .list_copy span::before{content: '•';font-size: 18px;line-height: 32px;color: #444;position: absolute;top: 0;left: 0;text-align: left}

.kr_700 {font-weight: 700;}
.kr_500 {font-weight: 500;}


.fair .etc_copy {margin-top: 60px;}
.fair .etc_copy .date {font-size: 17px; line-height: 32px; color: #555; font-weight: 300; letter-spacing: -.6px;}
.fair .etc_copy .who{
    font-size: 20px;
    line-height: 30px;
    margin-top: 20px;
    font-weight: 700;
}
.fair .etc_copy .who span{font-size: 24px;}
.fair .compliance_program .cnt_box4 {margin-top: 160px}


/*자율준수 프로그램*/
.pro .box_summery {background: #FCFCFC; padding: 30px 22px 20px; margin-top: 50px; border: 1px solid #D8D8D8; border-radius: 5px;}
.pro .box_summery .tit{font-size: 20px;line-height: 30px;margin-bottom: 20px;letter-spacing: -.6px;}
.pro .box_summery .stit{color: #222; font-size: 17px;}
.pro .box_summery .stxt{font-size: 17px; margin-top: 30px;}
.pro .box_summery .txt{line-height: 40px; padding: 10px 0 0 10px}
.pro .box_summery .txt .lhe{line-height: 28px; display: inline-block;}
.pro .box_summery .copy{color: #555; font-size: 16px; line-height: 28px; font-weight: 300; letter-spacing: -.6px;}
.pro .list_area_box ul{}
.pro .list_area_box ul li{margin-top:64px;}
.pro .list_area_box ul li .list_tit{font-size: 20px;line-height: 30px;margin-bottom: 20px;font-weight: 700;}
.pro .list_area_box ul li .list_tit_small {font-size: 22px;}
.pro .list_area_box ul li .list_copy{color: #555; font-size: 16px; line-height: 40px; font-weight: 300; letter-spacing: -.6px;}
.pro .list_area_box ul li .list_copy span{display: block;position: relative;padding-left: 12px}
.pro .list_area_box ul li .list_copy span::before{content: '-'; /*content: '•';*/  font-size: 16px; line-height: 40px; color: #555;}
.pro .list_area_box ul li{margin-top: 50px;}

/*윤리규범*/
.intr0601{}
.intr0601 .titleWrap span{text-align:left; margin-bottom:0;}
.intr0601 .titleWrap p + span{font-weight:400;}
.intr0601 .titleWrap .imgWrap{width:380px; max-width:100%; position:relative; margin: 70px auto 30px;}
.intr0601 .titleWrap .imgWrap img{width:100%; max-width:380px; max-height:100%}
.intr0601 .titleWrap .imgWrap dl{ line-height:1.3;  text-align:center;}
.intr0601 .titleWrap .imgWrap dt{position:absolute; width:130px; height:130px; background:#005EB8; left:50%; top:50%; border-radius:50%; margin-left:-65px; margin-top:-65px; }
.intr0601 .titleWrap .imgWrap dt p{vertical-align:middle; display:inline-block; color:#fff; font-size:17px; line-height: 24px; font-weight:700; margin-top: 0;}
.intr0601 .titleWrap .imgWrap dt:before {content: ""; display: inline-block;  width:1px; height:100%; vertical-align: middle;}

.intr0601 .titleWrap .imgWrap dd{position:absolute; width:100px; height:100px; background:#fff;border-radius:50%; border: 1px solid #005EB8;}
.intr0601 .titleWrap .imgWrap dd p{vertical-align:middle; display:inline-block; font-size: 14px; line-height: 16px; color: #005EB8; margin: 0;}
.intr0601 .titleWrap .imgWrap dd:before {content: ""; display: inline-block;  width:1px; height:100%; vertical-align: middle;}

.intr0601 .titleWrap .imgWrap dd:nth-of-type(1){top:0; left:50%; margin-left:-50px;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(2){top:27%; left:4%;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(3){top:27%; right:4%;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(4){bottom:8%; left:17%;}
.intr0601 .titleWrap .imgWrap dd:nth-of-type(5){bottom:8%; right:17%;}

.intr0601 dl.information dd ul{ padding: 0 25px 0 20px;}
.intr0601 dl.information dd ul li{
    font-size: 16px;
    letter-spacing: -.7px;
    color: #555;
    font-weight: 500;
    line-height: 40px;
    position: relative;
    text-indent: 0px;
    padding-left: 12px;
}
.intr0601 dl.information dd li.lih{line-height: 28px; display: inline-block;}
.intr0601 dl.information dd ul li:before{content:"-"; position: absolute; left: 0;}
.intr0601 dl.information dd .subWrap ul{margin-top:0; padding: 0;}
.intr0601 dl.information dd .subWrap ul li{font-size: 17px; line-height: 28px; font-weight: 300;}
.intr0601 dl.information dd .subWrap ul li:before{
    content: "";
    position: absolute;
    background: #111;
    width: 4px;
    height: 4px;
    top: 12px;
    left: 0px;
    border-radius: 100%;
}
.intr0601 dl.information dd .subWrap a{display:inline-block; text-indent:0; color:#0289cd;}
.intr0601 dl.information dd{margin-bottom: 0px;}
.intr0601 dl.information dd > p{font-size: 20px; line-height: 30px; margin-bottom: 30px;  font-weight: 700; color: #222;}
.intr0601 dl.information .titleWrap{}
.intr0601 dl.information .titleWrap dd .tit {line-height: 35px; letter-spacing: -.6px; color: #222;}
.intr0601 dl.information .titleWrap dd .txt{font-size: 17px; letter-spacing: -.6px;
color: #555;font-weight: 500;line-height: 28px; margin-bottom: 0;}

.intr0601 dl.information dt{line-height: 4.6rem;}
.intr0601 dl.information > div{overflow: hidden; border-bottom: 1px solid #DADADA; margin-bottom: 70px; padding-bottom: 70px;}
.intr0601 dl.information > div:last-child{border: 0; margin-bottom: 0; padding-bottom: 0;}

.btnWrap2ps_ico2 a.down i{
    width: 24px;
    height: 24px;
    margin-top: -13px;
    background: url(../images/sub/common/ico-down.png) no-repeat center top;
    background-size: 24px;
}
.btnWrap2ps_ico2 a.down:hover i{
    background: url(../images/sub/common/ico-down-on.png) no-repeat center top;
    background-size: 24px;
}


/*환경경영*/
.env.report_cont{display: block;}
.env .product_summary{
    margin-bottom: 80px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 418px;
}
.env .product_summary:after{
    background: url(../images/esg/env_vis.png)no-repeat center;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 340px;
    background-size: cover;
}
.env .product_summary img {
	position: relative;
	z-index: 1;
	width: 100%;
}
.env .product_summary dl {
	position: absolute;
    bottom: 0;
	z-index: 2;
	text-align: center;
    background: #fff;
    width: calc(100% - 80px);
    padding-top: 80px;
}
.env .product_summary .tit{    
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    letter-spacing: -.6px;
    margin-top: -150px;
    color: #fff;
    z-index: 9;
}
.env .product_summary dl dd {
    font-size: 36px;
    line-height: 50px;
    font-weight: 700;
    letter-spacing: -.6px;
    color: #222;
}
.env .product_summary dl dd.pc{}
.env .product_summary dl dd.mo{display: none;}

.env dl.information{padding-top: 80px; border-top: 1px solid #DADADA;}

.env dl.information > div{
    border-bottom: 1px solid #DADADA;
    margin-bottom: 80px;
    padding-bottom: 80px;
}
.env dl.information > div:last-child{
    border-bottom: 1px solid #DADADA;
    padding-bottom: 80px;
}
.env dl.information dt{font-size: 28px; line-height: 40px;}
.env dl.information dd{font-size: 17px; line-height: 30px; letter-spacing: -.6px; color: #555;font-weight: 500;}
.env dl.information dd small{font-size: 15px; font-weight: 300; display: inline-block;}

/*안전보건*/
.health .product_summary:after{
    background: url(../images/esg/health_vis.png)no-repeat center;
}




/*채용*/
.sub-visual.bg-career:after {background: url(../images/sub/common/sub_visual_career.jpg)no-repeat center/cover;}
.sub-visual.bg-career h2{display:none;}
.sub-visual.bg-career h2.onon{display:block;}
.sub_tab li a.bln{position: relative;}
.sub_tab li a.bln i{
    position: absolute;
    right: -20px;
    top: 50%;
    width: 11px;
    height: 11px;
    margin-top: -5px;
    background: url(../images/sub/common/go-arrow.png) no-repeat center top;
    background-size: 11px;
}
.career{}
.career .show_p{display:block;}
.career .show_m{display:none;}
.career .gu_contents_wrap{padding-top:112px;}
.career .gu_grid .gu_right_grid .copy{font-size: 22px; line-height: 36px;}
.career .grid_type_3{margin: 0 auto;}
.career .grid_type_3 ul{font-size: 0;}
.career .grid_type_3 ul > li{display: inline-block;width: calc(50% - 50px);margin-right: 50px; vertical-align: top;}
.career .grid_type_3 ul > li:nth-child(2n){margin-right: 0;}
.career .grid_type_3 ul > li .img_box{
    width: 35px;
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center; 
}
.career .grid_type_3 ul > li .img_box img{max-width:35px;}
.career .grid_type_3 ul > li .title{font-size: 24px; line-height: 32px; color: #222; /* font-weight: 300;*/}

.career .grid_type_3 ul > li .sub_title{font-size: 15px; line-height: 26px; color: #005EB8; margin: 20px 0 10px; letter-spacing: -.5px; font-weight: 700;}
.career .grid_type_3 ul > li .sub_title.italic{font-style:italic}
.career .grid_type_3 ul > li .desc{font-size: 16px; line-height: 26px; color: #666; letter-spacing: -.8px; /*font-weight: 500;*/}
.career .full_img{position: relative; min-height: 400px; }
.career .grid_type_3 ul > li .line{border-bottom: 1px solid #DADADA; position: relative; margin: 30px 0;}
.career .grid_type_3 ul > li .line:before{
    content: '';
    position: absolute;
    background: #005EB8;
    width: 32%;
    height: 2px;
    top: -1px;
    left: 0;
}

.career .full_img .banner_logo{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);margin-top: -50px;}
.career .full_img .gu_btn_big_box{position: absolute; left: 50%; top: 50%; margin-top: 50px; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.career .full_img .gu_btn_big_box a{background:transparent;border-color:#000;color:#000;}
.career .full_img .gu_btn_big_box a span:before{background:url('../../images/common/ico_arrow_white_right.png') no-repeat 0 0 / contain;}
.career .gu_btn_arrow a span:before {background: url(../../images/common/ico_outlink_2dep.png) no-repeat 0 0 / contain;width: 18px;height: 18px;margin: -10px -2px 0 0;filter: brightness(0);}
.career .gu_btn_arrow a:hover span:before {filter:none;right: 0;}
.career .btnWrap2ps_ico2{float: none; width: auto; margin-top: 30px;}
.career .error-btn{margin-top: 0;}
.career .btnWrap2ps_ico2 a{min-width: 224px;}


/*EHS 경영시스템*/
.system dl.information dd > p{font-weight: 500; margin-bottom: 0;}
.system table.tbl_pd.schlist td:first-child{color: #222; padding-left: 0;}
.system table.tbl_pd thead th{height: 3.5rem; border-top: 1px solid #ccc; font-size: 1.5rem;}
.system table.tbl_pd thead th:first-child{font-size: 1.6rem;}
.system table.tbl_pd{border-top: 2px solid #222;}
.system table .sch_col00{width: 20%;}
.system table .sch_col01{width: 16%;}
.system table .sch_col02{width: 10%;}
.system table .sch_col03{width: 14%;}
.system dl.information dt{}
.system dl.information dt small{color: #555; font-size: 18px; font-weight: 500; display: block; letter-spacing: -.8px;}



/*20221013 add*/

.view_area_esg {
    width: 81.8rem;
}

.view_area_esg > p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    letter-spacing: -0.6px;
    font-weight: 400;
    color: #222;
    word-break: keep-all;
}



.file_view_esg {
    margin: 5rem 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.file_view_esg > div {
    width: 275px;
    margin: 0rem 6rem 0 0;
}

.file_view_esg > div > img {
    width: 275px;
}

.file_view_esg .btn_download {}

.file_view_esg .btn_download a {
    display: inline-block;
    width: 100%;
    margin: 0rem 0 4rem 0;
    border: 1px solid #D8D8D8;
    font-size: 1.5rem;
    font-weight: 700;
    color: #222;
    line-height: 56px;
    border-radius: 5px;
    text-align: left !important;
    padding-left: 20px;
    position: relative;
}

.btn_download a i {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    width: 25px;
    height: 25px;
    background: url(../images/sub/company/ico_downarrow.svg) no-repeat center top;
}
.file_view_esg .btn_download a:hover{background-color: #005eb8; color:#fff; border:1px solid #005eb8; }
.file_view_esg .btn_download a:hover i{background: url(../images/sub/company/ico_downarrow_wh.svg) no-repeat center top;  position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -8px;
    width: 25px;
    height: 25px;}

dl.quality_view_esg dd ol li {
    width: 86rem;
    background: #FCFCFC;
    border: 1px solid #d8d8d8;
    overflow: hidden;
    border-radius: 5px;
    padding: 3rem 3rem;
    margin: 5rem 0rem 6rem 0;
}

dl.quality_view_esg dd ol li p {
    font-size: 1.6rem;
    color: #222;
    font-weight: 400;
    width: 100%;
    display: block;
    line-height: 3rem;
    float: left;
}

dl.quality_view_esg dd ol li span {
    float: left;
    display: block;
    font-size: 16px;
    font-weight: 400;
}

dl.quality_view_esg dd ol li span:first-child {
    width: 15px;
}

dl.quality_view_esg dd ol li span:last-child {
    width: 97%;
}



/*******  미디어쿼리  ********/
@media screen and (max-width:1280px) {
    .parking-error{min-height: 720px;} 
    dl.information dd{width: 80.6rem;}
    
    .br_lab{display: block;}
    .intr0602 dd li p{letter-spacing: -.8px;}
    .btnWrap2ps_ico2{/*width: 80.6rem;*/}
    
    .esg dl.information dd{width: 81.8rem;}
    .intr0601 dl.information dd {width: 80.6rem;}
    .intr0601 dl.information dd ul {padding: 0 22px 0 20px;}
    
    .system dl.information dd{width: 81.8rem;}
}

@media screen and (max-width:1240px) {
  

}

@media screen and (max-width:1080px){
    .parking-error {
        padding: 13em 5em;
        min-height: auto;
        margin: 7.6rem 0 0 0;
    }
    
    .br_tal{display: block;}
    
    dl.information{}
    dl.information dt{font-size: 2.4rem;}
    dl.information dd{width: 50.1rem; margin-bottom:60px; font-size:14px;}
    dl.information dd .subWrap{padding:20px 20px 0; margin:30px 0;}
    dl.information dd .btnWrap{margin-top:80px;}
    .intr0602{}
    .intr0602 dd ol{}
    .intr0602 dd li{padding: 20px 0;}
    .intr0602 dd li p{font-size: 14px; line-height: 24px; padding-left: 22px;}
    .br_pc {display: inline;}
    .intr0602 dd li p:before {
        width: 3px;
        height: 3px;
        top: 10px;
        left: 12px;
    }
    .btnWrap2ps_ico2{width: 50.1rem; margin-top: -10px;}
    .btnWrap2ps_ico2 a{font-size: 1.4rem; min-width: 230px;line-height: 52px;}
    
    
    .esg dl.information dd{width: 50.1rem;}
    
    .policy dl.information dt{width: 100%; margin-right:10px; font-size: 3.2rem;}
    .policy dl.information dd{float: none; width: 100%;}
    
    .ehs .report_area{width: 100%;}
    .ehs .report_area > p{font-size: 2.4rem; line-height: 4rem; margin: 30px 0 50px;}
    .ehs .intr0602 dd li{width: 677px; margin-bottom: 20px;}
    .ehs .intr0602 dd li .stit{font-size: 18px; margin-bottom: 10px;}
    .ehs .intr0602 dd li p{font-size: 16px; line-height: 25px; width: 600px;}
    
    .fair .report_cont > p, .fair .report_cont p.tit{line-height: 3rem; font-size: 2.4rem;}
    .fair.esg_cont_wrap.report {width: calc(100% - 6.8rem);}
    .list_area_box ul li{margin-top: 40px;}
    .list_area_box ul li .list_tit{font-size: 18px; line-height: 28px;}
    .list_area_box ul li .list_copy{font-size: 14px; line-height: 24px;}
    .fair .etc_copy .date{font-size: 14px; line-height: 24px;}
    .fair .etc_copy .who{font-size: 18px;}
    .fair .etc_copy .who span{font-size: 22px;}
    .fair .list_area_box ul li .list_tit{font-size: 18px; line-height: 28px;}
    .fair .list_area_box ul li .list_copy{font-size: 14px; line-height: 24px;}
    .fair .list_area_box ul li{margin-top: 40px;}
    
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP{padding: 6rem 0 15.7rem !important;}
    
    
    .esg_cont_wrap{width: 668px !important;}
    
    .pro .report_area > p{word-break: keep-all;}
    .pro .report_area > p br{display: none;}
    .pro .box_summery .tit{font-size: 18px; margin-bottom: 10px;}
    .pro .box_summery .stit{font-size: 15px; line-height: 24px;}
    .pro .box_summery{margin-top: 40px;}
    .pro .box_summery .stxt{font-size: 14px; margin-top: 20px;}
    .pro .box_summery .txt{font-size: 14px; line-height: 32px;padding-top: 5px;}
    .pro .list_area_box ul li .list_copy{font-size: 14px; line-height: 32px;}
    .pro .list_area_box ul li .list_tit{font-size: 18px; margin-bottom: 10px;}
    .pro .box_summery .txt .lhe{line-height: 24px;}
    .pro .list_area_box ul li{margin-top: 30px;}
    .pro .list_area_box ul li .list_tit{line-height: 30px;}
    
    .intr0602 dl.information dt{line-height: 3rem;}
    
    .intr0601 dl.information .titleWrap dd .tit{font-size: 18px; line-height: 30px;}
    .intr0601 dl.information .titleWrap dd .tit br{display: none;}
    .intr0601 .titleWrap .imgWrap{margin: 30px auto 20px;}
    .intr0601 dl.information .titleWrap dd .txt{font-size: 14px; line-height: 24px;}
    .intr0601 dl.information .titleWrap dd .txt br{display: block;}
    .intr0601 dl.information dt{line-height: 3rem; letter-spacing: -1px;}
    .intr0601 dl.information dd > p{font-size: 18px; letter-spacing: -.5px; line-height: 28px;}
    .intr0601 dl.information dd > p br{display: none;}
    .intr0601 .titleWrap .imgWrap dd p br{display: block;}
    .intr0601 dl.information dd .subWrap ul li{font-size: 15px; line-height: 24px;}
    .intr0601 dl.information dd .subWrap ul li:before{width: 3px; height: 3px;}
    dl.information dd .subWrap{padding: 20px 12px;}
    .intr0601 dl.information dd ul li{font-size: 14px; line-height: 32px;}
    .intr0601 dl.information dd li.lih{line-height: 22px;}
    .intr0601 dl.information > div{margin-bottom: 50px; padding-bottom: 50px;}
    .intr0601 dl.information dd ul {padding: 0 9px 0 12px;}
    .intr0601 dl.information dd li.lih_mo{line-height: 22px; margin-bottom: 5px;}
    
    
    .env .product_summary{margin-bottom: 60px; height: 313px;}
    .env .product_summary dl{padding-top: 60px; width: calc(100% - 50px);}
    .env .product_summary .tit{font-size: 30px; margin-top: -120px;}
    .env .product_summary dl dd{font-size: 28px; line-height: 36px; padding-top: 0px;}
    .env dl.information dt{font-size: 24px; line-height: 30px; width: 130px; letter-spacing: 0;}
    .env dl.information dt br{display: none;}
    .env dl.information dd{font-size: 16px; line-height: 28px;}
    .env dl.information > div{margin-bottom: 60px; padding-bottom: 60px;}
    
    .env .product_summary:after{/*background-size: contain;*/ height: 260px;}
    .env dl.information dd small{font-size: 14px; line-height: 24px;}
    .env dl.information > div:last-child{padding-bottom: 60px;}
    
    .sub-visual.bg-career:after{background-position: 22%;}
    .career .report_cont p.tit{font-size: 2.4rem;}
    .career .btnWrap2ps_ico2 a {min-width: 133px; line-height: 46px; font-size: 1.3rem; padding-left: 10px;}
    .career .btnWrap2ps_ico2 a i{right: 10px;}
    .career .report_area > p{font-size: 1.6rem; line-height: 2.4rem;}
    .career .grid_type_3 ul > li .img_box { width: 30px; height: 30px;}
    .career .grid_type_3 ul > li .img_box img{max-width:30px;}
    .career .grid_type_3 ul > li .sub_title{margin: 15px 0 10px; font-size: 13px; line-height: 20px;}
    .career .grid_type_3 ul > li .title{font-size: 16px; line-height: 24px;}
    .career .grid_type_3 ul > li .desc{font-size: 14px; line-height: 24px;}
    .career .grid_type_3 ul > li .line{margin: 22px 0;}
    .career .grid_type_3 ul > li{width: calc(50% - 40px);}
    
    .system dl.information dt br{display: none;}
    .system dl.information dd > p{font-size: 17px; line-height: 26px;}
    .system dl.information dt small{font-size: 16px;}
    .system table.tbl_pd thead th{font-size: 1.4rem;}
    .system table.tbl_pd thead th:first-child{font-size: 1.5rem;}
    .system .tbl_over-x.support01 > .ico-touch img{opacity: .7;}
    .system .tbl_over-x.support01{padding-bottom: 20px;}
    
    .view_area_esg > p {
        font-size: 1.6rem;
    }

    .file_view_esg {}

    .file_view_esg > div {
        width: 40%;
        margin: 0rem 5rem 0 0;
    }

    .file_view_esg > div > img {
        width: 100%;
    }

    .file_view_esg .btn_download {}

    .file_view_esg .btn_download a {
        display: inline-block;
        width: 100%;
        margin: 0rem 0 4rem 0;
        border: 1px solid #D8D8D8;
        font-size: 1.3rem;
        font-weight: 700;
        color: #222;
        line-height: 56px;
        border-radius: 5px;
        text-align: left !important;
        padding-left: 20px;
    }
    
    
}


@media screen and (max-width:767px){
    .parking-error{
        padding: 10rem 1.6rem;
        margin: 6.4rem 0 0 0;
    }
    .parking-error img {
        max-width: 198px;
    }
    .parking-error strong{
        font-size: 26px;
        margin: 50px 0 25px;
    }
    
    .parking-error p{    
        font-size: 15px;
        line-height: 25px;
        /*width: 315px;*/
    }
    .br_mo{display: block;}
    .br_tal {display: inline;}
    
    .error-btn{
        width: 100%;
        /*width: 315px;*/
        margin-top: 3em;
    }
    
    .error-btn a{
        display: block !important;
        margin: 10px 0 0;
        font-size: 1.4rem;
    }
    .error-btn a:first-child{margin-top: 0;}
    
    .parking-error.lang strong{line-height: 3rem;}
    .parking-error.lang p.pc{display: none;}
    .parking-error.lang p.mo{display: block;}
    
    dl.information{}
    dl.information dt{float:none; margin:0px 0 15px; width:100%; font-size: 2.2rem;}
    dl.information dd{clear:both; float:none; width:100%; margin-bottom:0;}
    .intr0602 dd li {padding: 17px 0;}
    .intr0602 dd li p{font-size: 13px; line-height: 22px; padding-right: 10px;}
    .intr0602 dd li p:before{width: 2px; height: 2px;}
    
    .btnWrap2ps_ico2 {width: 100%; float: none;margin-top: 45px;}
    .btnWrap2ps_ico2 a{line-height: 56px;}
    
    .esg_cont_wrap.report.cyber{padding-bottom: 6rem; width: 100%;}
    
    .sub_tab.four li{margin: 0; padding: 0 0.5rem;}
    .ehss .sub_tab.four li{padding: 0 1.2rem;}
    
    .esg dl.information dd{float: none; width: 100%;}
    .ehs .intr0602 dd li{width: 100%; padding: 23px 29px;}
    .ehs .intr0602 dd li p{width: 100%;font-size: 14px; line-height: 24px;}
    
    .policy dl.information dt{font-size: 2.6rem;}
    
    .ehs .report_area > p{display: none;}
    .ehs .report_area > p.mo{font-size: 1.8rem; line-height: 3rem;display: block;}
    .ehs .intr0602 dd li .stit{font-size: 16px;}
    .ehs .sign{margin-top: 50px;}
    .ehs .sign p{font-size: 16px; padding-left: 20px;}
    
    .esg_cont_wrap{width: 100% !important;}
    
    .fair.esg_cont_wrap.report{width: 100%;}   
    .fair .report_cont > p{font-size: 2.2rem; line-height: 2.8rem;}
    .fair .report_cont > p br, .fair .report_cont p.tit br{display: none;}
    .list_area_box ul li .list_tit{font-size: 16px; line-height: 24px;}
    .fair .etc_copy .date {font-size: 13px; line-height: 22px;}
    .fair .etc_copy .who{font-size: 16px; margin-top: 10px;}
    .fair .etc_copy .who span{font-size: 20px;}
    .fair .list_area_box ul li .list_tit {font-size: 16px; line-height: 24px;}
    
    .sub_cont_wrap.esg_winwin > .main_cont > .esg_cont_wrap.CP{padding: 2.8rem 0 4.7rem !important;}
    .sub_cont_wrap.esg_winwin{padding: 0;}
    
    
    .pro .box_summery {margin-top: 25px; padding: 20px 15px;}
    .pro .box_summery .tit{font-size: 16px; line-height: 24px;}
    .pro .box_summery .stit{font-size: 14px; line-height: 22px;}
    .pro .box_summery .stxt{margin-top: 15px;}
    .pro .box_summery .txt{line-height: 25px;}
    .pro .box_summery .txt .lhe {line-height: 22px;}
    .pro .list_area_box ul li .list_tit{font-size: 16px; line-height: 24px;}
    
    .intr0601 dl.information dt{margin: 0;}
    .intr0601 dl.information dt br{display: none;}
    .intr0601 dl.information .titleWrap dd .tit {font-size: 1.6rem; line-height: 2.4rem; margin-top: 1.1rem;}
    .intr0601 .titleWrap .imgWrap{width: 282px;}
    .intr0601 .titleWrap .imgWrap img{max-width: 282px;}
    .intr0601 .titleWrap .imgWrap dt{width: 96px; height: 96px; margin-left: -48px; margin-top: -48px;}
    .intr0601 .titleWrap .imgWrap dt p{font-size: 15px; line-height: 20px;}
    .intr0601 .titleWrap .imgWrap dt p br{display: block;}
    .intr0601 .titleWrap .imgWrap dd{width: 74px; height: 74px;}
    .intr0601 .titleWrap .imgWrap dd p{font-size: 12px; line-height: 16px;letter-spacing: -1px;}
    .intr0601 .titleWrap .imgWrap dd:nth-of-type(1){margin-left: -37px;}
    .intr0601 .titleWrap .imgWrap dd:nth-of-type(2){left: 0;}
    .intr0601 .titleWrap .imgWrap dd:nth-of-type(3){right: 0;}
    .intr0601 .titleWrap .imgWrap dd:nth-of-type(4){left: 15%; bottom: 5%;}
    .intr0601 .titleWrap .imgWrap dd:nth-of-type(5){right: 15%; bottom: 5%;}
    .intr0601 dl.information .titleWrap dd .txt {font-size: 13px; line-height: 22px;}
    .intr0601 dl.information dd > p{font-size: 16px; line-height: 24px; margin: 10px 0 15px;}
    .intr0601 dl.information dd .subWrap ul li {font-size: 14px; line-height: 22px;}
    dl.information dd .subWrap{padding: 12px; margin: 15px 0;}
    .intr0601 dl.information dd ul{padding: 0 8px;}
    .intr0601 dl.information dd ul li {font-size: 13px; line-height: 28px;}
    .intr0601 dl.information dd li.lih { line-height: 20px;}
    .intr0601 dl.information dd li.lih_mic{line-height: 20px; margin-bottom: 5px;}
    
    .env .product_summary:after{height: 180px; background-position: 37% 75%;}
    .env .product_summary .tit{font-size: 22px; margin-top: -80px;}
    .env .product_summary dl{width: calc(100% - 30px); padding-top: 30px;}
    .env .product_summary dl dd {font-size: 17px; line-height: 24px;}
    .env .product_summary {margin-bottom: 40px; height: 217px;}
    .env dl.information dt{width: 100%; font-size: 16px; line-height: 24px; margin-bottom: 20px;}
    .env dl.information dd{font-size: 14px; line-height: 24px;}
    .env dl.information{padding-top: 40px;}
    .env dl.information > div {margin-bottom: 40px; padding-bottom: 40px;}
    .env dl.information > div:last-child{padding-bottom: 40px;}
    .env .product_summary dl dd.pc{display: none;}
    .env .product_summary dl dd.mo{display: block;}

    .career .sub_tab.four li:last-child{padding-right: 25px;}
    .career .report_cont p.tit{font-size: 2.2rem; line-height: 2.8rem;}
    .career .report_area > p{font-size: 1.4rem;}
    .career .grid_type_3 ul > li{width: 100%; margin-right: 0;}
    .career .grid_type_3 ul > li .title br{display: none;}
    
    .system dl.information > div{margin-bottom: 30px; padding-bottom: 15px;}
    .system dl.information dt small{font-size: 14px;}
    .system table.tbl_pd{margin-top: 20px;}
    .view_area_esg > p {
        font-size: 11PX;
    }

    .file_view_esg {}

    .file_view_esg > div {
        width: 43%;
        margin: 0rem 2rem 0 0;
    }

    .file_view_esg > div > img {
        width: 100%;
    }

    .file_view_esg .btn_download {}

    .file_view_esg .btn_download a {
       display: inline-block;
    width: 100%;
    margin: 0rem 0 3rem 0;
    border: 1px solid #D8D8D8;
    font-size: 1.2rem;
    font-weight: 700;
    color: #222;
    line-height: 47px;
    border-radius: 5px;
    text-align: left !important;
    padding-left: 10px;
    letter-spacing: -0.05em;
    position: relative;
    }
    
    .btn_download a i {
    position: absolute;
    right: 5px;
    top: 55%;
    margin-top: -10px;
    width: 15px;
    height: 15px;
    background: url(../images/sub/company/ico_downarrow_m.svg) no-repeat center top;
}

}