@media all and (max-width:1200px){ 

	#header .logo { margin-left:0px; }
	#header .menu { margin-right:0px; }

	#footer dl.copyright { clear:both; float:none; padding-top:30px; }
	#footer dl.copyright dt { display:none; }
	#footer dl.copyright dd { text-align: center; }

	.careers-container .section1 .dig1 li .box { font-size:18px; }
	.careers-container .section1 .dig1 li .box b { font-size:20px; }
	.careers-container .section1 .dig1 li .desc { font-size:15px; }
	.careers-container .section1 .dig1 li .desc b { font-size:18px; }
}


@media all and (max-width:900px){ 

	.main-container .title { font-size:70px; }
	.main-container .title .subtitle { font-size:22px; }
	.main-container .text1 { font-size:18px; margin-top:25px; }
	.main-container .text1 br { display:none; }

	.content-container .title { font-size:70px; }
	.content-container .title .subtitle { font-size:22px; }
	.content-container .text1 { font-size:18px; margin-top:25px; }
	.content-container .text1 br { display:none; }
	.content-container .text1 b { font-size:22px; }

	.main-container .section2 .box1 li > div { font-size:17px; }
	.main-container .section2 .list1 li { width:33.3%; }


	.main-container .section3 .expert li span { font-size:16px; }
	.main-container .section3 .expert li span b { font-size:18px; }


	.main-container .section4 .contact_form { float:none; width:auto; }
	.main-container .section4 .map { display:none; }

	#sidebar-container .sidebar { width:35% !important; padding:30px; }
	#sidebar-container .sidebar > a {  }
	#sidebar-container .menu { margin-top:80px; }
	#sidebar-container .menu a { font-size:23px; }
	#sidebar-container .menu li { margin-bottom:25px; }

	.work-container .list1 li { width:33.3%; }

	.service-container .dig1 li .box span { font-size:22px; }
	.service-container .dig1 li .desc { font-size:18px; }

	.news-container .list2 li > .inner > img { width:290px; }
	.news-container .list2 li > .inner .ctg { padding-top:15px; }
	.news-container .list2 li > .inner .desc { height:159px; margin-left:310px; }
	.news-container .list2 li > .inner .tit a { font-size:18px; height:43px; }
	.news-container .list2 li > .inner .tit { height:60px; }

	.careers-container .section1 .dig1 li { width:33.3%; margin-bottom:40px; }

	.detail-container .head .tit { font-size:28px; }
	.detail-container .info .desc { margin-right:370px; min-height: 183px;  }
	.detail-container .info .desc .tit { font-size:25px; }
	.detail-container .info .desc .txt { font-size:16px; }

	.detail-container .info img { width:350px; }
	
	
	.privacy-container h1 { font-size: 40px; }
	.privacy-container .privacy-list span { font-size: 21px; }
	.privacy-container .privacy-list p { font-size: 16.5px; }
}


