@charset "utf-8";

@media (max-width: 1200px) {
	/* Products */
	.pr-pg .pr-info{align-items:flex-start;}
	.pr-pg .pr-info .img{width:350px;margin-right:40px;}
	.pr-pg .pr-info .tt-wrap .doc-tit{margin-bottom:30px;}
	.pr-pg .pr-info .tt-wrap .wrap p{margin-bottom:20px;}
	.pr-pg .pr-info .tt-wrap .wrap p br{display:none;}

	.doc-tit2{margin-bottom:30px;}
	.pr-link ul li .box{padding:20px;min-height:200px;}
	.pr-link ul li .box .dic img{height:60px;}
	.pr-link ul li .box:after{right:20px;bottom:20px;width:44px;height:44px;background-size:16px;}

	.pr-sld-wrap .menu-sld{width:300px;margin-right:40px;}
	.pr-sld-wrap .menu-sld .item a{min-height:50px;padding:5px 50px 5px 20px;}
	.pr-sld-wrap .menu-sld .item a:after{width:10px;height:10px;right:20px;}
	.pr-sld-wrap .pr-sld{padding-bottom:10px;}
	.pr-sld-wrap .pr-sld .tit{margin-top:25px;padding-right:120px;}
	.pr-sld-wrap .pr-sld .arrs .slick-arrow{width:40px;height:40px;background-size:8px;}
	.pr-sld-wrap .pr-sld .arrs .slick-prev{margin-right:10px;}

	.pr-pg .pr-info.type2 .tt-wrap .doc-tit{margin-bottom:30px;}
	.pr-pg .pr-info.type2 .wide-img .inner{padding:20px;}

	.pr-row-con .content .info-box .top{margin-bottom:15px;}
	.pr-row-con .content .info-box .tt{margin-top:20px;}
	.pr-row-con .content .info-box .tt br{display:none;}
	.pr-row-con .content .info-box .app{margin-top:25px;}
	.pr-row-con .content .info-box .app .app-tit{line-height:36px;border-radius:36px;}
	.pr-row-con .content .row-wrap .row{align-items:flex-start;margin-bottom:40px;}
	.pr-row-con .content .row-wrap .row .tt-wrap .tt{margin-top:10px;}
	.pr-row-con .content .row-wrap .row .tt-wrap .tt br{display:none;}

	.pr-row-con .content .row-wrap .row .tt-wrap .hypen-list{margin-top:15px;}

	.doc-btn{width:160px;height:50px;border-radius:25px;}

	/* 채용공고 리스트 */
	.board-search{margin-bottom:20px;}
	.posting-list{padding-top:20px;}
	.posting-list .cate-wrap{width:200px;margin-right:50px;top:100px;}
	.posting-list .cate-wrap .row{margin-bottom:25px;}
	.posting-list .cate-wrap .row .tit{margin-bottom:10px;}
	.posting-list .cate-wrap .row select.input{height:44px;padding-left:15px;}
	.posting-list .list ul li{padding-bottom:20px;margin-bottom:20px;}
	.bd-tit-wrap .top-wrap{margin-bottom:10px;}
	.bd-tit-wrap .top-wrap .status{min-width:60px;height:30px;border-radius:15px;margin-right:15px;}
	.bd-tit-wrap .top-wrap .route .flex{margin:0 -10px;}
	.bd-tit-wrap .top-wrap .route .flex p{padding:0 10px;}
	.bd-tit-wrap .top-wrap .route .flex p:after{width:4px;height:4px;right:-2px;}
	.bd-tit-wrap .date{margin-top:15px;}

	/* 채용공고 상세 */
	.posting-view .content-wrap{margin-right:60px;}
	.posting-view .content-wrap .bd-tit-wrap{padding-bottom:30px;margin-bottom:30px;}
	.posting-view .content-wrap .content .row{margin-bottom:60px;}
	.posting-view .content-wrap .content .row .tit{margin-bottom:15px;font-size:16px;}

	.posting-view .btns{width:140px;top:100px;}
	.posting-view .btns .btn{height:50px;border-radius:25px;}

	/* 채용공고 지원 */
	.posting-apply .doc-tit2{margin-bottom:50px;}
	.posting-apply .form-area .content .title{margin-bottom:25px;}
	.posting-apply .form-area .content .row{margin-bottom:25px;}
	.posting-apply .form-area .content .row .row-tit{margin-bottom:10px;}
	.dot-tit{padding-left:18px;}
	.dot-tit:before{width:8px;height:8px;top:.35em;}
	input.input.st2,
	select.input.st2{height:44px;padding:0 15px;}
	textarea.input.st2{padding:10px 15px;}

	.form-agree .scroll-box{padding:15px 20px;}
	.doc-btn.type2{margin-top:40px;}

	/* 파일 업로드 공통 */
	/* .file-drag-cnt{min-height:200px;} */
    .hr-file-wrap { min-height: 200px;}
    .file-upload-btn { min-height: 200px;}

	/* inquiry */
	.inquiry .top-con{padding:40px;}
	.inquiry .top-con .chk{margin-right:40px;}
	.chk-list li{padding-left:26px;}
	.chk-list li:before{top:.25em;}


	.inquiry .ic-con{padding:50px 0;}
	.inquiry .ic-con ul li{padding:5px;width:16.6666%;}
	.inquiry .ic-con ul li .ic{margin-bottom:15px;}
	.inquiry .ic-con ul li p{font-size:14px;}
	.inquiry .ic-con ul li p br{display:none;}

	.inquiry .form-wrap .row{display:block;margin-bottom:25px;}
	.inquiry .form-wrap .row .tit-wrap{width:100%;padding:0;margin-right:0;min-height:auto;background-color:transparent;margin-bottom:10px;}
	.inquiry .form-wrap .row.type2 .tit-wrap{height:auto;}
	.inquiry .form-wrap .row .nt{font-size:14px;padding-top:5px;height:26px;}
	.inquiry .form-wrap .row .col{width:100%;}
	.inquiry .form-wrap .row .radio-wrap{padding:0;background-color:transparent;padding-top:5px;}
	.inquiry .form-wrap .row .radio-wrap .flex{min-height:auto;}
	.inquiry .form-wrap .row .radio-wrap .flex .radiobox{font-size:14px;}


	/* esg */
	.esg-list>ul>li{padding:25px 0;}
	.esg-list>ul>li .group .sl-wrap .col{margin-right:10px;}
	.esg-list>ul>li .group .sl-wrap .sl-box{width:120px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .tit{height:38px;border-radius:18px;padding:0 15px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .tit:after{right:15px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .sl-open{padding:15px;border-radius:18px;top:37px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li>a .ic{height:14px;}

	/* 인증서 공통 */
	.certi-list .tit-wrap{margin-bottom:60px;}
	.certi-list .tit-wrap p{margin-top:10px;}
	.certi-list ul{margin:0 -20px -55px;}
	.certi-list ul li{width:25%;padding:0 20px;margin-bottom:55px;}
	.certi-list ul li p{margin-top:15px;}

	/* 채용안내 */
	.career .top-con .doc-tit{margin-bottom:20px;}
	
	.career .btm-con ul li .box .inner{padding:20px;}
	.career .btm-con ul li .box .ic{margin-bottom:20px;}
	.career .btm-con ul li .box .tit{margin-bottom:15px;}
	.career .btm-con ul li .box p br{display:none;}

	/* hr policy */
	.hrp .content{overflow:hidden;}
	.hrp .content .doc-tit2{margin-bottom:20px;}
	.hrp .content .num-con .row{margin-bottom:40px;}
	.hrp .content .num-con .row .row-tit{margin-bottom:15px;}
	.hrp .content .num-con .row ul{margin:0 -20px -10px;}
	.hrp .content .num-con .row ul li{width:25%;margin-bottom:10px;}
	.hrp .content .num-con .row ul li .box{min-height:100px;}

	.hrp .content .box-con1 ul li .box{padding:20px 20px 100px;min-height:auto;height:100%;}
	.hrp .content .box-con1 ul li .box:after{right:20px;bottom:20px;width:60px;height:60px;}

	.hrp .content .box-con2>ul>li .box{padding:20px;min-height:auto;height:100%;}
	.hrp .content .box-con2>ul>li .box .tit{margin-bottom:15px;}
	.hrp .content .box-con2>ul>li .box .ic{margin-bottom:20px;}
	.hrp .content .box-con2>ul>li .box .hypen-list li{margin-bottom:5px;}

	.hrp .content .process ul{margin:0 -50px;flex-wrap:wrap;justify-content:center;}
	.hrp .content .process ul li{padding:0 50px;width:33.3333%;}
	.hrp .content .process ul li:after{height:18px;}
	.hrp .content .process ul li .cc{width:160px;height:160px;margin:0 auto;}

	.hrp .content .how ul li .box{padding:20px;}
	.hrp .content .how ul li .box .ic{width:100px;height:100px;margin-right:30px;}
	.hrp .content .how ul li .box .ic img{height:50px;}
	.hrp .content .how ul li .box .wrap .num{margin-bottom:10px;}
	.hrp .content .how ul li .box .wrap .tt{margin-top:10px;}

}

@media (max-width: 768px) {
	/* Products */
	.pr-pg .pr-info{display:block;}
	.pr-pg .pr-info .img{width:100%;margin-right:0;margin-bottom:30px;}
	.pr-pg .pr-info .tt-wrap{width:100%;}
	.pr-pg .pr-info .tt-wrap .doc-tit{margin-bottom:15px;}
	.pr-pg .pr-info .tt-wrap .wrap p{margin-bottom:15px;font-size:14px;}

	.doc-tit2{margin-bottom:20px;}
	.pr-link ul{margin:0;display:block;}
	.pr-link ul li{width:100%;padding:0;margin-bottom:10px;}
	.pr-link ul li:last-child{margin-bottom:0;}
	.pr-link ul li .box{min-height:130px;}
	.pr-link ul li .box .tit{font-size:18px;}
	.pr-link ul li .box .dic img{height:50px;}
	.pr-link ul li .box:after{width:34px;height:34px;background-size:12px;}

	.pr-sld-wrap{display:block;}
	.pr-sld-wrap .menu-sld{width:100%;margin-right:0;margin-bottom:20px;border-top:none;}
	.pr-sld-wrap .menu-sld .slick-track{display:flex;flex-wrap:wrap;}
	.pr-sld-wrap .menu-sld .slick-slide{float:none;width:50%;height:auto;}
	.pr-sld-wrap .menu-sld .slick-slide>div,
	.pr-sld-wrap .menu-sld .slick-slide .item,
	.pr-sld-wrap .menu-sld .slick-slide a{height:100%;}
	.pr-sld-wrap .menu-sld .item a{min-height:auto;padding:10px 10px;font-size:14px;}
	.pr-sld-wrap .menu-sld .item a:after{display:none;}
	.pr-sld-wrap .pr-sld{width:100%;}
	.pr-sld-wrap .pr-sld .tit{margin-top:20px;padding-right:100px;font-size:16px;}
	.pr-sld-wrap .pr-sld .arrs .slick-arrow{width:34px;height:34px;background-size:7px;}
	.pr-sld-wrap .pr-sld .arrs .slick-prev{margin-right:6px;}

	.pr-pg .pr-info.type2 .tt-wrap{margin-bottom:20px;}
	.pr-pg .pr-info.type2 .tt-wrap .doc-tit{margin-bottom:30px;}
	.pr-pg .pr-info.type2 .wide-img .inner{padding:10px;}

	.pr-row-con .doc-tit{margin-bottom:20px;}
	.pr-row-con .content .info-box .top{margin-bottom:5px;font-size:12px;}
	.pr-row-con .content .info-box .tt{margin-top:10px;line-height:1.6em;}
	.pr-row-con .content .info-box .app{margin-top:20px;display:block;}
	.pr-row-con .content .info-box .app .app-tit{margin-right:0;margin-bottom:10px;padding:0 15px;line-height:30px;border-radius:30px;font-size:14px;}
	.pr-row-con .content .info-box .app p{width:100%;font-size:13px;}
	.pr-row-con .content .row-wrap{margin-top:40px;}
	.pr-row-con .content .row-wrap .row{display:block;margin-bottom:40px;}
	.pr-row-con .content .row-wrap .row .img{width:100%;margin-right:0;margin-bottom:20px;}
	.pr-row-con .content .row-wrap .row .tt-wrap{width:100%;}
	.pr-row-con .content .row-wrap .row .tt-wrap .tit{font-size:16px;}
	.pr-row-con .content .row-wrap .row .tt-wrap .tt{margin-top:7px;}

	.pr-row-con .content .row-wrap .row .tt-wrap .hypen-list{margin-top:10px;}

	.doc-btn{width:140px;height:44px;border-radius:22px;}

	/* 채용공고 리스트 */
	.board-search{margin-bottom:20px;}
	.board-search .total-page{margin-top:15px;line-height:1.4em;}
	.board-search .search button{margin-left:6px;}
	.posting-list{padding-top:20px;display:block;}
	.posting-list .cate-wrap{width:100%;margin-right:0;position: static;margin-bottom:40px;}
	.posting-list .cate-wrap .row{margin-bottom:15px;}
	.posting-list .cate-wrap .row .tit{margin-bottom:7px;}
	.posting-list .cate-wrap .row select.input{height:36px;padding-left:10px;}
	.posting-list .list{width:100%;}
	.posting-list .list ul li{padding-bottom:20px;margin-bottom:20px;}
	.bd-tit-wrap .top-wrap{display:block;margin-bottom:7px;}
	.bd-tit-wrap .top-wrap .status{display:inline-block;min-width:56px;height:26px;line-height:26px;border-radius:13px;margin-right:0;margin-bottom:10px;text-align:center;}
	.bd-tit-wrap .top-wrap .route .flex{margin:0 -8px;}
	.bd-tit-wrap .top-wrap .route .flex p{padding:0 8px;font-size:12px;}
	.bd-tit-wrap .top-wrap .route .flex p:after{width:3px;height:3px;right:-1.5px;}
	.bd-tit-wrap .tit{font-size:18px;}	
	.bd-tit-wrap .date{margin-top:10px;font-size:12px;}

	/* 채용공고 상세 */
	.posting-view{display:block;}
	.posting-view .content-wrap{margin-right:0;width:100%;}
	.posting-view .content-wrap .bd-tit-wrap{padding-bottom:30px;margin-bottom:30px;}
	.posting-view .content-wrap .content .row{margin-bottom:40px;}
	.posting-view .content-wrap .content .row .tit{margin-bottom:5px;font-size:15px;}
	.posting-view .content-wrap .content .row br{display:none;}
	.posting-view .content-wrap .content .row .hypen-list>li{margin-bottom:0;}
	.posting-view .content-wrap .content .row .in-hypen>li{font-size:13px;}

	.posting-view .btns{display:flex;justify-content:center;width:100%;position:static;margin-top:40px;}
	.posting-view .btns .btn{height:44px;width:120px;border-radius:25px;margin-right:10px;margin-bottom:0;}
	.posting-view .btns .btn:last-child{margin-right:0;}

	/* 채용공고 지원 */
	.posting-apply .bd-tit-wrap{margin-bottom:30px;}
	.posting-apply .doc-tit2{margin-bottom:45px;}
	.posting-apply .form-area .content .title{margin-bottom:20px;}
	.posting-apply .form-area .content .row{margin-bottom:25px;}
	.posting-apply .form-area .content .row .row-tit{margin-bottom:10px;display:block;}
	.dot-tit{padding-left:15px;font-size:15px;}
	.dot-tit:before{width:6px;height:6px;top:.45em;}
	input.input.st2,
	select.input.st2{height:38px;padding:0 15px;}
	textarea.input.st2{padding:10px 15px;}

	.form-agree .scroll-box{padding:15px 20px;}

	.doc-btn.type2{margin-top:40px;}
	.form-agree .check{font-size:12px !important;}
	.form-agree .check a{font-size:12px !important;}

	/* 파일 업로드 공통 */
	.file-drag-cnt{min-height:100px;}
	.file-drag-cnt .files-message .txt .ic{margin-bottom:10px;}
	.file-drag-cnt .files-message .txt .ic img{height:36px;}
	.file-upload-preview li {margin-top: 5px;font-size: 13px;}

	/* inquiry */
	.inquiry .top-con{padding:20px;display:block;}
	.inquiry .top-con .chk{margin-right:0;margin-bottom:20px;}
	.inquiry .top-con .chk img{height:50px;}
	.inquiry .top-con .chk-list{width:100%;}
	.chk-list li{margin-bottom:10px;}
	.chk-list li:before{top:.15em;}


	.inquiry .ic-con{padding:20px 0;}
	.inquiry .ic-con ul{flex-wrap:wrap;margin:0 -10px -25px;}
	.inquiry .ic-con ul li{padding:0 10px;width:50%;margin-bottom:25px;border:none;}
	.inquiry .ic-con ul li .ic{margin-bottom:15px;}
	.inquiry .ic-con ul li p{font-size:13px;}
	.inquiry .ic-con ul li p br{display:block;}

	.inquiry .form-wrap .row{display:block;margin-bottom:25px;}
	.inquiry .form-wrap .row .tit-wrap{width:100%;padding:0;margin-right:0;min-height:auto;background-color:transparent;margin-bottom:10px;}
	.inquiry .form-wrap .row.type2 .tit-wrap{height:auto;}
	.inquiry .form-wrap .row .nt{font-size:12px;height:auto}
	.inquiry .form-wrap .row .col{width:100%;}
	.inquiry .form-wrap .row .radio-wrap{padding:0;background-color:transparent;padding-top:5px;}
	.inquiry .form-wrap .row .radio-wrap .flex{margin:0 -10px -5px;}
	.inquiry .form-wrap .row .radio-wrap .flex .radiobox{padding:0 10px;margin-bottom:5px;font-size:14px;}
	.inquiry .form-wrap .row .radio-wrap .flex .radiobox input:checked + label:before {width:18px;height:18px;background-image:url("/images/bbs/radiobox_x2.png"); background-size:8px auto;}
	.inquiry .form-wrap .row .radio-wrap .flex .checkbox input:checked + label:before {background-image:url("/images/bbs/checkbox_x2.png"); background-size:11px auto;}

	.file-wrap .btn{width:80px;}

	/* esg */
	.esg-list>ul>li{padding:20px 0;}
	.esg-list>ul>li .group{display:block;}
	.esg-list>ul>li .group .dot-tit{margin-right:0;margin-bottom:15px;width:100%;}
	.esg-list>ul>li .group .sl-wrap{width:100%;}
	.esg-list>ul>li .group .sl-wrap .col{margin-right:10px;}
	.esg-list>ul>li .group .sl-wrap .sl-box{width:120px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .tit{height:32px;border-radius:16px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .tit:after{height:6px;right:15px;margin-top:-3px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .sl-open{padding:10px 15px;border-radius:16px;top:31px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li{margin-bottom:10px;font-size:13px;}
	.esg-list>ul>li .group .sl-wrap .sl-box .sl-open>ul>li>a .ic{height:12px;}

	/* 인증서 공통 */
	.certi-list .tit-wrap{margin-bottom:30px;}
	.certi-list .tit-wrap p{margin-top:7px;font-size:15px;}
	.certi-list ul{margin:0 -10px -40px;}
	.certi-list ul li{width:50%;padding:0 10px;margin-bottom:40px;}
	.certi-list ul li p{margin-top:10px;}

	/* 채용안내 */
	.career .top-con .doc-tit{margin-bottom:10px;}
	.career .top-con .tt{margin-bottom:20px;}
	.career .top-con .tt br{display:none;}
	
	.career .btm-con ul{display:block;margin:0;}
	.career .btm-con ul li{width:100%;padding:0;margin-bottom:20px;}
	.career .btm-con ul li:last-child{margin-bottom:0;}
	.career .btm-con ul li .box .ic{margin-bottom:15px;}
	.career .btm-con ul li .box .ic img{height:44px;}
	.career .btm-con ul li .box .tit{margin-bottom:10px;}

	/* hr policy */
	.hrp .content .doc-tit2{margin-bottom:15px;}
	.hrp .content .num-con .row{margin-bottom:30px;padding-top:15px;}
	.hrp .content .num-con .row .row-tit{margin-bottom:15px;}
	.hrp .content .num-con .row ul{margin:0 -15px -10px;padding-right:17px;}
	.hrp .content .num-con .row ul li{width:50%;padding:0 15px;}
	.hrp .content .num-con .row ul li .box{min-height:90px;}
	.hrp .content .num-con .row ul li .box .num{font-size:60px;}
	.hrp .content .num-con .row ul li .box:after{width:24px;height:24px;right:-13px;margin-top:-12px;}

	.hrp .content .num-con .row.type2 ul li{width:50%;}

	.hrp .content .box-con1 ul{margin:0;display:block;}
	.hrp .content .box-con1 ul li{width:100%;padding:0;margin-bottom:20px;}
	.hrp .content .box-con1 ul li:last-child{margin-bottom:0;}
	.hrp .content .box-con1 ul li .box{padding:20px 20px 80px;height:auto;}
	.hrp .content .box-con1 ul li .box:after{width:50px;height:50px;}

	.hrp .content .box-con2>ul{display:block;margin:0;}
	.hrp .content .box-con2>ul>li{width:100%;padding:0;}
	.hrp .content .box-con2>ul>li:last-child{margin-bottom:0;}
	.hrp .content .box-con2>ul>li .box .tit{font-size:16px;}
	.hrp .content .box-con2>ul>li .box .ic{margin-bottom:10px;}
	.hrp .content .box-con2>ul>li .box .ic img{height:30px;}
	.hrp .content .box-con2>ul>li .box .hypen-list li{margin-bottom:3px;}

	.hrp .content .process ul{margin:0 -20px -20px;justify-content:flex-start;}
	.hrp .content .process ul li{padding:0 20px;margin-bottom:20px;width:50%;}
	.hrp .content .process ul li:after{height:16px;right:-8px;}
	.hrp .content .process ul li:nth-child(even):after{display:none;}
	.hrp .content .process ul li .cc{width:140px;height:140px;margin:0 auto;}

	.hrp .content .how ul{margin:0;display:block;}
	.hrp .content .how ul li{width:100%;padding:0;margin-bottom:20px;}
	.hrp .content .how ul li:last-child{margin-bottom:0;}
	.hrp .content .how ul li .box .ic{width:90px;height:90px;margin-right:20px;}
	.hrp .content .how ul li .box .ic img{height:44px;}
	.hrp .content .how ul li .box .wrap .tt{margin-top:5px;}
}