@charset "utf-8";
/* *******************************************************
 * filename : content_responsive.css
 * description : 서브페이지 컨텐츠 반응형 CSS
 * date : 2020-11-25
******************************************************** */


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@media all and (max-width:1220px){
	.custom-scrollbar-wrapper .scroll-object{max-width:100%;}
}
@media all and (max-width:800px){
	.custom-scrollbar-wrapper{position:relative;margin-right:-15px; cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.custom-scrollbar-cover{display:block; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background-color:rgba(0,0,0,0.5)}
	.custom-scrollbar-cover .scroll-cover-txt{position:absolute; top:50%; left:0; width:100%; text-align:center; color:#fff; font-size:300; font-size:15px;}
	.custom-scrollbar-cover .scroll-cover-txt i{font-size:30px; display:block; margin-bottom:20px; }
}

/* -------- 공통 :: 탭 -------- */
@media all and (max-width:1220px){
	.sub-tab-list-style .area{padding:0}
}
@media all and (max-width:1024px){
	/* Tab Fixed Move*/
	.sub-tab-list-style.top-fixed{top:80px;}
}
@media all and ( max-width: 800px ){
	/* Tab 공통 스타일 */
	.sub-tab-wrapper-style,
	.sub-tab-list-style.top-fixed,
	.sub-tab-list-style ul li a{height:40px; }
	.sub-tab-list-style ul li a em{font-size:13px}
	.sub-tab-wrapper-style {margin-bottom:40px;}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative; }
	.sub-drop-open-btn-style{display:block; position:relative; text-align:center; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#0086ce; box-sizing:border-box;}
	.sub-drop-open-btn-style span{color:#fff; }
	.sub-drop-open-btn-style .arrow{color:#fff; position:absolute; top:50%; right:15px; margin-top:-7px}
	.sub-drop-open-btn-style.open .arrow{transform:rotate(180deg)}
	.sub-drop-menu-style ul{display:none; margin:0; height:auto; position:absolute; top:100%; left:0px; right:0px; background-color:#fff; border:1px solid #ddd; border-top:0; z-index:11; box-sizing:border-box;}
	.sub-drop-menu-style ul li{position:static; max-width:none;margin:0; text-align:center; display:block; float:none; border:0; border-top:1px solid #eee; width:auto; background-color:transparent}
	.sub-drop-menu-style ul li:first-child{border-top:0; border-left:0}
	.sub-drop-menu-style ul li a{display:block; width:auto; height:auto; padding:10px 15px; border:0;}
	.sub-drop-menu-style ul li a em{display:block; font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#0086ce; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* ******************  
	회사소개 
********************** */
/* ******************  오시는길 ********************** */
@media all and (max-width:800px){
	.place-list-style06 .place-list-item .img-con .img-wrap {padding-top:304px;}
	.place-list-style06 .place-list-item .txt-con {padding: 0 70px 0 20px;}
	.place-list-style06 .place-list-item .txt-con .info-tit {font-size: 21px; padding-bottom:10px;}
	.place-list-style06 .place-list-item .txt-con .info  {font-size:14px; margin-top:10px; padding-left:20px;}
	.place-list-style06 .place-list-item .txt-con .point-box {font-size: 13px; padding:10px 0; }
	.place-list-style06 .place-list-item .txt-con .link-btn {width:50px; padding-bottom:50px; }
	.place-list-style06 .place-list-item .txt-con .link-btn:before {background-size:auto 20px; height:50px;}
	.place-list-style06 .place-list-item .txt-con .link-btn span  {font-size:14px;}
	
	.location-page .recruit-info-btn {margin-top:30px; max-width:300px;}
	.location-page .recruit-info-btn a {padding:20px 10px;}
}
@media all and (max-width:640px){
	.place-list-style06 .place-list-item {display:block;}
	.place-list-style06 .place-list-item .img-con {display:block; width:100%;}
	.place-list-style06 .place-list-item .img-con .img-wrap {background:none !important; padding-top:0; }
	.place-list-style06 .place-list-item .img-con .img-wrap img {display:block;}
	.place-list-style06 .place-list-item .txt-con {position:relative;  padding:0;}
	.place-list-style06 .place-list-item .txt-con > .inner {padding:20px; }
	.place-list-style06 .place-list-item .txt-con .link-btn {position:static;width:100%; padding-right:50px; padding-bottom:0; }
	.place-list-style06 .place-list-item .txt-con .link-btn:before {width:50px; right:0; border-top:0; border-left: 1px solid rgba(255,255,255,0.2); }
	.place-list-style06 .place-list-item .txt-con .link-btn .inner-box {height:50px; padding-left: 20px;}
	.place-list-style06 .place-list-item .txt-con .link-btn span {display:inline-block; width:auto;}
	.place-list-style06 .place-list-item .txt-con .link-btn span.opacity.first {margin-top:0;}
}

/* -------- 인사말  -------- */
@media all and (max-width:1280px){
	.greeting-tit-box .tit-box{padding-left: 30px}
}
@media all and (max-width:1120px){
	.greeting-sign-box .point-txt{font-size: 66px; letter-spacing: 10px}
}
@media all and (max-width:1024px){
	.greeting-tit-box .tit-box{width: calc(100% - 320px); height: 460px; margin-top: 0}
	.greeting-tit-box .tit-box p{margin: 20px 0}
	.greeting-tit-box .tit-img-box{width: 320px}
	.greeting-sign-box .sign-box{right: 30px}
	.greeting-sign-box .point-txt{font-size: 50px; width: 62%}
	.greeting-sign-box .sign-box .sign-txt{padding-right: 40px}
	.greeting-sign-box .sign-box .sign-txt::after{right: 20px}
	.greeting-sign-box .sign-box .sign-img{width: 79px; height: 43px}
}
@media all and (max-width:800px){
	.greeting-page p{font-size: 14px}
	.greeting-tit-box .tit-box{height: auto; width: calc(100% - 230px); padding-left: 30px; margin-top: -35px}
	.greeting-tit-box .tit-box h4{font-size: 26px}
	.greeting-tit-box .tit-box h4::before{width: 24px; left: -26px}
	.greeting-tit-box .tit-box p{margin: 10px 0}
	.greeting-tit-box .tit-img-box{width: 230px}
	.greeting-sign-box{top: -45px; padding: 30px 0}
	.greeting-sign-box .point-txt{font-size: 31px; width: 50%}
	.greeting-sign-box .sign-box{top: 10px; right: 10px}
	.greeting-sign-box .sign-box .sign-txt{padding-right: 30px}
	.greeting-sign-box .sign-box .sign-txt em{font-size: 14px}
	.greeting-sign-box .sign-box .sign-txt::after{right: 15px; height: 15px; margin-top: -7px}
	.greeting-sign-box .sign-box .sign-img{width: 57px; height: 34px;}
	.greeting-txt-box p{margin-top: -15px}
}
@media all and (max-width:580px){
	.greeting-tit-box, .greeting-sign-box .area{flex-wrap: wrap}
	.greeting-tit-box .tit-box{width: 100%; padding-left: 20px; margin-top: 0}
	.greeting-tit-box .tit-img-box{margin: auto}
	.greeting-sign-box .point-txt{width: 100%; text-align: center; margin: 10px 0}
	.greeting-sign-box .sign-box{position: static; top: auto; right: auto; margin: auto}
}

/* -------- 경영이념  -------- */
@media all and (max-width:1220px){

	.management-container .rule .inner-box .num{font-size:18px; margin-bottom:10px;}
	.management-container .rule .inner-box .rule-tit {font-size:17px; margin-bottom:10px;}
	.management-container .rule .inner-box .rule-txt {font-size:14px;}
}

@media all and (max-width:800px){
	.management-page > div{margin-top: 60px}
	.management-title{margin-bottom: 15px; font-size: 23px}
	.management-inner{padding:50px 0;}
	.management-inner .bg-sub-tit {font-size:18px;}
	.management-inner .bg-sub-tit::before {top:80px;}
	.management-inner .bg-sub-tit::after {bottom:-60px;}
	.management-inner .bg-main-tit {font-size:26px; padding:103px 5% 0;}
	.management-container .con-inner {margin-top:60px;}
	.management-container .con-inner .con {margin-bottom: 55px;}
	.management-container .con-inner .con .con-tit {font-size:21px; margin-bottom:23px;}
	.management-container .rule {flex-wrap:wrap; margin:-3%;}
	.management-container .rule li {width:44%; margin:3%; }
	.management-container .rule .inner-box .num {margin-bottom:5px;}
	.management-container .rule .inner-box .rule-tit {margin-bottom:5px;}
	.management-container .group {flex-wrap:wrap; padding:0;}
	.management-container .group-item {width: 100%; padding:4% 0; justify-content:normal;}
	.management-container .group-item .icon-box {width: 30%; text-align:center; margin-right:0; }
	.management-container .group-item>div {width:70%;}
	.management-container .group-tit{font-size:17px; margin-bottom:5px;}
	.management-container .group-txt{font-size:14px;}
	.management-container .vision-box {padding:80px 0; background-position:70% center;}
	.management-container .vision-tit-box{padding-left:35px;}
	.management-container .vision-tit {font-size:23px;}
}


/* -------- 경영이념  -------- */
@media all and (max-width:800px){
	/*.management-item01{height: 320px}
	.management-item01 .tit-box .tit{padding-bottom: 80px; font-size: 26px}
	.management-item01 .tit-box .tit::after{bottom: 20px; height: 43px; background-size: contain}
	.management-item01 .tit-box p{font-size: 24px; padding: 0 15px}
	.management-item02 .item02-img-box .pc-img {display:none;}
	.management-item02 .item02-img-box {width:70%; margin:auto;}
	.management-item02 .item02-img-box .m-img {display:block;}
	.management-item03{height: 400px}
	.management-item03 p{margin: 20px 0; font-size: 17px}
	.management-item03 .value-list-box .circle-inner{width: 120px; height: 120px; margin-right: 40px; background-size: 85%}
	.management-item03 .value-list-box .circle-inner:nth-child(1)::after, 
	.management-item03 .value-list-box .circle-inner:nth-child(2)::after{margin-top: -20px; font-size: 31px}
	.management-item03 .value-list-box .circle-inner:nth-child(1)::after{right: -37px}
	.management-item03 .value-list-box .circle-inner:nth-child(2)::after{right: -28px}*/
}
@media all and (max-width:480px){
	/* .management-item02 .item02-img-box {width:100%;} */
	.management-container .rule {margin:-1%;}
	.management-container .rule li {width:48%; margin:1%; }
}
 
 /* -------- 회사연혁  -------- */
@media all and ( max-width:1024px ){
    /* -------- 회사소개 :: BEST 연혁 02 -------- */
    .history-list-box-style02 .history-year-box{ padding-left:310px}
}
@media all and ( max-width:800px ){
	.history-tit-box{margin-bottom:30px; height: 250px}
	.history-tit-box h4{padding: 0 20px; font-size: 31px}
    /* -------- 회사소개 :: BEST 연혁  02-------- */
    .history-list-box-style02 .history-year-box{padding-left:0}
    .history-list-box-style02 .history-year-box h4{position:relative; left:auto; top:auto;padding: 15px 0; font-size:21px;}
    .history-list-box-style02 .history-year-box h4:before{width: 100%}
    .history-list-box-style02 .history-year-box .history-year-list-con{padding: 10px 0;}
    .history-list-box-style02 .history-year-box .history-year-item .history-year{width: 80px; top: 0}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left: 80px}
    .history-list-box-style02 .history-year-box .history-year-item .history-year strong{font-size: 21px}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con p{font-size:14px; padding-left: 30px}
}
@media all and ( max-width:480px ){
    /* -------- 회사소개 :: BEST 연혁  02 -------- */
    .history-list-box-style02 .history-year-box .history-year-item .history-year{width: 60px; top: 0}
    .history-list-box-style02 .history-year-box .history-year-item .history-info-con{padding-left: 60px}
    .history-list-box-style02 .history-year-box .history-year-item .history-year strong{font-size: 20px}
}

/* -------- 연구개발  -------- */
@media all and (max-width:1200px){
	.develop-tit-wrap{height: 600px}
}
@media all and (max-width:1024px){
	.ability-info-list li{width: 100%; margin-bottom: 20px;}
	.ability-info-list li:last-child{margin-bottom: 0}
	.ability-info-list li .info-img-box{min-height: auto}
}
@media all and (max-width:800px){
	.equipment-list-box table col{width: auto}
	.develop-page > div{margin-top: 40px}
	.develop-tit-wrap .tit-img-box{height: 0; padding-top: 39%}
	.develop-tit-wrap{height: auto}
	.develop-tit-wrap .tit-txt-box{position: static; top:auto; max-width: 100%}
	.develop-tit-wrap .tit-txt-box .txt-box h4{margin-bottom: 15px; font-size: 21px}
	.develop-tit-wrap .tit-txt-box .txt-box p{font-size: 14px}
	.develop-page .develop-cm-title{padding-left: 18px; margin-bottom: 20px; font-size: 21px}
	.develop-page .develop-cm-title:before{width: 10px}
	.ability-info-list li h6{margin-bottom: 10px; font-size: 18px}
	.ability-info-list li table td, .ability-info-list li table th{padding: 12px 10px; font-size:13px}
	.analysis-box .analysis-list li{padding: 15px 0}
	.analysis-box .analysis-list li .icon-box{width: 100px; height: 100px; margin-right: 20px}
	.analysis-box .analysis-list li dd{width: calc(100% - 123px)}
	.analysis-box .analysis-list li dd strong{font-size: 16px}
	.analysis-box .analysis-list li dd p{font-size: 14px}
	.equipment-list-box h6{margin-bottom: 10px; font-size: 18px}
	.equipment-list-box table tr:last-child td{padding-bottom: 15px}
	.equipment-list-box table tr:first-child td{padding-top: 15px}
	.equipment-list-box table th{padding: 12px 10px; font-size:14px}
	.equipment-list-box table td{font-size:13px}
}
@media all and (max-width:480px){
	.analysis-box .analysis-list li .icon-box{width: 80px; height: 80px; margin-right: 15px}
	.analysis-box .analysis-list li dd{width: calc(100% - 101px)}
}

/* -------- 홍보관  -------- */
@media all and (max-width:800px){
	.promotion-page .promotion-tit{padding: 18px 10px; font-size: 20px}
	.promotion-download-box{padding: 25px 0}
	.promotion-download-box h5{font-size: 21px}
	.promotion-download-box .cm-down-btn-box{width: 110px; max-width: 100%}
	/* 비디오 영역 Start */
	.video-cover-box .icon i{font-size:50px}
}

/* -------- 인재상  -------- */
@media all and (max-width:1200px){
	/* 인재상 :: 인재상 */
	.talent-list-wrap .talent-logo-box img{transform: scale(0.7)}
}
@media all and (max-width:1024px){
	/* 인재상 :: 인재상 */
	.talent-list-wrap .talent-list li dd p .pc-br{display: block!important}
	/* 인재상 :: 인사제도 */
	.system-rule-box .ystem-rule-list li{padding: 60px 20px}
}
@media all and (max-width:800px){
	/* 인재상 :: 인재상 */
	.talent-list-wrap .talent-logo-box img{transform: scale(0.5)}
	.talent-list-wrap .talent-list{margin: -10px}
	.talent-list-wrap .talent-list li{width: calc(50% - 20px); margin: 10px; padding: 35px 10px; border-radius: 20px}
	.talent-list-wrap .talent-list li .icon-box{width: 56px; height: 56px}
	.talent-list-wrap .talent-list dd strong{margin: 15px 0; font-size: 21px}
	.talent-list-wrap .talent-list dd p{font-size: 15px}
	/* 인재상 :: 인사제도 */
	.system-con .system-title{margin-bottom:15px; font-size: 23px}
	.system-rule-box .ystem-rule-list li{padding: 30px 15px}
	.system-rule-box .ystem-rule-list li dt{width: 33%; padding-left: 70px; font-size: 17px}
	.system-rule-box .ystem-rule-list li dt .icon-box{top: -11px; width: 48px; height: 43px}
	.system-rule-box .ystem-rule-list li dd{width: 64%; font-size: 14px}
	.system-process-box{margin: 40px 0; height: 520px; background-position-x: 60%}
	.system-process-box .process-wrap p{margin: 15px 0 40px; font-size:15px}
	.system-process-box .process-wrap .process-box-pc{display: none}
	.system-process-box .process-wrap .process-box-m{display: block; text-align: center}
	.system-process-box .process-wrap .process-box-m img:first-child{margin-bottom: 10px}
	.person-made-tit p{padding: 15px 10px; font-size: 15px}
	.person-made-box .made-list{margin: 0 -4px}
	.person-made-box .made-list li{width: calc(33.33% - 8px); margin: 0 4px}
	.person-made-box .made-list li dt{margin-bottom: 10px}
	.person-made-box .made-list li .list-inner-txt strong{font-size: 18px}
	.person-made-box .made-list li .list-inner-txt .inner-txt{padding-left: 20px; margin-bottom: 0; font-size: 14px}
	.person-made-box .made-list li .list-inner-txt .inner-txt::before{font-size: 13px}
	/* 인재상 :: 복리후생 */
	.welfare-con h4{margin-bottom: 25px; font-size: 20px}
	.welfare-list-wrap .welfare-list-item{padding: 30px 0}
	.welfare-list-item .lt-icon-box{width: 15%; margin-right: 5%}
	.welfare-list-item .rt-info-box{width: 80%}
	.welfare-list-item .rt-info-box h5{margin-bottom: 15px}
	.welfare-list-item .rt-info-box h5 strong{margin-right: 10px; font-size: 18px}
	.welfare-list-item .rt-info-box h5 em{font-size: 13px}
	.welfare-list-item .rt-info-box .info-list .info-list-item{width: 50%}
	.welfare-list-item .rt-info-box .info-list .info-list-item .front-icon-txt{padding-left: 8px; font-size: 14px}
	.welfare-list-item .rt-info-box .info-list .info-list-item .small-gray-txt{font-size: 13px}
}
@media all and (max-width:640px){
	/* 인재상 :: 인재상 */
	.talent-list-wrap{position: static}
	.talent-list-wrap .talent-logo-box{position: static; top: auto; left: auto; transform: translate(0,0); text-align: center}
	.talent-list-wrap .talent-logo-box img{transform: scale(0.8)}
	.talent-list-wrap .talent-list{margin: 0}
	.talent-list-wrap .talent-list li{width: 100%; margin: 0; margin-bottom: 15px}
	.talent-list-wrap .talent-list li:last-child{margin-bottom: 0}
	.talent-list-wrap .talent-list li dd p .pc-br{display: none!important}
	/* 인재상 :: 인사제도 */
	.system-rule-box .ystem-rule-list li dt, .system-rule-box .ystem-rule-list li dd{width: 100%}
	.system-rule-box .ystem-rule-list li dt{margin-bottom: 20px}
	.person-made-box .made-list{margin: 0}
	.person-made-box .made-list li{width: 100%; margin: 0; margin-bottom: 20px}
	.person-made-box .made-list li:last-child{margin-bottom: 0}
	.person-made-box .made-list li dt .img-wrap{padding-top: 75%}
	.person-made-box .made-list li dt .img-wrap img{width: 100%}
	/* 인재상 :: 복리후생 */
	.welfare-list-item .lt-icon-box{width: 100%; margin-right: 0; margin-bottom: 20px}
	.welfare-list-item .rt-info-box{width: 100%}
	.welfare-list-item .lt-icon-box .icon-box{padding-top: 165px}
	.welfare-list-item .rt-info-box .info-list .info-list-item{width: 100%}
	.welfare-list-item .rt-info-box .info-list .info-list-item .front-icon-txt::before{top: 9px}
	.welfare-list-item .rt-info-box .info-list .info-list-item .front-icon-txt{margin-bottom: 5px}
}

/* -------- 채용안내  -------- */
@media all and (min-width:801px){
	.recruit-info-btn:hover {background-color: #fff; border-color: #0086ce; }
	.recruit-info-btn:hover button strong , .recruit-info-btn:hover button em ,
	.recruit-info-btn:hover a strong , .recruit-info-btn:hover a em {color:#0086ce;}
	.recruit-info-btn:hover a strong::after {background-color: #0086ce; opacity:0.3;filter:Alpha(opacity=30);}
}
@media all and (max-width:1200px){
	.recruit-info-list .info-list li:nth-child(4) .tit-box{margin-bottom: 30px}
	.recruit-info-list .info-list li:nth-child(4) .tit-box, .recruit-info-list .info-list li:nth-child(4) .txt-box{width: 100%}
	.recruit-step-list .num{width: 80px}
	.recruit-step-list dd{width: calc(100% - 83px)}
}
@media all and (max-width:1024px){
	.recruit-process-list{margin: 0 -20px}
	.recruit-process-list .list-item{width: calc(25% - 40px); margin: 20px}
	.recruit-process-list .list-item::after{right: -39px}
}
@media all and (max-width:800px){
	.recruit-info-tit{margin-bottom: 30px; font-size: 21px}
	.recruit-info-list .info-list li{padding: 20px 0}
	.recruit-info-list .info-list li .tit-box, .recruit-info-list .info-list li .txt-box{width: 100%}
	.recruit-info-list .info-list li .tit-box{margin-bottom: 10px}
	.recruit-info-list .info-list li:nth-child(4) .tit-box{margin-bottom: 20px}
	.recruit-info-list .info-list li .tit-box h5{font-size: 17px}
	.recruit-info-list .info-list li .txt-box p{font-size: 13px}
	.recruit-process-list{margin-bottom: 0}
	.recruit-process-list .list-item::after{font-size: 23px; margin-top: -11px; right: -35px}
	.recruit-process-list .list-item .icon-box{width: 45px}
	.recruit-process-list .list-item .proc-txt{height: auto; margin-top: 0}
	.recruit-process-list .list-item .proc-txt em{font-size: 14px}
	.recruit-step-list{padding: 20px}
	.recruit-step-list dd strong{font-size: 14px; width: 100%; margin-bottom: 5px}
	.recruit-info-btn{margin: 22px auto 0; max-width: 360px}
	.recruit-info-btn button {padding: 20px 10px}
	.recruit-info-btn button strong ,.recruit-info-btn a strong  { font-size: 14px;}
	.recruit-info-btn button em , .recruit-info-btn a em{font-size: 13px}
}
@media all and (max-width:640px){
	.recruit-process-list .list-item{width: calc(50% - 40px)}
	.recruit-process-list .list-item:nth-child(2n){margin-right: 0}
	.recruit-process-list .list-item::after{right: -34px}
	.recruit-process-list .list-item:nth-child(2)::after{content: none}
}

/* -------- 윤리경영  -------- */
@media all and (min-width:801px){
	.cm-down-btn-box a:hover { background-color: #262626;}
	.cm-down-btn-box a:hover strong, .cm-down-btn-box a:hover i {color:#fff;}
}
@media all and (max-width:960px){
	.column-tit-box{width: 25%}
	.column-txt-box{width: 73%}
}
@media all and (max-width:800px){
	/* 공통스타일 */
	.cm-column-txt-con{padding: 20px 0}
	.column-tit-box{width: 23%}
	.column-txt-box{width: 75%}
	.column-tit-box h4{font-size: 21px}
	.column-txt-box p{font-size: 14px}
	.cm-down-btn-box{max-width: 165px; width: auto; height:32px; margin-top: 15px}
	.cm-down-btn-box a{padding: 0 10px}
	.cm-down-btn-box a strong, .cm-down-btn-box a i{line-height: 32px}
	.cm-down-btn-box a strong{font-size: 13px}
	.cm-down-btn-box a i{font-size: 15px}
	/* -------- 윤리경영  -------- */
	.ethics-page .ethics-item01{padding: 20px 0 25px}
	.ethics-page .ethics-item01 .item01-img-box{margin-top: 20px}
	.ethics-page .rule-list-wrap li{padding: 25px}
	.ethics-page .rule-list-wrap li .inner strong{font-size: 14px}
}
@media all and (max-width:640px){
	.column-tit-box, .column-txt-box{width: 100%}
	.column-tit-box{margin-bottom: 20px}
}

/* -------- 제보하기  -------- */
@media all and (min-width:1280px){
	.report-btn-box a{transform: translateX(-40px);}
}
@media all and (max-width:980px){
	.report-page .address-list li{width: 200px; text-align: left}
	.report-page .address-list li:nth-child(1){width: 220px}
}
@media all and (max-width:800px){
	.report-sub-tit{font-size: 17px}
	.cir-icon-txt, .dash-icon-txt{padding-left: 10px}
	.cir-icon-txt::before{top: 12px}
	.dash-icon-txt{font-size:13px}
	.sub-txt{margin-left: 10px; font-size: 13px!important}
	.report-info-box .report-sub-tit{width: 120px} 
	.report-info-box dd{width: calc(100% - 123px)}
	.report-type-list{margin: 30px 0}
	.report-type-list .report-sub-tit{font-size: 17px}
	.floor-white-space{margin-bottom: 20px}
	.type-list{width: calc(50% - 6px); padding: 25px 10px}
	.report-page .address-list{padding-top: 15px}
	.report-page .address-list li{width: 140px; font-size: 14px; margin-bottom: 15px; text-align: center}
	.report-page .address-list li:nth-child(1){width: 150px}
	.report-page .address-list li::after{width: 3px; height: 3px}
	.report-page .address-list li i{padding-right: 5px; font-size: 17px}
	/* 제보하기 버튼영역 */
	.report-btn-box .report-btn{padding: 0 15px; width: 180px; height: 48px; line-height:48px; font-size: 14px}
	.report-btn-box .report-btn i{line-height: 52px; font-size: 17px}
	.cm-inquiry-form .bbs-inquiry-agree-con .agree-tit{font-size: 17px}
	.cm-inquiry-form .bbs-inquiry-agree-con .agree-txt{font-size: 13px}
	.cm-inquiry-form .bbs-inquiry-agree-con .agree-txt label{padding-left: 20px}
	.cm-inquiry-form .bbs-inquiry-agree-con .agree-txt label i{font-size: 14px}
	.cm-inquiry-form .inquiry-essential-txt{font-size: 13px}
	.cm-inquiry-form .bbs-write-tbl th{font-size: 14px; border-bottom: 0; padding-bottom: 0!important}
	.cm-inquiry-form .bbs-write-tbl th, .cm-inquiry-form .bbs-write-tbl td{padding: 15px 0}
	.cm-inquiry-form .bbs-write-tbl .hypen{font-size: 13px}
	.cm-inquiry-form .phone-fieldset .write-input, .cm-inquiry-form .phone-fieldset .write-select{width: calc(33.33% - 14px)!important;}
	.cm-inquiry-form .cm-btn-controls button{width: 160px; height: 45px; font-size:14px}
	.cm-inquiry-form .bbs-write-tbl .write-select{margin-left: 0; max-width: 100%}
	.cm-inquiry-form .bbs-write-tbl .write-input{max-width: 100%}
	.cm-inquiry-form .email-fieldset .write-input{margin-top: 0; width: calc(50% - 16px)!important}
	.cm-inquiry-form .email-fieldset .write-select{width: 100%!important}
}
@media all and (max-width:640px){
	.cm-inquiry-form .phone-fieldset .write-input, .cm-inquiry-form .phone-fieldset .write-select{width: calc(33.33% - 12px)!important;}
	.cm-inquiry-form .email-fieldset .write-input{margin-top: 0; width: calc(50% - 14px)!important}
}
@media all and (max-width:480px){
	.cm-inquiry-form .phone-fieldset .write-input, .cm-inquiry-form .phone-fieldset .write-select{width: calc(33.33% - 10px)!important;}
	.cm-inquiry-form .email-fieldset .write-input{margin-top: 0; width: calc(50% - 12px)!important}
	.type-list dt{width: 60px; height: 50px; background-size: contain}
	.report-info-box .report-sub-tit, .report-info-box dd{width: 100%} 
	.report-info-box .report-sub-tit{margin-bottom: 10px}
	.cm-inquiry-form .address-list li:nth-child(3){text-align: left}
}


/* ------------------ 지속가능경영 2024-06-07 MJ ------------------ */
@media all and (max-width:1200px){
	/* -------------- 지속가능경영 -------------- */
	/* ****** VISION ****** */
	/* vision :: 목표 */
	.vision-objective-list .list-item .txt{font-size:16px;}
	/* vision :: 방향 */
	.vision-direction-list .list-item .txt{font-size:16px;}
	/* vision :: Plan */
	.vision-plan-list .list-item .dotted-txt{font-size:16px;}
	/* ****** 지속가능경영 보고서 ****** */
	.report-list-box .list-item{padding:50px 40px;}
	.report-list-box .list-item a{padding:30px 20px;}
	.report-list-box .list-item a .img-box{width:calc(100% - 40px); margin:0 auto 20px;}
	.report-list-box .list-item a .img-box span{padding-top: calc(132% - 50px);}
}

@media all and (max-width:800px){
	.column-txt-box .inner-tit{font-size:18px; margin-bottom:15px;}
	.column-txt-box .inner-txt{font-size:14px; margin-bottom:10px;}
	/* ****** VISION ****** */
	.manage-vision-box{margin-top:30px;}
	.manage-vision-box .vision-tit{font-size:16px;}
	.manage-vision-box .vision-con{min-height:auto;}
	/* vision :: 배너 */
	.manage-vision-box .vision-banner{padding:70px 0 100px;}
	.manage-vision-box .vision-banner .banner-txt{font-size:18px; margin-top:5px;}
	/* vision :: 목표 */
	.vision-objective-list{display: block;}
	.vision-objective-list .list-item{width:100%; margin:0 auto 20px;}
	.vision-objective-list .list-item .circle{width:120px; height:120px; font-size:16px; }
	.vision-objective-list .list-item .txt{font-size:14px;}
	/* vision :: 방향 */
	.manage-vision-box .vision-direction{text-align:center; padding:80px 10px; background:#e6ebf2;}
	.vision-direction-list{display: block; margin-top:20px; background:none;}
	.vision-direction-list .list-item{height:70px; background:#fff; border:1px dashed; margin:0 auto 10px;}
	.vision-direction-list .list-item:nth-child(1){border-color:#70a2f2}
	.vision-direction-list .list-item:nth-child(2){border-color:#2873eb}
	.vision-direction-list .list-item:nth-child(3){border-color:#1250b5}
	.vision-direction-list .list-item .txt{font-size:14px;}
	/* vision :: Plan */
	.vision-plan-list{display: block;}
	.vision-plan-list .list-item{width:100%; margin:0 auto 10px;padding:20px;}
	.vision-plan-list .list-item .dotted-txt{font-size:14px;}
	
	/* ****** 지속가능경영 보고서 ****** */
	.report-list-box{display: block;}
	.report-list-box .list-item{width:100%; margin-bottom:20px; padding:50px 20px;}
}

/* -------------- 환경경영 -------------- */
@media all and (max-width:1200px){
	/* 중장기 환경목표 :: 로드맵 */
	.roadmap-box .roadmap-top-box{justify-content: space-between;}
	.roadmap-box .roadmap-top-box:before{display: none;}
	.roadmap-box .roadmap-top-box .inner-box{margin-left:0;}
	.roadmap-box .roadmap-top-box .inner-box:nth-child(1):before{display: none;}
	.roadmap-box .roadmap-bottom-box{padding:0 0px}
}
@media all and (max-width:1024px){
	.environmental-process-list{margin: 0 -20px}
	.environmental-process-list .list-item{width: calc(25% - 40px); margin: 20px}
	.environmental-process-list .list-item::after{right: -39px}
}
@media all and (max-width:980px){
	/* 중장기 환경목표 :: 로드맵 */
	.roadmap-box .roadmap-top-box{display: block;}
	.roadmap-box .roadmap-top-box .inner-box{margin:0 auto 5rem; width:auto !important;}
	.roadmap-box .roadmap-top-box .inner-box .circle{width:100px; padding-top:100px; margin:auto;}
	.roadmap-box .roadmap-top-box .inner-box:before,
	.roadmap-box .roadmap-top-box .inner-box:after{display: none;}
	.roadmap-box .roadmap-top-box .inner-box.big .circle{width:150px; padding-top:150px;}
	/* 중장기 환경목표 :: 환경영목표/과제 */
	.envir-target-list {display: block;}
	.envir-target-list .list-item{width:100%; margin-bottom:30px;}
	.envir-target-list .list-item .inner-list{padding:20px;}
	/* 환경경영 조직 */
	.org-top-box .org-item{display: block;}
	.org-top-box .org-item .left-box{width:100%;}
	.org-top-box .org-item .left-box:before{width:1px; height:20px; top:100%; right:50%; transform: translate(0, 0%);}
	.org-top-box .org-item .left-box:after{top:100%; right:50%; transform:translate(calc(50% - 0.5px), -50%);}
	.org-top-box .org-item .right-box{margin-left:0; width:100%; box-sizing:border-box; margin-top:20px; border-left-color:#efefef !important;}
	
	.org-top-box .org-item:nth-child(1) .right-box{border-top:3px solid #1250b5;}
	.org-top-box .org-item:nth-child(2) .right-box{border-top:3px solid #2873eb;}
	.org-top-box .org-item:nth-child(3) .right-box{border-top:3px solid #70a2f2;}

	.org-bottom-box{display: block;}
	.org-bottom-box .org-item{width:100%; margin-bottom:20px;}
	.org-bottom-box .org-item .inner-list{min-height:auto; padding:20px}

	.envir-step-wrap{padding:30px 20px;}
}
@media all and (max-width:800px){
	/* -------------- 환경경영 -------------- */
	.manage-environmental-box{padding:30px 20px;}
	.manage-environmental-box .environmental-txt-box dt{font-size:13px;}
	.manage-environmental-box .environmental-txt-box dd p{font-size:13px;}
	.manage-environmental-box .sign-txt .date{font-size:13px; }
	.manage-environmental-box .sign-txt .name{font-size:14px;}
	/* 중장기 환경목표 :: 로드맵 */
	.roadmap-box{padding:40px 20px 120px;}
	.roadmap-box .roadmap-bottom-box .inner-box p{	font-size:13px;}

	.envir-target-list .list-item .inner-list li p{font-size:13px;}
	/* 환경경영 조직 */
	.envir-org-box{padding:30px 20px;}
	.org-top-box .org-item .right-box{padding:15px;}
	.org-top-box .org-item .right-box .inner-list li p,
	.org-bottom-box .org-item .inner-list p{font-size:13px;}

	/* 환경법리스크 대응 */
	.environmental-process-list{margin-bottom: 0}
	.environmental-process-list .list-item::after{font-size: 23px; margin-top: -11px; right: -35px}
	.environmental-process-list .list-item .icon-box{width: 45px}
	.environmental-process-list .list-item .proc-txt{height: auto; margin-top: 0}
	.environmental-process-list .list-item .proc-txt em{font-size: 14px}

	/* 환경법·규제 준수 */
	.envir-step-list{display: block;}
	.envir-step-list:before{display: none;}
	.envir-step-list .list-item{width:100%; margin-bottom:30px;}
	.envir-step-list .list-item:last-child{margin-bottom:0px;}
	.envir-step-list .list-item .step{margin-bottom:10px;}
	.envir-step-list .list-item .step:before{display: none;}
	.envir-step-list .list-item .circle{display: none;}

	.cm-table-box .cm-tbl thead tr th, .cm-table-box .cm-tbl tbody tr th, .cm-table-box .cm-tbl tbody tr td{font-size:13px;}
}
@media all and (max-width:640px){
	.environmental-process-list .list-item{width: calc(50% - 40px)}
	.environmental-process-list .list-item:nth-child(2n){margin-right: 0}
	.environmental-process-list .list-item::after{right: -34px}
	.environmental-process-list .list-item:nth-child(2)::after{content: none}
}
@media all and (max-width:480px){
	.manage-environmental-box .sign-txt{position: relative; display: block; margin-top:20px;}
	.manage-environmental-box .sign-txt img{position: absolute; top:0; right:0;}
}


/* ******************* 책임경영 ******************* */
@media all and (max-width:1200px){
	/* 중장기 로드맵 */
	.respon-roadmap-wrap .left-box{width:350px;}
	.respon-roadmap-wrap .right-box{width:calc(100% - 350px);}
	.respon-roadmap-wrap .right-box .list-item{width:calc(100% - 40px);}
	.respon-roadmap-wrap .right-box .list-item .dots{left:-60px; width:30px; height:5px;}
	.respon-roadmap-wrap .right-box .list-item:nth-child(1){left:40px; top:25px;}
	.respon-roadmap-wrap .right-box .list-item:nth-child(2){left:90px; top:137px;}
	.respon-roadmap-wrap .right-box .list-item:nth-child(3){left:40px; top:257px;}
}
@media all and (max-width:1024px){
	/* 중장기 로드맵 */
	.respon-roadmap-wrap{display: block; padding:0;}
	.respon-roadmap-wrap .left-box{max-width:405px; width:100%; margin:auto;}
	.respon-roadmap-wrap .left-box .pc{display: none;}
	.respon-roadmap-wrap .left-box .mobile{display: block;}
	.respon-roadmap-wrap .left-box .txt-circle{position: relative; width:70%; height:0; padding-top:calc(70% - 10px); border-radius:50%; border:5px solid #70a2f2; box-sizing:border-box; text-align:center; margin:auto;}
	.respon-roadmap-wrap .left-box .txt-circle p{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:20px; line-height:1.3; color:#2873eb; font-weight:500; width:100%;}
	.respon-roadmap-wrap .right-box{width:100%; margin-top:30px;}
	.respon-roadmap-wrap .right-box .list-item{position: relative; top:auto !important; left:auto !important; margin-bottom:20px;}
	.respon-roadmap-wrap .right-box .list-item .dots{display: none;}
	.respon-roadmap-wrap .right-box .list-item .icon{display: block; margin-right:20px;}
}
@media all and (max-width:800px){
	/* gray-box */
	.manage-inner-gray-box{margin-top:30px; padding:20px;}
	.manage-inner-gray-box .inner-box-txt{font-size:13px;}
	.manage-inner-gray-box .sign-txt .date{font-size:13px; }
	.manage-inner-gray-box .sign-txt .name{font-size:14px;}
	.inner-dotted-txt{padding-bottom:15px; margin-bottom:15px;}
	.inner-dotted-txt dt{font-size:14px;}
	.inner-dotted-txt dt:before{top:8px;}
	.inner-plus-box{padding:15px;}
	.inner-plus-box p{font-size:12px; margin-bottom:8px}
	/* 제보하기 */
	.tbl-inner-tit i{margin-right:10px;}
	.cm-table-box .cm-tbl.cm-left-tbl thead tr th,
	.cm-table-box .cm-tbl.cm-left-tbl tbody tr th,
	.cm-table-box .cm-tbl.cm-left-tbl tbody tr td{padding:20px 10px;}
	
	.cm-table-box .cm-tbl.cm-left-tbl tbody tr th{min-width:100px;}
}

/* ******************* 안전경영 ******************* */
@media all and (max-width:1200px){
	/* 목표 */
	.respon-safety-schematic{width:46vw; height:46vw;}
	.respon-safety-schematic .middle-circle{width:30vw; height:30vw;}
	.respon-safety-schematic .middle-circle:before{width:130%; height:130%;}
	.respon-safety-schematic .middle-circle p .small{font-size:14px;}
	.respon-safety-schematic .middle-circle p .big{font-size:20px;}

	.respon-safety-schematic .circle{width:15vw; height:15vw; border-radius:50%; }
	.respon-safety-schematic .circle .txt{font-size:14px;}

	.respon-safety-schematic .circle.circle01{transform:Translate(-50%, -90%);}
	.respon-safety-schematic .circle.circle02{transform:Translate(-60%, -40%);}
	.respon-safety-schematic .circle.circle03{transform:Translate(-40%, -40%);}
}
@media all and (max-width:1024px){
	/* 안전보건 경영시스템 */
	.safety-certi-con{display: block;}
	.safety-certi-con .certi-item{width:100%; margin-bottom:20px;}
	.safety-certi-con .certi-item .img-box{width:137px;}
	.safety-certi-con .certi-item .info-box{width:calc(100% - 137px);}
}
@media all and (max-width:800px){
	/* 목표 */
	.respon-safety-schematic{display: block; width:100%; height:auto; margin:0 auto; background:none;}
	.respon-safety-schematic .middle-circle{width:200px; height:200px;}
	.respon-safety-schematic .middle-circle:before{display: none;}
	.respon-safety-schematic .circle-wrap{display: flex; justify-content:center; align-items:center; margin-top:30px;}
	.respon-safety-schematic .circle{position: relative; width:120px; height:120px; top:auto !important; left:auto !important; transform:none !important; margin:0 10px;}
	.respon-safety-schematic .circle .icon{width:30px;}
	.respon-safety-schematic .circle .icon img{max-width:100%;}

	/* 안전보건 소통센터 */
	.safety-step-con{display: block;}
	.safety-step-con .step-item{width:100%; margin-bottom:50px;}
	.safety-step-con .step-item:last-child{margin-bottom:0;}
	.safety-step-con .step-item .icon{margin-bottom:10px;}
	.safety-step-con .step-item .txt-box{margin-top:10px;}
}
@media all and (max-width:480px){
	.respon-safety-schematic .circle-wrap{justify-content:space-between; margin:30px -5px 0;}
	.respon-safety-schematic .circle{width:110px; height:110px; margin:0 5px;}
}

/* ******************* 동반성장경영 ******************* */
@media all and (max-width:800px){
	/* 동반성장경영 */
	.manage-growth-box{margin-top:30px;}
	.manage-growth-box .growth-item .icon-box{width:90px;}
	.manage-growth-box .growth-item .right-box{padding:20px 15px; width:calc(100% - 90px);}
	.manage-growth-box .growth-item .right-box .txt-box{width:calc(100% - 90px);}
	.manage-growth-box .growth-item .right-box .txt-box dt{font-size:14px;}
	.manage-growth-box .growth-item .right-box .txt-box dd{font-size:13px;}
	.manage-growth-box .growth-item .right-box .growth-btn{width:80px; height:80px; margin-left:10px;}
	.manage-growth-box .growth-item .right-box .growth-btn i{font-size:14px;}
	.manage-growth-box .growth-item .right-box .growth-btn span{font-size:13px;}

	/* 하도급위원회 */
	.growth-org-con .org-tit-box{display: block;}
	.growth-org-con .org-tit-box .tit{font-size:18px; margin-bottom:10px;}
	.manage-inner-gray-box .inner-check-txt{font-size:14px; padding-left:20px;}
	.manage-inner-gray-box .inner-check-txt:before{font-size:15px;}

	.growth-org-box{padding:30px 15px; overflow:hidden; margin-top:20px;}
	.growth-org-box .org-item{height:auto; padding:10px; box-sizing:border-box;}
	.growth-org-box .org-item .txt01{font-size:13px;}
	.growth-org-box .org-item .txt02{font-size:14px;}

	.growth-org-box .org-body .org-item{width:calc(25% - 6px);}

	/* 소통채널 */
	.column-txt-box .inner-email{min-width:auto; padding:10px 15px; height:auto;}
	.column-txt-box .inner-email i{font-size:15px; margin-right:10px;}
	.column-txt-box .inner-email span{font-size:13px;}
}
@media all and (max-width:480px){
	.manage-growth-box .growth-item .icon-box{width:60px;}
	.manage-growth-box .growth-item .icon-box img{width:40px;}
	.manage-growth-box .growth-item .right-box{width:calc(100% - 60px); display: block;}
	.manage-growth-box .growth-item .right-box .txt-box{width:100%;}
	.manage-growth-box .growth-item .right-box .growth-btn{width:100%; height:auto; flex-direction: row; align-items:center; margin-left:0; margin-top:10px; padding:10px; box-sizing:border-box;}
	.manage-growth-box .growth-item .right-box .growth-btn span{margin-top:0; margin-left:10px;}
}