@media screen and (max-width:1720px){
	/* common */
	.w1720{ padding: 0 20px; }

	/* header */
	header .header-box{ padding: 0 20px;}

	#allmenu .inner{ padding: 0 20px;}
	#allmenu .inner .allgnb #gnb > li > a{ margin-right: 80px;}
	#allmenu .btn-box{ padding: 0 20px; }

	/* main */
	main .visual .slide-box .swiper-slide .txt-box,
	main .visual .slide-nav{ padding: 0 20px;}
	main .visual .scroll-box{ right: 20px;}

	/* sub */
	#form-box{ padding: 40px 20px; }
	#form-box .item-box dt{ min-width:150px; }

	#talent .content .item-box .circle-box{ width: 400px; height: 400px; margin: 0 auto 80px; }
}

@media screen and (max-width:1600px){
	/* common */
	.font100{ font-size:80px; }
	.font80{ font-size:65px; }
	.font66{ font-size:50px; }
	.font60{ font-size:45px; }
	.font56{ font-size:43px; }
	.font50{ font-size:40px; }
	.font40{ font-size:35px; }

	/* header */
	#allmenu .inner .allgnb #gnb > li > a{ font-size:50px; margin-right: 30px;}
	#allmenu .inner .allgnb #gnb .depth2{ flex-wrap:wrap; }
	#allmenu .inner .img img{ height: 600px; }
	#allmenu .btxt{ width: 80%; }

	/* main  */
	main .career .content .slide-box .swiper-slide .list ul{ flex-wrap:wrap; gap:5px 0; }
	main .career .content .slide-box .swiper-slide .list a,
	main .career .content .slide-box .swiper-slide .list.last a{ padding: 30px;}
}

@media screen and (max-width:1400px){
	/* common */

	/* header */

	/* sub  */
	#form-box > .flex-box{ flex-direction:column; gap:0;}
	#form-box > .flex-box .item-box:not(:last-child){ margin-bottom: 30px; }

	#talent .content .item-box .circle-box{ width: 100%; height: auto; padding: 20% 0; margin: 0 auto 80px; }

	#procedure .order-box{ gap:40px; flex-wrap:wrap; }
	#procedure .order-box .item-box{ width: calc((100% - 160px) / 5);}
	#procedure .order-box .item-box .arrow{ left: calc(100% + 15px);}

	.notice #filter-box{ margin-right: 40px; }
	.notice .content .item-box a{ padding: 30px; padding-right: 80px;}
	.notice .content .item-box #viewbtn > figure{ right: 30px;}

	.view .page-box{ margin-left: 40px;}

	.recruit .page-box{ width: 250px; margin-left: 50px;}
	.recruit .content .ip-box{ padding: 40px 20px; }
	.recruit .content .ip-box .item-box > .title{ min-width:150px; }
	.recruit .content .ip-box .item-box .input-box.w100{ flex-direction:column; }
	.recruit .content .ip-box .item-box .input-box.family p{ display:flex; align-items:center; }

	/* footer */
	footer .footer-inner .link-box{ margin: 0 100px; }
}

