@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){
	.hide-mobile{display:none !important;}
	.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}
	/* Tab Fixed Move*/
	/* Mobile Tab Drop Menu */
	.sub-drop-menu-style{position:relative;}
	.sub-drop-open-btn-style{display:block; position:relative; padding:0 15px; height:40px; line-height:40px; font-size:15px; background-color:#333; 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; 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{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:transparent;}
	.sub-drop-menu-style ul li.selected a em{color:#f57f20; font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}


/* ******************  PRODUCT ********************** */
/* -------- PRODUCT :: 제품리스트 -------- */
@media all and (max-width:800px){
	.product-list li {width:50%;}
	.product-list .tit {font-size: 20px;}
	.product-list .txt {font-size: 14px; margin-top:0;}
}
@media all and (min-width:801px){
	.product-list li:hover:before {opacity:1;filter:Alpha(opacity=100);}
}
/* -------- PRODUCT :: 제품뷰 -------- */
@media all and (max-width:800px){
	.product-view-tit {width:100%; font-size:26px; margin-bottom: 20px; }
	/* 제품뷰 컨텐츠 */
	.product-view-con {display:block;}
	.product-view-con .info-con {width:100%;}
	.product-view-con .info-con .info-item .tit {font-size:17px; }
	.product-view-con .info-con .info-item .txt {font-size:14px; margin-top:10px;}
	.product-view-con .img-con {width:100%; padding-left:0; }
	/* 기본사양 */
	.product-view-spec {margin-top: 30px;}
	.product-view-spec .tit { font-size: 17px;}
	.product-view-spec .spec-con-item {font-size:14px;}
	.product-view-spec .spec-con-item .spec-tit {width:180px; padding:10px 3.69%;}
	.product-view-spec .spec-con-item .spec-txt{padding:10px 3.69%;}
	/* 버튼 */
	.prd-btn-box { margin-top:35px;}
	.prd-btn-box a {height:42px; max-width:170px;  }
	.prd-btn-box a span {font-size:14px; line-height:42px;}
}
@media all and (max-width:480px){
	/* 기본사양 */
	.product-view-spec .spec-con-item {display:block;}
	.product-view-spec .spec-con-item .spec-tit {display:block; width:100%;}
	.product-view-spec .spec-con-item .spec-txt {display:block;}
}
/* -------- PRODUCT :: 고객지원 -------- */
@media all and (max-width:1320px){
	.customer-item .txt-con .tit-box .tit {display:block;}
	.customer-item .txt-con .tit-box .txt {display:block; margin-left:0; margin-top:10px;}
}
@media all and (max-width:800px){
	.customer-tit {font-size: 26px; margin-bottom:28px; }
	.customer-item .img-con {width:296.8px; height:200px; }
	.customer-item .txt-con .tit-box {padding-bottom:15px;}
	.customer-item .txt-con .tit-box .tit {font-size: 17px; }
	.customer-item .txt-con .tit-box .txt { font-size: 14px; }
	.customer-item .txt-con .txt-box .txt {font-size:13px;}
}
@media all and (max-width:640px){
	.customer-item {display:block;}
	.customer-item .img-con {display:block; width:100%; }
	.customer-item .txt-con {display:block;}
}

/* ******************  회사소개 ********************** */
@media all and (max-width:800px){
	.white-space-bottom{margin-bottom: 40px}
	.front-cir-icon-tit{margin-bottom:10px; padding-left: 25px; font-size: 18px}
	.front-cir-icon-tit i {top: 1px; width: 20px; height: 20px; font-size: 13px}
	.front-circle-icon, .front-dash-icon{font-size: 13px; padding-left: 6px; line-height: 1.6}
	.front-circle-icon::before{top: 8px}
	.front-dash-icon::before{top: -2px; font-size: 13px; line-height: 1.6}
}

/* -------------- 회사개요 -------------- */
@media all and (max-width:1024px){
	.summary-page .summary-list li{width: calc(50% - 30px); padding: 20px}
}
@media all and (max-width:800px){
	.summary-page .summary-tit-box{height: 400px; background-position: 78% 73%}
	.summary-page .tit-box{padding: 8% 15px 0}
	.summary-page .tit-box h4{margin-bottom: 15px; font-size: 26px}
	.summary-page .tit-box .summary-txt{font-size: 14px}
	.summary-page .summary-list-wrap::before{top: 35px; padding: 0 15px; background: url("/images/content/summary_img02.png") center no-repeat}
	.summary-page .summary-list-tit h5{margin-bottom: 35px; font-size: 26px}
	.summary-page .summary-list-tit .summary-list-txt{font-size: 18px}
	.summary-page .summary-list{margin: -10px}
	.summary-page .summary-list li{margin: 10px}
	.summary-page .summary-list li::before{width: 20%}
	.summary-page .summary-list .list-tit{font-size: 16px}
	.summary-page .summary-list .icon-box{margin: 15px auto; width: 60px; height: 60px}
	.summary-page .summary-list .icon-box svg{width: 50px; height: 50px}
	.summary-page .summary-list .list-txt{font-size: 13px}
	.summary-page .summary-info-box th, .summary-page .summary-info-box td{padding: 15px; font-size: 13px}
	.summary-page .summary-info-box th{width: 150px; padding: 15px}
	.summary-page .summary-info-box th.l-spacing-txt{letter-spacing: 0}
	.summary-page .summary-info-box th.m-spacing-txt{letter-spacing: 0}
}
@media all and (max-width:640px){
	.summary-page .summary-list{margin: 0}
	.summary-page .summary-list li{width: 100%; margin: 0; margin-bottom: 15px}
	.summary-page .summary-info-box th{width: 120px}
}

/* -------------- 비전 섹션 -------------- */
@media all and (max-width:1024px){
	.vision_content{gap: 15px; padding: 15px}
	.vision_box{padding: 30px}
}
@media all and (max-width:800px){
	.vision_content{grid-template-columns: 1fr; gap: 15px; padding: 15px; margin: 30px auto 0}
	.vision_box{padding: 25px}
	.vision_box_content h3{font-size: 18px; margin-bottom: 10px}
	.vision_box_content p{font-size: 14px}
	.summary-slogan{margin-top: 40px; padding: 30px 20px}
	.summary-slogan p{font-size: 18px}
}

/* -------------- 인사말 -------------- */
@media all and (max-width:800px){
	.greeting-page .greeting-txt{font-size: 13px}
	.greeting-tit-box{/* display: flex; flex-wrap: wrap */;}
	.greeting-tit-box .lt-tit-box{/* width: 60%; margin-right: 2.46% */}
	.greeting-tit-box .lt-tit-box h4{font-size: 17px}
	.greeting-tit-box .lt-tit-box h4 strong{margin-bottom: 15px; font-size: 24px}
	.greeting-tit-box .lt-tit-box .circle-box{margin: 15px 0}
	.greeting-tit-box .lt-tit-box .circle-box span{margin-right: 10px; width: 6px; height: 6px}
	.greeting-tit-box .rt-img-box{width: 37.53%}
	.greeting-detail-box{padding: 20px 0}
	.greeting-detail-box .greeting-list-box{margin: -10px}
	.greeting-detail-box .greeting-list-box li{position: relative; overflow: hidden; width: calc(50% - 20px); margin: 10px; padding: 20px 20px 50px}
	.greeting-detail-box .greeting-list-box li::after{right: 0; font-size: 80px}
	.greeting-detail-box .greeting-list-box li .list-txt{font-size: 13px}
	.greeting-detail-box .detail-txt{margin-top: 15px; font-size: 13px}
	.greeting-page .greeting-sign {margin-top; font-size: 13px}
}
@media all and (max-width:640px){
	.greeting-tit-box .lt-tit-box{width: 100%}
	.greeting-tit-box .rt-img-box{display: none}
	.greeting-tit-box .rt-img-box-m{/* display: block; */ margin-bottom: 10px}
	.greeting-tit-box .rt-img-box-m .img-box{display: block; position: relative; width: 100%; height: 0; padding-top: 69.54%; background: url("/images/content/greeting_ceo_img.jpg") center no-repeat; background-size: contain}
	.greeting-detail-box .greeting-list-box{margin: 0}
	.greeting-detail-box .greeting-list-box li{width: 100%; margin: 0; margin-bottom: 10px}
	.greeting-detail-box .greeting-list-box li:last-child{margin-bottom: 0}
}

/* -------------- 지속가능경영 -------------- */
@media all and (max-width:1300px){
	.management-page .info-column-con .info-lt-tit{padding-left: 0}
	.management-page .social-box .social-img-box img{width: 80%}
	.management-page .social-box .social-list li:nth-child(1), .management-page .social-box .social-list li:nth-child(3){margin-top: -32%}
}
@media all and (max-width:800px){
	.management-page .info-column-con{padding: 25px 10px}
	.management-page .info-column-con .info-lt-tit{padding-left: 0}
	.management-page .info-column-con .info-rt-txt{font-size: 13px; margin-bottom: 10px}
	.management-page .info-column-con .management-btn{height: 48px}
	.management-page .info-column-con .management-btn i{font-size:13px; margin-right: 10px}
	.management-page .info-column-con .management-btn em{font-size:13px}
	.management-page .info-column-con.social-box{padding: 25px}
	.management-page .social-box .social-txt{margin-bottom: 30px; font-size: 18px}
	.management-page .social-box .social-list li .icon-tit{width: 80px; height: 80px; margin-bottom: 10px} 
	.management-page .social-box .social-list li .txt span{font-size: 16px}
	.management-page .social-box .social-list li .txt em{font-size: 13px}
}
@media all and (max-width:680px){
	.management-page .info-column-con .management-btn a{padding: 10px }
	.management-page .social-box .social-img-box{display: none}
	.management-page .social-box .social-list li:nth-child(1), .management-page .social-box .social-list li:nth-child(3){margin-top: 0}
	.management-page .social-box .social-list li{width: 100%; margin: 0; margin-bottom: 20px}
	.management-page .social-box .social-list li:last-child{margin-bottom: 0}
}

/* -------------- 사업장소개 -------------- */
@media all and (max-width:1024px){
	.place-page .map-list li .inner .map-info-area{padding: 30px}
	.place-page .map-list li .inner .map-btn-box{padding: 20px 5px;}
}
@media all and (max-width:800px){
	.place-page .place-tit-box{margin-bottom: 60px}
	.place-page .place-tit-box .tit-icon-box{margin: 0 auto 15px; width:70px; height:70px}
	.place-page .place-tit-box h4{font-size: 26px}
	.place-page .map-list li{margin-top: 15px}
	.place-page .map-list li .inner{display: block}
	.place-page .map-list li .inner .img-box{display: block; width: 100%; height: 0; padding-top: 29.7%; background-size: contain}
	.place-page .map-list li .inner .map-info-wrap{display: block; width: 100%}
	.place-page .map-list li .inner .map-info-area{padding: 15px}
	.place-page .map-list li .inner .map-info-box{width: calc(100% - 150px)}
	.place-page .map-list li .inner .map-info-box .place-name{font-size: 18px; margin-bottom: 5px}
	.place-page .map-list li .inner .map-info-box p{font-size: 13px; margin-right: 12px; padding-left: 20px}
	.place-page .map-list li .inner .map-info-box p::before{font-size: 14px; top: -2px}
	.place-page .map-list li .inner .map-btn-box{max-width: 100%; width: 150px; padding: 15px 5px}
	.place-page .map-list li .inner .map-btn-box a em{font-size: 12px; margin-right: 10px}
	.place-page .map-list li .inner .map-btn-box a .map-icon{width: 13px; height: 17px}
}
@media all and (max-width:480px){
	.place-page .map-list li .inner .img-box{max-width: 100%; padding-top: 83%}
	.place-page .map-list li .inner .map-info-box{width: 100%; margin-bottom: 10px}
	.place-page .map-list li .inner .map-btn-box{width: 100%; padding: 12px 5px}
}

/* ****************** R&D ********************** */
/* -------------- 연구소 소개 -------------- */
@media all and (max-width:1024px){
	.area-list-box .area-list li{width: 50%;padding: 0 30px; box-sizing: border-box; border: 1px solid #ddd}
	.area-list-box .area-list li:nth-child(2){border-right-color: #ddd}
	.area-list-box .area-list li:nth-child(3){border-top-color: transparent}
}
@media all and (max-width:800px){
	.area-list-box{padding: 30px 0}
	.area-list-box .area-list li .tit{padding:15px 0;}
	.area-list-box .area-list li .tit strong{display: flex; align-items: center; justify-content: center; height: 40px; font-size: 16px}
	.area-list-box .area-list li .tit .arrow-icon{margin-top: 7px}
	.area-list-box .area-list li .tit .arrow-icon i{font-size: 14px}
	.area-list-box .area-list li dd{padding: 20px}
	.area-list-box .area-list li dd .img-box{margin: 0 auto 15px}
	.area-list-box .area-list li dd p{font-size: 13px}
	.research-intro-page .research-txt{font-size: 17px}
	.state-list-box{margin: 50px 0}
	.state-list-box .state-list li .icon-box{width: 80px; height: 80px}
	.state-list-box .state-list li .icon-box::before{content:""; z-index:-1; position: absolute; top: 51.8%; right: -148px; width: 100%; height: 1px; background-color: #d9d9d9}
	.state-list-box .state-list li .icon-box::after{content:""; position: absolute; top: 50%; right: -30px; width: 6px; height: 6px; border-radius: 100%; background-color: #d9d9d9}
	.state-list-box .state-list li:nth-child(1) .icon-box::before{right: -202px; top: 52.8%}
	.state-list-box .state-list li:nth-child(3) .icon-box::before{left: -201px; top: 52.8%}
	.state-list-box .state-list li:nth-child(3) .icon-box::after{right: auto; left: -30px}
	.state-list-box .state-list li .state-txt{font-size: 13px}
	.appeal-list-box .appeal-list li{padding: 35px 15px}
	.appeal-list-box .appeal-list li .icon-box{margin: 0 auto 10px}
	.appeal-list-box .appeal-list li .appeal-tit{font-size: 16px}
	.appeal-list-box .appeal-list li .point-txt{font-size: 17px}
	.appeal-list-box .appeal-list li .appeal-txt{text-align: center; font-size: 13px}
}
@media all and (max-width:640px){
	.area-list-box .area-list li{width: 100%; padding: 0 15px}
	.area-list-box .area-list li:nth-child(1){border-right-color: #ddd}
	.area-list-box .area-list li:nth-child(2){border-top-color: transparent}
	.area-list-box .area-list li .tit{}
	.state-list-box .state-list li, .appeal-list-box .appeal-list li{width: 100%; margin-bottom: 20px}
	.state-list-box .state-list li:last-child, .appeal-list-box .appeal-list li:last-child{margin-bottom: 0}
	.state-list-box .state-list li .icon-box::before, .state-list-box .state-list li .icon-box::after{content: none}
	.state-list-box .state-list li:nth-child(2) .icon-box::before{content: none}
}

/* -------------- 특허 -------------- */
@media all and (max-width:800px){
	.rnd-title{font-size: 26px}
	.certification-page span{font-size: 13px; padding: 0 0 10px}
	.certification-page span::after{bottom: -30px; height: 30px}
	.certification-page .certification-txt-box{margin: 50px auto}
	.certification-page .certification-txt-box p{font-size: 18px}
	.certification-page .certification-graph-box{padding: 30px 30px 30px 15px;}
	.certification-page .certification-graph-box h5{margin-bottom: 30px; font-size: 23px}
}

/* -------------- Product History -------------- */
@media all and (max-width:800px){
	.product-history-page{padding-bottom: 50px }
	.product-history-page .rnd-title{font-size: 19px}
	.prd-history-tit-box{margin: 32px auto; height: 280px}
	.prd-history-tit-box .tit-box h5{font-size: 45px}
	.prd-history-tit-box .tit-box p{font-size: 14px}
	.prd-history-list{width: 48%}
	.prd-history-list li .inner{height: 200px}
	.prd-history-list li .txt-con, .prd-history-list li .img-con{width: 50%}
	.prd-history-list li .txt-con .squre-icon-txt{padding-left: 5px}
	.prd-history-list li .txt-con .squre-icon-txt::before{width: 2px; height: 2px; top: 9px}
	.prd-history-list li .txt-con .year{font-size: 15px}
	.prd-history-list li .txt-con .prd-name{font-size: 18px}
	.prd-history-list li .txt-con .squre-icon-txt{font-size:13px}
}
@media all and (max-width:640px){
	.prd-history-list-wrap::before{content:none}
	.prd-history-list{width: 100%}
	.prd-history-list:first-child{margin-bottom: 25px}
	.prd-history-list li .inner{height: auto}
	.prd-history-tit-box{height: 240px}
	.prd-history-list li{width: 100%; margin-bottom: 25px}
	.prd-history-list li:last-child{margin-bottom:0}
}
/* ****************** Recruit ********************** */
/* -------------- 인재상 -------------- */
@media all and (max-width:800px){
	.job-page .job-tit-box{margin-bottom: 20px}
	.job-page .job-tit-box h4{font-size: 26px}
	.job-page .job-tit-box p{font-size: 13px}
	.job-page .job-list-box .job-list{margin: -5px}
	.job-page .job-list-box .job-list li{width: calc(33.33% - 10px); margin: 5px}
	.job-page .job-list-box .inner .tit-box h5{font-size: 17px}
	.job-page .job-list-box .inner .tit-box span{font-size: 13px}
	.job-page .job-list-box .inner .info-txt{font-size: 13px}
}
@media all and (max-width:640px){
	.job-page .job-list-box .job-list{margin: 0}
	.job-page .job-list-box .job-list li{width: 100%; margin:10px 0}
	.job-page .job-list-box .inner .tit-box{padding: 20px 0}
	.job-page .job-list-box .inner .info-txt{padding: 20px 0}
	.job-page .job-list-box  li:nth-child(1) .tit-box{background: url("/images/content/job_icon01.png") 99% no-repeat}
	.job-page .job-list-box  li:nth-child(2) .tit-box{background: url("/images/content/job_icon02.png") 99% no-repeat}
	.job-page .job-list-box  li:nth-child(3) .tit-box{background: url("/images/content/job_icon03.png") 99% no-repeat}
}

/* -------------- 인사제도 -------------- */
@media all and (max-width:1024px){
	/* HRD */
	.person-hrd-box .hrd-list li{width: calc(50% - 12px); padding: 15px; margin-bottom: 100px}
	.person-hrd-box .hrd-list li:nth-child(3), .person-hrd-box .hrd-list li:nth-child(4){margin-bottom: 0}
}
@media all and (max-width:800px){
	/* 직급체계 */
	.person-page .white-space-bottom{margin-bottom: 60px}
	.person-page .person-tit{margin-bottom: 15px; font-size: 26px}
	.person-page .person-txt{margin-bottom: 20px; font-size: 14px; line-height: 1.6}
	.person-page .con-sub-tit{font-size: 17px}
	.person-page .con-sub-gray-txt{font-size: 14px; line-height: 1.6}
	.person-system-box .tit{margin-bottom: 15px; font-size: 18px}
	.person-system-box .system-list{margin: -5px}
	.person-system-box .system-list li{width: calc(33.33% - 10px); margin: 5px}
	.person-system-box .system-list li .list-txt{bottom: 21px; font-size: 17px}
	/* 평가와 보상 */
	.person-evaluation-box, .person-welfare-box{padding: 50px 0}
	.person-evaluation-box .evaluation-img-box{margin: 0 auto 20px; height: 0; padding-top: 50%}
	.person-evaluation-box .evaluation-list-box{padding: 20px 0; background: #fff url("/images/content/person_point_bg.png") 110% no-repeat; background-size: contain}
	.person-evaluation-box .evaluation-list li{width: calc(50% - 61px); padding: 0 30px}
	/* HRD */
	.person-hrd-box .hrd-list{margin-top: 60px}
	.person-hrd-box .hrd-list li{margin-bottom: 50px}
	.person-hrd-box li::before{width: 80px; height: 80px; top: -40px}
	.person-hrd-box .hrd-list .list-tit{padding: 40px 0 20px}
	/* 복리후생 */
	.person-page .person-welfare-box .person-tit{margin-bottom: 25px}
	.person-welfare-box .welfare-list{margin: -10px 0;}
	.person-welfare-box .welfare-list li{width: 100%; margin: 10px 0; padding: 20px}
	.person-welfare-box .welfare-list li::before{width: 80px}
	.person-welfare-box .welfare-list .list-tit{padding-bottom: 15px; font-size: 16px}
	.person-welfare-box .welfare-list .list-txt{padding: 15px 0}

}
@media all and (max-width:640px){
	/* 직급체계 */
	.person-system-box .system-list{margin: 0}
	.person-system-box .system-list li{width: 100%; margin-bottom: 10px}
	/* 평가와 보상 */
	.person-evaluation-box .evaluation-list{flex-direction: column}
	.person-evaluation-box .evaluation-list-box{background: #fff url("/images/content/person_point_bg.png") 160% no-repeat; background-size: contain}
	.person-evaluation-box .evaluation-list li{width: 100%; padding: 0 20px; margin-bottom: 20px;box-sizing: border-box;}
	.person-evaluation-box .evaluation-list li:last-child{margin-bottom: 0}
	/* HRD */
	.person-hrd-box .hrd-list li{width: 100%}
	.person-hrd-box .hrd-list li:nth-child(3){margin-bottom: 50px;}
	.person-hrd-box li::before{width: 80px; height: 80px; top: -40px}
	.person-hrd-box .hrd-list .list-tit{padding: 40px 0 20px}
}


@media all and (max-width:1220px){
	/* 채용절차 */
	.recruit-process-box .process-list li dt::after{right: auto; left:100%; margin-left:28px;}
}
@media all and (max-width:1024px){
	.info-column-con .info-lt-tit{padding-left: 0}
	/* 채용절차 */
	.recruit-process-box .process-list li dt::after{right: -23%; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid transparent; border-left: 10px solid #a5a5a5}
}
@media all and (max-width:800px){
	/* 탭메뉴 */
	.wide .recruit-page .sub-tab-wrapper-style{padding: 0 15px}
	.recruit-intro-box .sub-tab-wrapper-style{margin: -20px auto 20px;}

	.info-column-con{padding: 25px 0}
	.info-column-con .info-lt-tit strong{font-size: 18px}
	.recruitment-box .recruitment-tit{margin-bottom: 25px; font-size: 21px}
	.recruitment-box .bbs-top-list-box{margin-bottom: 0}
	.recruitment-box .total-list-con{font-size: 13px}
	.recruitment-box .bbs-list-style02 .bbs-item .bbs-list-date{display: none}
	.recruitment-box .bbs-list-style02 .bbs-item .bbs-list-info-con{margin: 0}
	.recruitment-box .bbs-list-style02 .bbs-item .bbs-subject-txt-box{width: 95%}
	.recruitment-box .bbs-list-style02 .bbs-item .bbs-subject-txt{font-size: 15px; margin-bottom: 0}
	.recruitment-box .bbs-list-style02 .category-txt{font-size: 13px}
	.recruitment-box .paging a{font-size: 11px}
	/* 직무소개 */
	.info-column-con .info-rt-con th, .info-column-con .info-rt-con td{padding: 12px; font-size: 13px}
	.info-column-con .info-rt-con th{width: 150px}
	.info-column-con .info-rt-con .job-intro-info{padding: 20px 0}
	.info-column-con .info-rt-con .job-intro-info .front-circle-icon::before{top: 10px}
	.info-column-con .info-rt-con .job-intro-info li{font-size: 13px; padding-left: 80px}
	.info-column-con .info-rt-con .job-intro-info li em{font-size: 15px; top: 0}
	.info-column-con .info-rt-con .front-circle-icon::before{top: 11px}
	.img-with-txt-slide-wrap{padding: 0 30px}
	.img-with-txt-slide li dl dt{font-size: 16px; margin: 10px 0 0}
	.img-with-txt-slide li dl dd{font-size: 13px}
	.img-with-txt-slide-lt-btn{left: -5px}
	.img-with-txt-slide-rt-btn{right: -5px}
	.intro-yikc-box{padding: 35px 0}
	.intro-yikc-box .intro-tit{margin-bottom: 25px; font-size: 23px}
	/* 채용절차 */
	.recruit-process-box .process-list{padding: 20px 0}
	.recruit-process-box .process-list li dt::after{top: 15px;  border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 8px solid transparent; border-left: 8px solid #a5a5a5}
	.recruit-process-box .process-list li dt{margin: 10px auto 10px; height: 40px; line-height: 40px; border-radius: 40px; font-size: 16px}
	.recruit-process-box .process-list li dd{font-size: 13px}
	.center-txt-shadow-box{padding: 12px; font-size: 13px}
	/* 채용공고 */
	.recruitment-box .info-box .info-item  {font-size:13px; padding-left:10px;}
	.recruitment-box .info-box .info-item:first-child {padding-right:10px;}
	.recruitment-box .info-box .info-item:before {height:10px; top:14px;}
}
@media all and (max-width:640px){
	.info-column-con .info-lt-tit{margin-bottom: 10px}
	.info-column-con .info-lt-tit, .info-column-con .info-rt-con{float: none; width: 100%;}
	/* 직무소개 */
	.info-column-con .info-rt-con .job-intro-info{border-bottom: 0; padding-bottom: 0; flex-wrap: wrap}
	.info-column-con .info-rt-con .job-intro-info li{width: 100%}
	.info-column-con .info-rt-con .job-intro-info li em{top: -2px}
	/* 채용절차 */
	.recruit-process-box .process-list{margin:0 -20px}
	.recruit-process-box .process-list li{width: calc(50% - 40px); margin: 20px}
	.recruit-process-box .process-list li dt::after{}
	.recruit-process-box .process-list li:nth-child(2) dt::after{content:none}
}
@media all and (max-width:480px){
	.recruitment-box .bbs-list-style02 .bbs-item .bbs-right-info-con{border-radius: 100%}
	/* 채용공고 */
	.recruitment-box .total-list-con {}
	.recruitment-box .info-box {}
}
@media all and (max-width:640px){
	.recruit-process-box .process-list li dt {position:static;}
	.recruit-process-box .process-list li dl {position:relative;}
	.recruit-process-box .process-list li dt::after {right: 0; left: auto; margin-left: 0; margin-right: -33px;}
}


/* ------------ CI ------------  */
@media all and (max-width:800px){
	.ci-page > article{padding: 35px 0}
	.ci-page .ci-tit-box{width: 160px}
	.ci-page .ci-tit-box h4{font-size: 18px}
	.ci-page .ci-con-box{width: calc(100% - 160px)}
	.ci-page .ci-con-box .ci-con-txt{font-size: 13px}
	/* C.I Story */
	.ci-page .ci-story-box .ci-img-box{margin: 15px 0; padding: 20px}
	.ci-page .ci-story-box .ci-btn-list li{margin-bottom: 0; width: 160px; height: 40px; margin-right: 10px}
	.ci-page .ci-story-box .ci-btn-list li a{padding: 15px}
	.ci-page .ci-story-box .ci-btn-list i{font-size: 13px}
	.ci-page .ci-story-box .ci-btn-list em{font-size: 13px}
	/* Color System */
	.ci-page .ci-color-box .ci-color-list li{float: none; width: 100%}
	.ci-page .ci-color-box .ci-color-list li dt{font-size:13px}
	.ci-page .ci-color-box .ci-color-list li dd{height: 40px; line-height: 40px; padding: 0 15px}
	.ci-page .ci-color-box .ci-color-list li dd em{margin-right: 5px; font-size: 13px}
}
@media all and (max-width:640px){
	.ci-page .ci-tit-box{width: 100%; margin-bottom: 15px;}
	.ci-page .ci-con-box{width: 100%}
	/* C.I Story */
	.ci-page .ci-story-box .ci-btn-list li{width: calc(50% - 5px)}
}

/* ******************  윤리경영  ********************** */
/* 임직원 행동지침 */
@media all and (max-width:800px){
	/* 임직원 행동지침 */
	.guideline-page .tit-box{margin-bottom: 60px}
	.guideline-page .tit-box .tit-icon-box{margin: 0 auto 20px; width: 70px; height: 70px}
	.guideline-page .tit-box h4{font-size: 26px}
}
/* 신고서작성 */
@media all and (max-width:800px){
	.report-page .decalaration-write-box h4{font-size: 23px}
	.report-page .cm-btn-controls .btn-style04{line-height: 32px;}
	.report-page .cm-btn-controls a{height: 32px; line-height: 32px;}
	.report-page .file-custom-box .upload-name{float: none; width: 100%; background-color: #f0f0f0;}
	.report-page .file-custom-box label{font-size: 13px}
}

/* ******************   게시판 :: 쓰기, 문의폼  ********************** */
/* 신고서확인 */
@media all and (max-width:800px){
	.business-con-box{padding: 15px}
	.decalaration-write-txt{font-size: 13px}
}


/* ******************   ci 추가 2024-04-09  ********************** */
@media all and (max-width:1220px){
	.ci-color-item .color-list .list-item .inner{display: block;}
}
@media all and (max-width:1024px){
	.ci-color-item .color-list .list-item .inner{padding:20px 15px;}
	.ci-color-item .color-list .list-item .inner .right dl dt,
	.ci-color-item .color-list .list-item .inner .right dl dd{white-space:nowrap;}
	.ci-color-item .color-list .list-item .inner .right dl dd span{margin-left:10px;}
	
	.ci-incorrect-list .list-item .img-box i{top:10px; left:10px; font-size:20px;}
	.ci-incorrect-list .list-item{width:calc(50% - 30px);}
	.ci-incorrect-list .list-item:nth-child(3){margin-top:30px;}
}
@media all and (max-width:800px){
	.ci-color-item{margin-bottom:40px;}
	.ci-color-item .color-tit{font-size:15px; margin-bottom:15px;}
	.ci-color-item .color-list .list-item{width:calc(50% - 5px);}
	.ci-color-item .color-list .list-item .inner .left{font-size:14px;}
	.ci-color-item .color-list .list-item .inner .right dl dt{font-size:13px;}
	.ci-color-item .color-list .list-item .inner .right dl dd{font-size:13px;}

	.ci-incorrect-list{margin:20px -5px 0;}
	.ci-incorrect-list .list-item{width:calc(50% - 10px); margin:20px 5px 0;}
	.ci-incorrect-list .list-item:nth-child(3){margin-top:20px;}
	.ci-incorrect-list .list-item .txt-box p{font-size:13px;}
}
@media all and (max-width:480px){
	.ci-color-item .color-list .list-item .inner .right dl dd span{margin-left:5px;}
}