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


/* ******************  서브공통 ********************** */
/* -------- 공통 스크롤바  -------- */
@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:calc(-1* var(--area-padding)); cursor:move}
	.custom-scrollbar-wrapper .scroll-object{max-width:none; width:800px; }
	.cm-scroll-drag-guide {display:flex; justify-content:flex-end; margin-right:var(--area-padding); }
	.cm-scroll-drag-guide .cm-scroll-drag-inner { position: relative; width:50px; height: 50px; }
	.cm-scroll-drag-guide .cm-scroll-drag-inner:before { position:absolute; top:4px; right:0; width:100%; height:3px; background-color:#ccc; content:""; border-radius:5px;}
	.cm-scroll-drag-guide .drag-tail { position: absolute; z-index: 1; left: 0px; top: 3px; animation:moveScrollAni 3s both infinite; }
	.cm-scroll-drag-guide .drag-tail .tail{display:block; width: 25px; height: 5px; background-color: rgba(0, 0, 0, 0.7); border-radius:5px; opacity:1; }
	.cm-scroll-drag-guide .drag-tail .hand-icon{ font-size:30px; color:#aaa }
	@keyframes moveScrollAni {
		0%, 10% {
			left: 0;
			margin-left: 0px;
		}
		50% {
			left: 100%;
			margin-left: -25px;
		}
		100% {
			left: 0;
			margin-left: 0px;
		}
	}
}

/* -------- 공통 :: 탭 -------- */
@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; z-index:9}
	.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:var(--main-color); 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; background-color:#fff;}
	.sub-drop-menu-style ul li a em{font-size:13px;}
	.sub-drop-menu-style ul li.selected a{background-color:#fff;}
	.sub-drop-menu-style ul li.selected a em{color:var(--main-color); font-weight:600; }
}
@media all and (max-width:480px){
	/* Tab Fixed Move*/	
	.sub-tab-list-style.top-fixed{top:60px;}
}

/* ******************  회사소개 ********************** */
@media (min-width:800px) and (max-width:1280px){
	.tablet-br{display: block;}
}