@media all and (max-width:640px){ 

	#header { height:60px !important; }
	#header .logo { margin-top:20px !important;  }
	#header .logo img { width:65px !important; }

	#header .menu {  margin-top:22px !important; }
	#header .menu img { width:26px !important; }

	#footer { font-size:13px; }
	#footer dl { float:none !important; margin-right:0px; margin-bottom:20px; }
	#footer dl.copyright { padding-top:0px; }
	#footer dl.copyright dt { display:none; }
	#footer dl.copyright dd { text-align: left; }
	#footer dl dt img { width:60px; }

	#sidebar-container .sidebar { width:60% !important; padding:20px; }
	#sidebar-container .sidebar > a img { width:15px; }
	#sidebar-container .menu { margin-top:60px; }
	#sidebar-container .menu a { font-size:22px; }
	#sidebar-container .menu li { margin-bottom:20px; }
	#sidebar-container .contact { font-size:12px; }
	#sidebar-container .addr { font-size:12px; margin-top:20px; }

	.btn { font-size:14px; height:40px; line-height: 40px; min-width:220px; }
	.btn.icon-download span { background-size:18px auto; padding-right:25px; }

	.main-container .title { font-size:40px; }
	.main-container .title br { display:none; }
	.main-container .title .subtitle { font-size:18px; line-height: 1.3; }
	.main-container .text1 { font-size:16px; margin-top:25px; }
	.main-container .text1 br { display:none; }

	.content-container .title { font-size:37px; }
	.content-container .title br { display:none; }
	.content-container .title .subtitle { font-size:18px; }
	.content-container .text1 { font-size:15px; margin-top:25px; }
	.content-container .text1 br { display:none; }
	.content-container .text1 b { font-size:17px; }
	.content-container { padding-top:130px; }

	.work-container .list1 li { width:50%; }

	.service-container .dig1 li { width:100%; margin-bottom:35px; }
	.service-container .dig1 li .box { margin-top:20px; background-size:20px auto; padding-bottom:10px; }
	.service-container .dig1 li .box span { font-size:16px; }
	.service-container .dig1 li .desc { font-size:14px; }
	.service-container .dig1 li > .inner > img { width:70%; }

	.service-container .section1 { padding:70px 15px; }
	.service-container .section1 .title { font-size: 30px; }

	.service-container .section2 { padding:70px 15px; }
	.service-container .section2 .title { font-size: 30px; }

	.service-container .pc { display:none; }
	.service-container .mobile { display:inline; }

	.select_container { display:block; }
	.select_container input { font-size:14px; }

	.news-container .category { padding:50px 0 50px;  }
	.news-container .category .search { width:100%; margin-left:0px; display:block; margin-top:8px; }
	.news-container .category .search input { font-size:16px;  }
	.news-container .list2 li > .inner > img { width:130px; height:130px; object-fit: cover; }
	.news-container .list2 li > .inner .ctg { padding-top:15px; font-size:14px; font-weight: bold; }
	.news-container .list2 li > .inner .desc { height:130px; margin-left:145px; }
	.news-container .list2 li > .inner .tit a { font-size:16px; height:40px;  }
	.news-container .list2 li > .inner .tit { height:60px;padding-top:8px; }
	.news-container .list2 li > .inner .dtm { font-size:13px; }

	.news-container .view1 { margin-top:50px; }
	.news-container .view1 .tit { font-size:20px; }
	.news-container .view1 .article { font-size:14px; }

	/*.work-container .category { text-align: right; }*/
	.work-container .category .pc { display:none; }
	.work-container .category .mobile { display:block; }
	.work-container .select_container input { height:35px; line-height: 35px; background:#333; color:#fff; background: url(../images/icon_arrow_w.png) #333 no-repeat 95% center; background-size:10px auto; }


	.main-container .section1 { padding:10px 15px 50px 15px; }

	.main-container .section2 { padding:70px 15px; }
	.main-container .section2 .box1 { padding:40px 0 60px; }
	.main-container .section2 .box1 li { width:50%;  }
	.main-container .section2 .box1 li:nth-child(4n) { clear:none; }
	.main-container .section2 .box1 li:nth-child(odd) { clear:both; }
	.main-container .section2 .box1 li > div { font-size:14px; background-size:20px auto; padding-bottom:10px; }
	.main-container .section2 .box1 li > div > span { height:55px; }

	.main-container .section2 .list1 { margin-top:40px; }
	.main-container .section2 .list1 li { width:50%; }

	.main-container .section2 .list1 li > div a span b { font-size:15px; }
	.main-container .section2 .list1 li > div a span { font-size:12px; }

	.main-container .section3 { padding:70px 15px; }
	.main-container .section3 .title br { display:block; }
	.main-container .section3 .title img { width: 150px; }

	.main-container .section3 .expert li span { font-size:13px; }
	.main-container .section3 .expert > .pc { display:none; }
	.main-container .section3 .expert > img.mobile { display:block; width:88%; margin:0 auto; }

	.main-container .section4 { padding:70px 15px; }
	.main-container .section4 .title br { display:block; }
	.main-container .section4 .title img { width:80px; margin-bottom:15px; }

	.main-container .section4 .contact_info { margin-top:40px; font-size:15px; }
	.main-container .section4 .contact_info > ul > li { float:none; width:auto; }
	.main-container .section4 .contact_info > ul > li:last-child { width:auto; margin-top:15px; }

	.main-container .section4 .form ul li { float:none; width:auto; font-size:15px;  margin-bottom:20px; }
	.main-container .section4 .form ul li .input { margin-right:0px; padding-bottom:5px; }

	.main-container .section4 .form a { margin-right:0px; width:100%; padding:0px; text-align: center; font-size:14px; }
	.select_wrap .dropdown_list { width:100%; }
	.main-container .section4 .form input { font-size:15px; }
	.main-container .section4 .form textarea { font-size:15px; }
	.main-container .section4 .form_bottom_wrap { margin-right: 0; flex-direction: column; align-items: flex-start;}
	.main-container .section4 .form_checkbox { margin-bottom: 20px; padding-left: 25px; }
	.main-container .section4 .form_checkbox :is(label,a) { font-size: 15px; }
	.main-container .section4 .form_checkbox label::before { width: 15px; height: 15px; top: 1px;}
	.main-container .section4 .form_checkbox input:checked+label::after { width: 9px; height: 9px; left: 4px; }


	.careers-container .section1 { padding:70px 15px; }
	.careers-container .section1 .dig1 { margin-bottom:90px; }
	.careers-container .section1 .dig1 li:nth-child(odd) { clear:both; }
	.careers-container .section1 .dig1 li > .inner > img { width:70%; }
	.careers-container .section1 .dig1 li > .inner { margin:0 5px; }
	.careers-container .section1 .dig1 li { width:50%;}
	.careers-container .section1 .dig1 li .box { font-size:16px; padding:15px 0; }
	.careers-container .section1 .dig1 li .box b { font-size:16px; }
	.careers-container .section1 .dig1 li .desc { font-size:14px; }
	.careers-container .section1 .dig1 li .desc b { font-size:16px; }

	.careers-container .section1 { padding:70px 15px; }
	.careers-container .section1 .title { font-size: 30px; }
	.careers-container .section1 .title br { display:block; }

	.careers-container .section1 .apply a { width:100%; height:50px; line-height: 50px; font-size:18px; }

	.detail-container .head { padding-top:35px; }
	.detail-container .info .desc { margin-right:0px; }
	.detail-container .info img { position: relative; right:0; top:0; margin-top:30px; }
	.detail-container .head .tit { font-size:20px; }

	.detail-container .mov_area { padding:50px 15px; margin-top:0px; }
	.detail-container .info .desc { min-height: auto; }

	.detail-container .head .ctg { font-size:13px; }
	.detail-container .head { padding-bottom:20px; }
	.detail-container .head .dtm { font-size:12px; }
	.detail-container .head .btns { font-size:12px; }
	.detail-container .head .tit { margin-top:20px; margin-bottom:10px; }

	.detail-container .info .desc .tit { font-size:18px; }
	.detail-container .info .desc .txt { font-size:15px; }
	.detail-container .info img { width:100%; }

	.detail-container .rel > .inner { padding:40px 5px 0px; }
	.detail-container .rel .tit { font-size:18px; padding-bottom:10px; }

	.detail-container .rel li > div a span { font-size:12px; bottom:5px; left:5px; }
	.detail-container .rel li > div a span b { font-size:14px; }

	.bx-wrapper .bx-pager.bx-default-pager a { width:10px; height:10px; }
	.bx-wrapper .bx-pager.bx-default-pager a.active{
		width:20px;
		border-radius: 10px;
	}

	.bx-wrapper .bx-controls-direction a {width:20px; margin-top:-20px; }


	.privacy-container { padding: 70px 0 63px; }
	.privacy-container h1 { font-size: 37px; margin: 0 0 49px 25px; }
	.privacy-container .privacy-list { margin: 0 22px; }
	.privacy-container .privacy-list span { font-size: 18px; }
	.privacy-container .privacy-list p { font-size: 14.5px; margin-top: 14px; }
	.privacy-container .privacy-list li:not(li:last-child) { padding-bottom: 27px; margin-bottom: 27px; }
	.privacy-container .privacy-list .mo { display: none; }
	
	
	/* 회사소개서 modal */
	#company-info-download-modal.modal {padding: 15px}
	#company-info-download-modal form {width: 100%;}
	#company-info-download-modal .modal-title {font-size: 20px}
	#company-info-download-modal input:not([type='checkbox']) {box-sizing: border-box; font-size: 18px;}
	#company-info-download-modal .download-submit {font-size: 20px; margin-top: 30px;}
	#company-info-download-modal .close-btn {right: 15px;}
}