@media screen and (max-width:1200px){
	/* common */
	.font100{ font-size:70px; }
	.font80{ font-size:55px; }
	.font66{ font-size:43px; }
	.font60{ font-size:40px; }
	.font56{ font-size:37px; }
	.font50{ font-size:35px; }
	.font40{ font-size:31px; }
	.font30{ font-size:28px; }
	.font28{ font-size:26px; }

	:root {
		--hHeight:70px; 
	}

	.mb150{ margin-bottom: 100px; }

	/* header */
	header .header-box .logo a{ width: 150px; }
	header .header-box .logo a svg{ width: 100%; }
	header .header-box nav{ display:none; }
	@media (hover: hover) {
		header:hover .gnb-bg{ height: 100%; }
	}

	#allmenu .inner .img{ display:none; }
	#allmenu .inner .allgnb{ margin-top: 50px; }
	#allmenu .inner .allgnb #gnb > li > a{ font-size:40px; }
	#allmenu .allclose{ right: 20px;}

	/* main  */
	main .career{ margin-bottom: 150px; }
	main .career .txt-box .btxt{ font-size:130px; }
	main .career .link-box .item-box a{ padding: 30px; }
	main .career > div > .txt-box{ margin: 150px 0 80px;}
	main .career .content .slide-box .wrapper-box{ height: 310px; }

	/* sub */
	#sv{ padding-top: 150px; }
	#sv .img-box{ height: 500px; }

	#subContents{ padding: 80px 0 150px;}

	#subWrap.off #subContents{ margin-top: 80px;}

	#policy .scroll-box .inner-box{ padding: 0; padding-right: 30px;}

	#btn-box{ margin-top: 80px; }

	#talent #title-box{ margin-bottom: 80px; }
	#talent .content{ gap:30px; }
	#talent .content .item-box{ width: calc((100% - 60px) / 3);}

	#welfare #title-box{ margin-bottom: 100px; }
	#welfare section:not(:last-child){ margin-bottom: 150px; }
	#welfare section .title-box > div{ margin-bottom: 80px; }
	#welfare section .title-box .btxt{ height: 100px; left: 50px;}
	#welfare section .title-box .btxt svg{ width: 100%; height: 100%; }
	#welfare section .slide-box .swiper-slide{ width: 500px; height: 300px;}
	#welfare section .slide-box .swiper-slide .txt-box{ padding: 0 20px; bottom: 30px;}
	#welfare section .slide-box .swiper-slide .txt-box .txt{ opacity: 1; }
	#welfare section .slide-box .swiper-slide:hover .txt-box{ bottom: 30px;}
	#welfare section .slide-box .swiper-slide:hover .txt-box .title{ font-size: 30px; }

	#procedure .order-box .item-box{ width: calc((100% - 80px) / 3);}
	#procedure .order-box .item-box .arrow{ left: calc(100% + 15px);}
	#procedure .order-box .item-box:nth-child(3) .arrow{ display:none; }
	#procedure .ex-box .item-box div{ min-width:250px; }

	.view .page-box{ width: 270px;}
	.view .page-box .page a{ padding: 20px; }
	.view .content .ctn-box{ padding: 80px 0;}
	.view .content .ctn-box dl:not(:last-child){ margin-bottom: 80px;}
	.view .content .file-box{ padding: 30px; }

	#notice-qa .content .item-box a{ padding: 40px; }

	#faq .content .item-box{ padding: 0 30px;}
	#faq .content .item-box dt{ min-height:100px; }
	#faq .content .item-box dd{ padding: 30px 20px;}

	.recruit .page-box{ width: 200px;}
	.recruit .page-box .link-box{ margin-top: 50px;}
	.recruit .content .ip-box{ padding: 40px 0;}
	.recruit .content .ip-box:not(:last-of-type){ margin-bottom: 100px;}
	.recruit .content .ip-box .item-box .input-box input, 
	.recruit .content .ip-box .item-box .input-box select{ padding: 0 15px; width: 100%; }
	.recruit .content .ip-box .item-box .input-box input{ width: 100%;}
	.recruit .content .ip-box .item-box .input-box select{ background: url(/img/sub/filterArrow.png) no-repeat top 50% right 15px;}
	.recruit .content .ip-box .item-box .input-box *.w340,
	.recruit .content .ip-box .item-box .input-box *.w360,
	.recruit .content .ip-box .item-box .input-box *.w200{ width: 100%;}
	.recruit .content .ip-box .item-box .input-box.family p:not(:last-child){ margin-right: 10px; }
	
	/* recruit02 추가 */
	.recruit .content div.sel_box{ margin-top: 100px;}
	.recruit .content .select-area{ padding: 40px 20px; }
	.recruit .content .select-area select{ padding: 0 15px; background: url(/img/sub/filterArrow.png) no-repeat top 50% right 15px; }
 
	#recruit-c .content{ padding: 100px 20px; }
 
	/* footer */
	footer .footer-inner .link-box{ margin: 0 30px; }
}