/* -------------------------- APPROTIUM -------------------------- */
/************** APPROTIUM :: 인사말 **************/
@media all and (max-width:800px){
	.greeting-con-wrap{display: block;}
	.greeting-img-box{width:50%; margin:auto;}
	.greeting-txt-box{width:100%; margin-left:0;}
	.greeting-txt-box:before{display: none;}
}
/************** APPROTIUM :: 회사연혁 **************/
@media all and (max-width:800px){
	.history-top-banner{height:30rem; display: flex; align-items:center;}
	.history-top-banner .tit-box{padding-top:0; margin:0;}
	.history-top-banner .tit-box .tit{font-size:3rem; margin-top:1.5rem;}
	
	.history-tab-wrapper-style{border-top:0; transform:none; margin-bottom:5rem; z-index:99;}
	.history-tab-wrapper-style .area{padding:0;}
	.history-tab-style ul li{min-width:0; margin-right:0;}
	.history-tab-style ul li a:before{display: none;}
	.history-tab-style ul li a em{margin-bottom:0; color:#333;}

	.history-bg-txt{font-size:10rem;}
	.history-tab-content-style .sub-tab-con {min-height:auto;}
}
@media all and (max-width:480px){
	.history-bg-txt{font-size:6rem;}
}
/************** APPROTIUM :: 특허/인증 **************/
@media all and (max-width:800px){
	.certi-top-box{display: block; margin-bottom:6rem;}
	.certi-top-box .left-box{width:100%; padding-right:0rem; margin-bottom:3rem;}
	.certi-top-box .left-box .tit{font-size:3rem; margin-bottom:2rem;}
	.certi-top-box .right-box{width:100%;}
	.certi-top-box .right-box .txt{margin-bottom:1.5rem;}

	.cm-gray-box{padding:5rem 0 2rem;}
}

/************** APPROTIUM :: 오시는길 **************/
@media all and (max-width:800px){
	/* 오시는길 :: 탭 */
	.location-tab-wrapper-style{margin-bottom:4rem; position: relative; z-index:9;}
	.loaction-tab-list-style ul{/* display: block; */ margin:0}
	.loaction-tab-list-style ul li{margin:0;}
	.loaction-tab-list-style ul li a em{height:auto; line-height:1;}
	.loaction-tab-list-style ul li a:before{display: none;}
	/* 오시는길 :: 지도 */
	.location-map-box{padding-top:25rem; margin-bottom:3rem; }
	.location-info-box .tit-box .left-box{float:none; margin-bottom:2rem;}
	.location-info-box .tit-box .right-box{float:none; width:100%; justify-content:space-between;}
	.location-info-box .tit-box .right-box a{width:48%; margin:0;}
	.location-info-box .info-box{padding-top:2rem;}
}
@media all and (max-width:480px){
	.location-info-box .tit-box .left-box{margin-bottom:1rem;}
	.location-info-box .tit-box .left-box .tit{font-size:2.5rem;}
	.location-info-box .tit-box .left-box .sub-tit{font-size:1.6rem;}
	.location-info-box .tit-box .right-box a{height:4.5rem; line-height:4.5rem;}
}

/************** APPROTIUM :: 회사개요 **************/
@media all and (min-width:801px){
	.sub-full-con05-list .list-item.on{background:rgba(45,170,225,0.3);}
	/* .sub-full-con05-list .list-item.on .inner-item{display: block;} */
}


@media (min-width:801px) and (max-width:1280px){
	/* 회사개요 :: 컨텐츠 02 */
	#fullpage #summaryCon02.fp-section .fp-tableCell{height:70rem !important;}
	/* 회사개요 :: 컨텐츠 05 */
	#fullpage #summaryCon05.fp-section .fp-tableCell{height:70rem !important;}
}
@media all and (max-width:1280px){
	#fp-nav.left{display: none !important;}

	/* 회사개요 :: 컨텐츠 02 */
	.sub-full-con02-list{padding:0 var(--area-padding);}
	.sub-full-con02-list .list-item{padding:0 1rem; box-sizing:border-box;}
	.sub-full-con02-list .list-item .data-txt{font-size:3.3rem;}
	/* 회사개요 :: 컨텐츠 03 */
	.sub-full-con03-item{transform: translateY(-35%);}
	/* 회사개요 :: 컨텐츠 04 */
	.sub-full-con04-item{margin-top:0;}
	.sub-full-con04-item .section-tit{margin-bottom:10rem;}
	.sub-full-con04-item .inner-box{justify-content:center;}
	.sub-full-con04-item .inner-box .inner-item{width:40%;}
	/* 회사개요 :: 컨텐츠 05 */
	.fullpage-sub-tit{top:10rem}
}
@media all and (max-width:800px){
	#fullpageIntro{overflow:visible;}
	.fullpage-scroll-icon{display: none !important;}
	/* 회사개요 :: 컨텐츠 01 */
	#summaryCon01{min-height:40rem;}
	.sub-full-con01-item .sub-tit{font-size:1.6rem;}
	.sub-full-con01-item .tit{font-size:3rem; margin-top:2rem;}
	.sub-full-con01-item .txt{font-size:2rem; margin-top:2rem;}
	/* 회사개요 :: 컨텐츠 02 */
	#summaryCon02{min-height:auto; padding:5rem 0;}
	.sub-full-con02-list{display: block; padding:0;}
	.sub-full-con02-list .list-item{width:100%; height:auto; border-right:0; border-bottom:1px solid rgba(255,255,255,0.18); margin-bottom:2rem; padding-bottom:2rem;}
	.sub-full-con02-list .list-item .tit{margin-top:0;}
	.summary-con02-plus-txt{position: relative; bottom:auto; left:auto; transform:none; }
	/* 회사개요 :: 컨텐츠 03 */
	#summaryCon03{min-height:40rem;}
	.sub-full-con03-item .sub-tit{font-size:1.6rem;}
	.sub-full-con03-item .tit{font-size:3rem; margin-bottom:2rem;}
	.sub-full-con03-item .txt{font-size:1.5rem;}
	/* 회사개요 :: 컨텐츠 04 */
	#summaryCon03{min-height:35rem;}
	.sub-full-con04-item .section-tit{margin-bottom:5rem;}
	.sub-full-con04-item .inner-box .inner-item .num{font-size:5.5rem; letter-spacing:0.1em;}
	/* 회사개요 :: 컨텐츠 05 */
	#summaryCon05{height:auto; padding:5rem 0;}
	.fullpage-sub-tit{position: relative; top:auto; left:auto; transform:none; text-align:center;}
	.sub-full-con05-list{display: block; padding:3rem 0;}
	.sub-full-con05-list .list-item{width:100%; height:auto; border-right:0; border-bottom:1px solid rgba(255,255,255,0.18); padding-bottom:2rem; margin-bottom:2rem;}
	.sub-full-con05-list .list-item:last-child{border-bottom:0; margin-bottom:0; padding-bottom:0;}
	.sub-full-con05-list .list-item .inner-item{display: flex !important; flex-wrap:wrap; justify-content:center; opacity:0; transform:translateY(50px); transition:all 0.8s; /* 모바일 스크립트 오류로 추가 */height:auto !important; margin-top:3rem !important;}
	.sub-full-con05-list .list-item .inner-item dl{margin:0 auto 1.5rem; width:50%; padding:0 1rem; box-sizing:border-box;}
	
	.active-section .sub-full-con05-list .list-item .inner-item{opacity:1; transform:translateY(0px);}
}
/************** APPROTIUM :: BRAND **************/
@media (min-width:801px) and (max-width:1280px){
	/* BRAND :: 컨텐츠 03 */
	#fullpage #brandCon03.fp-section .fp-tableCell{height:70rem !important;}
}
@media all and (max-width:1280px){
	/* BRAND :: 컨텐츠 05 */
	#brandCon05{padding:8rem 0;}
	.brand-mark-info{flex-wrap:wrap;}
	.brand-mark-info .info-item{width:47%; margin-bottom:3%; min-height:auto;}
	/* BRAND :: 컨텐츠 06 */
	#brandCon06{padding:8rem 0;}

	.brand-color-item{display: block; margin-top:5rem;}
	.brand-color-item .txt-box{width:100%; padding-left:0; padding-right:0; margin-bottom:3rem;}
	.brand-color-item .txt-box .txt br{display: none;}
	.brand-color-item .color-box{width:calc(100% + 2rem); margin:0 -1rem;}
	.brand-color-item .color-box .inner-item{width:calc(33.33% - 2rem); margin:0 1rem;}
}
@media all and (max-width:800px){
	/* BRAND :: 컨텐츠 01 */
	#brandCon01{padding:8rem 0; min-height:auto;}
	.sub-full-con01-item .brand-logo{margin-bottom:5rem;}
	.sub-full-con01-item .brand-logo img{height:17.12rem;}
	.sub-full-con01-item .brand-tit{font-size:2.6rem;}
	.sub-full-con01-item .brand-txt{font-size:1.8rem; margin-top:1.7rem;}
	.sub-full-con01-item .brand-txt02{font-size:1.6rem; margin-top:1rem;}
	/* BRAND :: 컨텐츠 02 */
	#brandCon02{padding:8rem 0; min-height:auto;}
	#brandCon02 .sub-full-con03-item{transform: none;}
	.sub-full-con03-item .brand-tit{font-size:3.5rem; margin-bottom:2rem;}
	#brandCon02 .sub-full-con03-item .txt{margin-bottom:1rem;}
	/* BRAND :: 컨텐츠 03 */
	#brandCon03{padding:8rem 0 5rem; min-height:auto;}
	#brandCon03 .sub-full-con02-list{margin-top:3rem;}
	.sub-full-con02-list .list-item .brand-tit{font-size:2.5rem; margin-bottom:1rem;}
	#brandCon03 .sub-full-con02-list .list-item .tit{font-size:1.6rem; line-height:1.5;}
	#brandCon03 .sub-full-con02-list .list-item:last-child{border-bottom:0;}
	/* BRAND :: 컨텐츠 04 */
	#brandCon04{padding:8rem 0; min-height:auto;}
	.sub-full-con03-item{transform:none;}
	/* BRAND :: 컨텐츠 05 */
	.brand-mark-box{display: block; margin-top:4rem;}
	.brand-mark-box .left-box{width:100%; text-align:center; margin-bottom:2rem}
	/* .brand-mark-box .left-box span img{height:19.6rem;} */
	.brand-mark-box .right-box{width:100%; text-align:center;}
	.brand-mark-info .info-item{width:100%; padding:2rem 1.5rem;}
	/* BRAND :: 컨텐츠 06 */
	#brandCon06{padding-top:0rem}
	.brand-color-item .color-box{flex-wrap:wrap; width:100%; margin:0;}
	.brand-color-item .color-box .inner-item{width:100%; margin:0 0 2rem;}
	.brand-color-item .color-box .inner-item .color{padding-top:8rem;}
}
/************** Sustainability :: Safety **************/
@media all and (max-width:800px){
	.safety-gray-box{padding:7rem 0;}
	.safety-top-con .tit-box .tit{font-size:2.6rem;}
	.safety-top-con .tit-box .tit br{display: none;}

	.safety-item-wrap{display: block;}
	.safety-item-wrap .tit-box{width:100%; padding-right:0; margin-bottom:2rem;}
	.safety-item-wrap .tit-box .tit{font-size:2.6rem; margin-top:0;}
	.safety-item-wrap .tit-box .tit br{display: none;}
	.safety-item-wrap .info-box{width:100%;}
	.safety-item-wrap .info-box .inner-box{padding:2rem 1.5rem;}
	.safety-item-wrap .info-box .inner-box .inner-item{padding-right:3rem; box-sizing:border-box;}
	.safety-item-wrap .info-box .inner-box .inner-item .dotted-txt br{display: none;}
}
@media all and (max-width:640px){
	.safety-item-wrap .info-box .inner-box{display: block;}
	.safety-item-wrap .info-box .inner-box .inner-item{padding-right:0rem; width:100%;}
}


/************** Business ::  **************/
@media all and (max-width:1280px){
	.section.business-con{min-height:70rem;}
	#fullpage .fp-section.business-con .fp-tableCell{height:70rem !important;}
}
@media all and (max-width:800px){
	.section.business-con{min-height:auto; padding:10rem 0;}
	#fullpage .fp-section.business-con .fp-tableCell{height:auto !important;}
	.sub-full-con01-item .business-sub-tit:before{bottom:-0.3rem;}

	#hydrogenCon02 .sub-full-con02-list .list-item .cm-txt{height:auto;}
	.sub-full-con02-list .list-item .hydrogen-con-txt{min-height:auto;}
	.sub-full-con02-list .list-item .hydrogen-con-txt.data-txt{font-size:4rem;}

	.sub-full-con02-list.list-02 .list-item .cm-txt{margin-top:1rem;}

	.business-con .sub-full-con02-list .list-item:last-child{border-bottom:0;}

	.sub-full-con06-item .tit{font-size:3rem;}
	.sub-full-con06-item .txt{font-size:1.8rem;}
}
/************** Business :: RightBar **************/
@media all and (max-width:1280px){
	.business-rightbar-wrap{right:15px; }
	.business-rightbar-link-list .list-item a .circle i{top:3px;}
}
@media all and (max-width:800px){
	.business-rightbar-wrap{display: none !important;}
}

/************** Speaker UP :: 신문고 작성 **************/
/* speaker up */
@media all and (max-width:1280px) {
	.declaration-right-item .declaration-item-list li {min-height: 140px; max-height: 140px;}
	.declaration-right-item .declaration-item-list li .tit-box {padding-right: 2rem;}
}

@media all and (max-width:1024px) {
	.declar-page .con02 .declaration-right-item .bbs-write-con .bbs-write-tbl-box td {padding: 15px 0;}
}

@media all and (max-width:800px) {
	.declar-page .declaration-bg-gray {padding-top: 10rem;}
	.declar-page .declaration-con-wrap .declaration-right-item {padding-left: 0;}
	.declar-page .declaration-con-wrap .declaration-left-item {top: -6rem; width: 100%;}
}

@media all and (max-width:640px) {
	.inquiry-info-con .inner-box dl {flex-direction: column; align-items: flex-start;}
	.inquiry-info-con .inner-box dl dd {width: 100%;}
	.inquiry-info-con .inner-box {padding: 1.5rem 2rem;}
	.declaration-right-item .declaration-item-list li {flex-direction: column; justify-content: center; padding: 2rem; min-height: 170px; max-height: 170px;}
	.declaration-right-item .declaration-item-list li .tit-box .tit-imgs {margin-right: 0;}
	.declaration-right-item .declaration-item-list li .tit-box {width: 100%; margin-bottom: 1.5rem; padding-right: 0;}
	.declaration-right-item .declaration-item-list li .tit-box .item-tit {width: auto; padding-left: 1.5rem;}
	.declaration-right-item .declaration-item-list li .cm-txt {width: 100%; display: flex; align-items: center;}
}

@media all and (max-width:480px) {
	.declaration-right-item .bbs-write-tbl-box .declar-td-row {flex-direction: column; align-items: flex-start;}
	.declaration-right-item .bbs-write-tbl-box .declar-td-row span {padding-left: 0; margin-top: 1.5rem;}
	.declaration-right-item .declaration-item-list li {min-height: 150px; max-height: 150px;}
	.declaration-right-item .bbs-write-con .bbs-write-tbl .cm-form-fieldset-box {width: 100%;}
	.declaration-right-item .bbs-write-tbl-box .declar-td-row input {width: 100%;}
}

@media all and (max-width:1400px) {
	/* 복리후생 */
	.welfare-con .welfare-item-wrap {padding: 0 2rem;}

	/* 채용공고 */
	.apply-con {padding: 0 2rem;}
}

@media all and (max-width:1280px) {
	.welfare-con .welfare-item-wrap {padding: 0;}

	/* 채용공고 */
	.apply-con {padding: 0;}

	/* sustainability - esg */
	.esg-con .esg-con-wrap {flex-direction: column;}
	.esg-con-wrap .esg-img-wrap {width: 100%; display: flex; align-items: center; justify-content: center;}
	.esg-con-wrap .esg-item-con {width: 70%; margin-top: 7rem;}
}

@media all and (max-width:1220px) {
	/* 인재상 */
	.talent-con .talent-des-wrap {width: 100%;}

	/* 인사제도 */
	.item-edu .person-item-txt .txt-des-box p:nth-of-type(1) {line-height: 1.7em;}
	.person-item-txt .txt-title-box h4 {font-size: 4rem;}
	.person-item-txt .txt-title-box span {left: 8rem;}

	/* 복리후생 */
	.welfare-con .welfare-item-wrap {justify-content: flex-start; width: calc(100% + 3.5rem);}
	.welfare-item-wrap {flex-wrap: wrap; justify-content: flex-start;}
	.welfare-item-wrap .welfare-item {width: calc(25% - 3.5rem); height: 193px;}
	.welfare-item-wrap .welfare-item:nth-child(4), .welfare-item-wrap .welfare-item:nth-child(8), .welfare-item-wrap .welfare-item:nth-child(12), .welfare-item-wrap .welfare-item:nth-child(15) {margin-right: 0;}
	.welfare-item-wrap .welfare-item:nth-child(5), .welfare-item-wrap .welfare-item:nth-child(10) {margin-right: 3.5rem;}
	.welfare-item-wrap .welfare-item span {line-height: 1.6em;}

	/* 채용 프로세스 */
	.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle {width: 40px; height: 40px; left: -20px;}
	.notice-item-wrap .notice-txt-box .notice-txt-item p {padding-left: 7.5rem;}
}

@media all and (min-width: 801px) {
	.apply-item-wrap .apply-item .apply-item-txt .item-txt-right .m-br {display: none;}
}

@media all and (max-width:800px) {
	/* 인재상 */
	.human-cm-con {padding-top: 3rem;}
	.talent-con .talent-imgs img {width: 100%;}
	.talent-con .talent-title-box .talent-title {font-size: 2.8rem; line-height: 1.2em;}
	.talent-con .talent-title-box .talent-subtit {font-size: 1.5rem;}
	.talent-des-wrap .talent-des-box {padding: 0 3rem;}
	.talent-des-wrap .talent-des-box .des-item span {font-size: 1.4rem; line-height: 1.8em}
	.talent-des-wrap .talent-des-box .des-item p {font-size: 1.4rem; line-height: 1.8em; padding-left: 1.6rem;}

	/* 인사제도 */
	.person-con .person-item-box {flex-direction: column; position: static; margin-bottom: 8rem;}
	.person-con .item-edu .person-item-txt, .person-con .item-promo .person-item-txt {position: static; transform: translateY(0);}
	.person-con .person-item-box .person-item-txt {width: 100%;}
	.person-con .person-item-box .person-item-img {width: 100%;}
	.person-item-txt .txt-des-box {padding: 1.7rem 0;}
	.person-item-txt .txt-title-box {padding-bottom: 1.5rem;}
	.person-item-txt .txt-title-box h4 {font-size: 3rem;}
	.person-item-txt .txt-title-box span {bottom: 0;  left: 7rem;}
	.person-con .person-promo-wrap {padding: 5rem 0;}
	.person-promo-wrap .promo-item-box {padding-top: 4rem;}
	.person-promo-wrap .promo-item {flex-direction: column; padding-top: 5rem; padding-bottom: 12rem;}
	.person-promo-wrap .promo-item .promo-item-line {width: 100%; bottom: -5rem;}
	.person-promo-wrap .promo-item .promo-item-circle {margin-bottom: 2rem;}
	.person-promo-wrap .promo-item:nth-child(2) {padding-bottom: 10rem;}
	.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(1) {left: 20%;}
	.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(2) {left: 35%;}
	.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(3) {left: 50%;}
	.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(4) {left: 65%;}
	.person-promo-wrap .promo-item .promo-item-line .line-circle-box:nth-child(5) {left: 80%;}
	.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(1) {left: 10%;}
	.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(2) {left: 26%;}
	.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(3) {left: 42%;}
	.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(4) {left: 58%;}
	.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(5) {left: 74%;}
	.person-promo-wrap .promo-item .promo-item-line2 .line-circle-box:nth-child(6) {left: 90%;}

	/* 복리후생 */
	.welfare-item-wrap .welfare-item {width: calc(33.333% - 3.5rem); height: 208px;}
	.welfare-item-wrap .welfare-item img {width: 40px; height:auto;}
	.welfare-item-wrap .welfare-item:nth-child(4), .welfare-item-wrap .welfare-item:nth-child(8), .welfare-item-wrap .welfare-item:nth-child(5), .welfare-item-wrap .welfare-item:nth-child(10) {margin-right: 3.5rem;}
	.welfare-item-wrap .welfare-item:nth-child(3), .welfare-item-wrap .welfare-item:nth-child(6), .welfare-item-wrap .welfare-item:nth-child(9), .welfare-item-wrap .welfare-item:nth-child(12), .welfare-item-wrap .welfare-item:nth-child(15) {margin-right: 0;}

	/* 채용 프로세스 */
	.notice-item-wrap .notice-pc-box {flex-wrap: wrap;}
	.notice-item-wrap .notice-pc-box .notice-pc-item {width: calc(100% / 3);}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(1), .notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(4) {border-left: none;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(n + 4 ) {margin-top: 3rem;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(4) .pc-item-circle {display: none;}
	.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle {width: 30px; height: 30px; left: -15px;}
	.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle::before {font-size: 1.7rem;}
	.notice-item-wrap .notice-txt-box {padding-left: 4rem; padding-right: 4rem;}
	.notice-item-wrap .notice-txt-box .notice-txt-item p {padding-left: 5.5rem;}
	.notice-item-wrap .notice-txt-box .notice-txt-item span {min-width: 80px;}

	/* 채용공고 */
	.apply-item-wrap .apply-item a {padding: 2.8rem 0;}
	.apply-item-wrap .apply-item .apply-item-txt .item-txt-right {padding-left: 4.5rem;}
	.apply-item-wrap .apply-item .apply-item-txt .item-txt-right span {padding-left: 1.5rem;}
	.apply-item-wrap .apply-item .apply-item-txt .item-txt-right span::before {margin-left: 0;}

	/* sustainability - esg */
	.esg-con-wrap .esg-item-con {width: 100%;}
	.esg-con-wrap .esg-img-wrap img {width: 100%;}
	.esg-item-con .esg-item-wrap em{display:block; margin:2rem 0 3rem 0;}

	/* speaker up - 신문고 조회 */
	.declarview-con .declarview-inner {flex-direction: column; padding-top: 5rem;}
	.declarview-con .declarview-inner h4 {margin-bottom: 2rem;}
	.declarview-con .declarview-inner .declarview-item-box {width: 100%;}
	.declarview-con .declarview-inner .declarview-item-box input {width: 100%;}

	/* speaker up - 신문고 작성 완료, 신문고 확인 */
	.cm-declar-page {padding-top: 2rem;}
	.cm-declar-page .declaration-con-wrap .declaration-left-item {top: -6rem; width: 100%;}
	.cm-declar-page .declaration-con-wrap .declaration-right-item {padding-left: 0;}
}

@media all and (max-width:640px) {
	.welfare-con .welfare-item-wrap {justify-content: flex-start; width: calc(100% + 3.5rem);}
	.welfare-item-wrap .welfare-item {width: calc(50% - 3.5rem); height: 250px;}
	.welfare-item-wrap .welfare-item:nth-child(even) {margin-right: 0;}
	.welfare-item-wrap .welfare-item:nth-child(3), .welfare-item-wrap .welfare-item:nth-child(9) {margin-right: 3.5rem;}

	/* 채용 프로세스 */
	.notice-item-wrap .notice-txt-box {padding-left: 2rem; padding-right: 2rem;}
	.notice-item-wrap .notice-txt-box .notice-txt-item p {padding-left: 3rem;}

	/* 채용공고 */
	.apply-item-wrap .apply-item a {flex-direction: column;}
	.apply-item-wrap .apply-item .apply-item-txt {width: 100%;}
	.apply-item-wrap .apply-item .apply-item-state {margin-top: 3rem;}

	/* sustainability - esg */
	.esg-item-con .esg-item-wrap .esg-item-box .esg-item {flex-direction: column;}
	.esg-item-con .esg-item-wrap .esg-item-box .esg-item span {padding-left: 0; padding-top: 2rem;}
}

@media all and (max-width:480px) {
	.welfare-item-wrap .welfare-item {height: 180px;}
	/* 채용 프로세스 */
	.notice-item-wrap .notice-pc-box .notice-pc-item {width: calc(100% / 2);}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(1), .notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(4) {border-left: 1px solid #e6e6e6;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(odd) {border-left: none;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(n + 4 ) {margin-top: 0;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(3), .notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(4) {margin: 3rem 0;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(4) .pc-item-circle {display: flex;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(3) .pc-item-circle {display: none;}
	.notice-item-wrap .notice-pc-box .notice-pc-item:nth-child(5) .pc-item-circle {display: none;}
	.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle::before {font-size: 1.4rem;}
	.notice-item-wrap .notice-pc-box .notice-pc-item .pc-item-circle {width: 25px; height: 25px; left: -12.5px;}

	/* 채용공고 */
	.apply-item-wrap .apply-item .apply-item-txt {flex-direction: column;}
	.apply-item-wrap .apply-item .apply-item-txt .item-txt-right {padding-left: 0;}

	/* sustainability - esg */
	.esg-item-con .esg-item-wrap .esg-item-box .esg-item {padding: 0 1rem;}
	.esg-item-con .esg-item-wrap .esg-item-box .esg-item span {text-align: center;}
}

@media all and (max-width:360px) {
	/* 인재상 */
	.talent-con .talent-des-wrap {height: 140px;}

	/* 복리후생 */
	.welfare-con .welfare-item-wrap {width: 100%;}
	.welfare-item-wrap .welfare-item {width: 100%; height: 150px; margin-right: 0;}
	.welfare-item-wrap .welfare-item:nth-child(3), .welfare-item-wrap .welfare-item:nth-child(5), .welfare-item-wrap .welfare-item:nth-child(9) {margin-right: 0;}

	/* 채용 프로세스 */
	.notice-item-wrap .notice-txt-box .notice-txt-item span {text-align: center;}
	.notice-item-wrap .notice-txt-box .notice-txt-item p {padding-left: 2rem;}
}

/************** Archive :: 견적문의 **************/
@media all and (max-width:800px){
	.bbs-write-tbl .input-check span label{min-width:0; padding:0 2rem;}
}