@media screen and (max-width:960px){
	/* common */
	body,table,input,textarea,button,select { font-size:14px; }

	.font100{ font-size:70px; }
	.font80{ font-size:40px; }
	.font66,.font60{ font-size:33px; }
	.font56,.font50{ font-size:30px; }
	.font40{ font-size:27px; }
	.font30,.font28{ font-size:25px; }
	.font24{ font-size:22px; }
	.font22{ font-size:20px; }
	.font20{ font-size:18px; }
	.font19{ font-size:17px; }
	.font18{ font-size:16px; }
	.font17{ font-size:15px; }

	.mb150{ margin-bottom: 80px;}

	#mobile{ display:block; }

	/* header */
	#allmenu .inner .allgnb{ margin-top: 0; }
	#allmenu .inner .allgnb #gnb > li{ display:block; }
	#allmenu .inner .allgnb #gnb > li:not(:last-child){ margin-bottom: 30px; }
	#allmenu .inner .allgnb #gnb > li > a{ font-size:30px; min-width: auto; }
	#allmenu .inner .allgnb #gnb .depth2{ margin-top: 20px; display:none; }
	#allmenu .inner .allgnb #gnb .depth2 li{ display:inline-flex; margin-bottom: 10px;}

	/* main  */
	main .visual .slide-box .swiper-slide.slide01{ background: url(/img/main/mainVisualImg01-m.png) no-repeat 50% 50%; background-size:cover; }
	main .visual .slide-box .swiper-slide.slide02{ background: url(/img/main/mainVisualImg02-m.png) no-repeat 50% 50%; background-size:cover; }
	main .visual .slide-box .swiper-slide.slide03{ background: url(/img/main/mainVisualImg03-m.png) no-repeat 50% 50%; background-size:cover; }
	main .visual .slide-box .swiper-slide.slide04{ background: url(/img/main/mainVisualImg04-m.png) no-repeat 50% 50%; background-size:cover; }

	main .career{ margin-bottom: 100px; }
	main .career > div > .txt-box{ margin: 100px 0 80px;}
	main .career .txt-box .btxt{ font-size:80px; }
	main .career .link-box{ flex-wrap:wrap; }
	main .career .link-box .item-box{ width: calc((100% - 20px) / 2); height: 200px;}
	main .career .content .tab-box{ margin-bottom: 30px; }
	main .career .content .slide-box .wrapper-box{ height: 280px; }
	main .career .content .slide-box .swiper-slide .list{ width: calc((100% - 20px) / 2); height: 280px;}
	main .career .content .slide-box .swiper-slide .list ul{ font-size:14px; }
	main .career .content .slide-box .swiper-slide .list ul li{ padding: 0 10px;}
	main .career .content .slide-box .swiper-slide .list a,
	main .career .content .slide-box .swiper-slide .list.last a{ padding: 20px; }
	main .career .content .slide-box .swiper-slide .list .due{ font-size:14px; line-height: 1.5; }
	main .career .content .tab-box li:not(:last-child) button:after{ margin: 0 15px; }

	/* sub */
	#sv{ padding-top: 120px; }
	#sv .img-box{ height: 300px; }
	#sv .img-box .toptxt{ width: 80%; }
	#sv .tab-box .depth2 li a{ padding: 5px 15px; text-align: center; min-height: 50px; height: auto; }

	#sv .tab-box{ margin: 40px 0 60px;}

	#subContents{ padding: 80px 0 100px;}

	#subWrap.off #subContents{ margin-top: 40px;}

	#title-box{ margin-bottom: 40px; }

	#viewbtn.btn{ max-width: 200px; height: 60px;}

	#policy .scroll-box{ padding: 30px 20px; margin-bottom: 10px;}

	:root {
		--inputH : 55px; 
	}
	#form-box .item-box{ flex-direction:column; align-items:flex-start; }
	#form-box .item-box dt{ min-width:auto; margin-bottom: 20px;}
	#form-box > *:not(:last-child),
	#form-box > .flex-box .item-box:not(:last-child){ margin-bottom: 30px;}
	#form-box .item-box dd select{ padding: 0 15px;  background: url(/img/sub/filterArrow.png) no-repeat top 50% right 15px;}
	#form-box .item-box dd input:not([type="radio"]){ padding: 0 15px;}
	#form-box .item-box dd .input-box{ flex-wrap:wrap; }
	#form-box .item-box dd input:not(:last-child){ margin-right: 0; margin-bottom: 10px;}
	#form-box .item-box dd input::placeholder{ font-size:15px; }
	#form-box .item-box.file .btn{ width: 100px; }
	#form-box .item-box.capcha dd{ flex-wrap:wrap; }
	#form-box .item-box.capcha dd figure img{ height: 55px; }
	#form-box .item-box.capcha dd button{ width: 55px; }
	#form-box .item-box.capcha dd input{ width: 100%; margin-top: 10px;}
	#form-box .item-box.type2{ width: 100%; }
	#form-box .item-box.agree dd.flex-box{ height: auto;}
	#form-box .item-box .radio-box{ margin-right: 0; margin-bottom: 20px;}
	#form-box .item-box .input-box.find a{ width: 100%; font-size:16px; }

	#btn-box{ margin-top: 60px; }
	
	#talent #title-box{ margin-bottom: 60px; }
	#talent .content{ flex-direction:column; }
	#talent .content .item-box{ width: 100%; }
	#talent .content .item-box .circle-box{ width: 300px; height: 300px; margin: 0 auto 50px;}
	#talent .content .item-box .circle-box:after{ height: 30px; }
	#talent .content .item-box.aos-animate .circle-box:before{ top: calc(100% + 30px);}
	#talent .content .item-box .txt-box .title br{ display:none; }

	#welfare #title-box{ margin-bottom: 60px; }
	#welfare section:not(:last-child){ margin-bottom: 80px;}
	#welfare section .slide-box .swiper-slide{ width: calc(100% - 40px); }
	#welfare section .title-box > div{ flex-direction:column; margin-bottom: 50px;}
	#welfare section .title-box .btxt{ top: 20%; left: auto; right: 20px; height: 50px;}
	#welfare section .title-box .txt{ text-align: left; margin-top: 20px;}
	#welfare section .title-box .txt br{ display:none; }

	#procedure .order-box{ gap:20px 40px}
	#procedure .order-box .item-box{ width: calc((100% - 40px) / 2); height: auto; padding: 30px 0; }
	#procedure .order-box .item-box .img{ margin: 20px 0;}
	#procedure .order-box .item-box .arrow{ left: calc(100% + 15px);}
	#procedure .order-box .item-box:nth-child(2n) .arrow{ display:none; }
	#procedure .order-box .item-box:nth-child(3) .arrow{ display:block; }
	#procedure .ex-box{ margin: 40px 0 80px;}
	#procedure .ex-box .item-box{ height: auto; padding: 40px 20px; flex-direction:column; }
	#procedure .ex-box .item-box div{ margin-bottom: 40px;}
	
	.notice .w1720{ flex-direction:column; }
	.notice #filter-box{ position: relative; top: auto; left: auto; height: auto; width: 100%; margin-bottom: 20px;}
	.notice #filter-box form{ display:flex; flex-direction:column; }
	.notice #filter-box form > div{ min-height:auto; }
	.notice #filter-box .item-box,
	.notice #filter-box .search-box div{ padding: 15px 20px; min-height:60px; }
	.notice #filter-box .item-wrap{ display:none; margin-top: 20px;}
	.notice #filter-box .item-box{ display: flex; flex-direction: column; justify-content: center; }
	.notice #filter-box .item-box .radio-box{ padding-top: 15px; }
	.notice #filter-box .search-box{ order:-1; }
	.notice #filter-box .search-box #mobile{ width: 60px; height: 60px; background: var(--mainC); margin-left: 10px; flex-shrink:0; }
	.notice #filter-box .search-box #mobile img{ width: 25px; }
	.notice #filter-box .item-box:first-child .radio-box{ display:none; }
	.notice .content .item-box a{ padding-right: 50px;}
	.notice .content .item-box #viewbtn > figure{ transform:none; top: 20px; right: 20px; }

	.view .flex-box{ flex-direction:column; }
	.view .content .title-box{ padding-right: 0; margin-bottom: 40px;}
	.view .content .ctn-box{ padding: 40px 0;}
	.view .content .ctn-box dl:not(:last-child){ margin-bottom: 40px;}
	.view .content .file-box{ flex-direction:column; padding: 20px; }
	.view .content .file-box dt{ margin-right: 0; margin-bottom: 10px;}
	.view .page-box #viewbtn{ height: 60px;}
	.view .page-box #viewbtn.list{ margin: 0; }
	.view .page-box{ width: 100%; margin-left: 0; height: auto; position: relative; top: auto; right: auto; }
	.view .page-box .btn-box{ display:flex; gap:20px; margin: 30px 0 50px;}
	.view .page-box .btn-box a{ width: calc((100% - 20px) / 2);}
	.view .page-box .page a{ min-height:130px; }

	#notice-qa .content .item-box a{ padding: 30px 20px; padding-right: 50px; }
	
	#view-qa .page-box{ height: auto;}

	#faq .content .item-box{ padding: 0 20px;}
	#faq .content .item-box dt{ min-height:auto; padding: 20px 0;}
	#faq .content .item-box dt svg{ margin-left: 20px;}
	#faq .content .item-box dd{ padding: 20px; }

	.recruit .w1720.flex-box{ display:block; }
	.recruit .page-box{ position: relative; top: auto; left: auto; margin-left: 0; height: auto; width: auto; }
	.recruit .page-box .btn-box{ display:flex; justify-content:center; margin-top: 50px;}
	.recruit .page-box .btn-box #viewbtn:not(:last-child){ margin-right: 10px; margin-bottom: 0; }
	.recruit .page-box .link-box{ display:none; }
	.recruit .link-wrap{ padding: 0 20px; margin-bottom: 30px; }
	.recruit .link-wrap .link-box{ display:flex; flex-wrap:wrap; gap:10px; margin-top: 0;}
	.recruit .link-wrap .link-box li:not(:last-child){ margin-bottom: 0; }
	.recruit .content .ip-box:not(:last-of-type){ margin-bottom: 80px;}
	.recruit .content .title-box{ flex-wrap:wrap; gap:10px; }
	.recruit .content .title-box.type2{ margin-top: 180px; }
	.recruit .content .ip-box{ padding: 30px 0;}
	.recruit .content .ip-box .img-box{ text-align: center; }
	.recruit .content .ip-box .img-box > figure{ margin-right: 0; margin-bottom: 20px; }
	.recruit .content .ip-box .img-box label{ display:flex; justify-content:center; }
	.recruit .content .ip-box .item-box{ flex-direction:column; }
	.recruit .content .ip-box .item-box > .title{ margin-bottom: 20px; min-width:auto; }
	.recruit .content .ip-box .item-box > .title br{ display:none; }
	.recruit .content .ip-box .item-box > .title.btn{ flex-direction: row; justify-content: flex-start; align-items: center;}
	.recruit .content .ip-box .item-box > .title .btn-box{ margin-top: 0; margin-left: 20px;}
	.recruit .content .ip-box .item-box .input-box *{ font-size:16px; }
	.recruit .content .ip-box .item-box .input-box select { background: url(/img/sub/filterArrow.png) no-repeat top 50% right 10px; }
	.recruit .content .ip-box .item-box .input-box .inputTxt{ flex-direction:column; width: 100%; }
	.recruit .content .ip-box .item-box .input-box .atxt{ margin-left: 0; margin-top: 10px; }
	.recruit .content .ip-box .item-box .input-box .money-cnt{ flex-direction:column; align-items:flex-start; width: 100%; }
	.recruit .content .ip-box .item-box .input-box .money-cnt p{ width: 100%; margin-right: 0; }
	.recruit .content .ip-box .item-box .input-box .money-cnt p:not(:last-child){ margin-bottom: 10px;}
	.recruit .content .ip-box .item-box .input-box.file .btn{ width: 120px;}
	.recruit .content .inputDate{ width: 100%; }
	.recruit .content .ip-box textarea.text{ font-size:16px; height: 400px; }
	
	/* recruit02 추가 */
	.recruit .content div.sel_box{ margin-top: 80px;}
	.recruit .content .select-area select{ width: 100%; }
	#recruit02 .page-box .btn-box{ margin-top: 80px; }

	#recruit-c .content{ padding: 60px 20px; }
	#recruit-c .content > figure{ width: 50%; margin: 0 auto;}
	#recruit-c .content .txt-box{ margin: 40px 0;}
	#recruit-c .content .txt-box .txt br{ display:none; }

	#db-fill #btn-box{ flex-direction:column; }
	#db-fill #btn-box #viewbtn{ width: 100%; max-width: none;}
	#db-fill #btn-box #viewbtn:not(:last-child){ margin-right: 0; margin-bottom: 10px; }

 	/* footer */
	footer .footer-inner{ padding: 80px 0 100px; display:block; }
	footer .footer-inner > div:first-child{ display:block; margin-bottom: 30px; }
	footer .footer-inner .link-box{ margin: 30px 0; display:flex; flex-wrap:wrap; }
	footer .footer-inner .link-box li:not(:last-child){ margin-right: 15px; }
	footer .footer-inner > div:last-child{ flex-direction:row; align-items:center; justify-content:space-between; }
	footer .footer-inner .family-box{ margin-bottom: 0; margin-right: 10px; }
	footer .footer-inner .family-box ul{ padding: 20px; padding-bottom: 25px;}
	footer .footer-inner .family-box.on:before{ height: 250px;}

	/* paging */
	.paging{ margin-top: 70px;}
}

@media screen and (max-width:640px){
	/* common */

	/* header */

	/* main  */
}