@media only screen and (min-width: 1921px) {
	
	.main_wrap .slide2 { background-size: cover; }


}

@media only screen and (min-width: 1900px) {
	/* .work_thumbs .item { min-height:250px; } */
	/* .work_thumbs .item .overlay { height:100%; }
	.work_thumbs .item .img_wrap, 
	.work_thumbs .item .img_wrap .img_box { height:100%; font-size:0;  }
	.work_thumbs .item .img_wrap .img_box img { width:auto; min-width:100%; min-height:100%; height:100%; }
	.video_wrap .inner, .vid .inner { width: 1500px; } */
}



@media only screen and (min-width: 1024px) and (max-height: 900px) {
	.main_work .btn_wrap a { }
	
	.main_work { height:auto; }
	.main_work .wrap {; }

	.main_work .work_thumbs .item:nth-child(4),
	.main_work .work_thumbs .item:nth-child(5),
	.main_work .work_thumbs .item:nth-child(6) { margin-bottom:0 !important; }
	.main_intro > .wrap .right video { max-width:420px; }  
	.main_intro > .wrap .left { margin-top:20px;; }
	/* .main_work .wrap .top span { font-size:30px; } */

	.work_thumbs .item {  }
	.main_intro > .wrap .left h2 { font-size: 56px; line-height:60px; }
	.main_intro > .wrap .left h2::before {  }
	.main_intro > .wrap .left h2 span { display:block; }
	.main_intro > .wrap .left .paragraph { margin: 20px 0; }
	.main_intro > .wrap .left { position:relative; }
	.main_intro > .wrap .left .inner { position:absolute; top: 50%; transform:translateY(-50%) }
	.video_wrap, .vid { overflow-y:auto; }
	.video_wrap .inner, .vid .inner { width: 80%;  max-width:80%; }
	.video_wrap .video_title, .vid .video_title { font-size:30px; }

	
	
}

@media only screen and (max-width: 1650px) {

	.header_wrap .nav_wrap .wrap, .con_wrap .con_box { width:100%; padding: 0 20px; }
	.con_wrap { width:100%; padding: 53px 20px; }
	.con_wrap.intro { width:100%; padding: 90px 0 0 0; }
	.sub_title_wrap { width:100%; padding: 60px 20px; }
	.cate_wrap { width:calc(100% - 80px) }
	.con_wrap .con_top, 
	.con_wrap .con_box { width:100%; padding:0 20px; }
	.intro .con_box { padding:0 }
	.header_wrap .nav_wrap .logo_box, 
	.header_wrap .nav_wrap .util_box { width:100px; }
	.header_wrap .nav_wrap .main_nav { width:calc(100% - 200px); text-align:center; }
	.nav_wrap .main_nav > li { display:inline-block; float:none; margin: 0 20px }
	.header_wrap .nav_wrap .util_box .select_wrap { float:right; }
	.header_wrap .nav_wrap .main_nav .sub_nav { /* text-align:center; */ }
	.header_wrap .nav_wrap .main_nav .sub_nav li {/*  float:none; display:inline-block; */ margin: 0 10px; }
	.header_wrap .nav_wrap .main_nav .sub_nav li a { font-size:16px; }
	.header_wrap .nav_wrap .main_nav > li:nth-child(3) .sub_nav {  transform:translateX(-20%)  }
	.nav_wrap .main_nav > li:nth-child(5) .sub_nav {}
	
	.history { background-size:230px auto;  }


	.main_wrap .section_v { left:10px; }
	.main_wrap .title { padding: 80px 40px; }
	.con_slide_wrap { padding: 0 40px; }

	.main_wrap .title { width:100%; }


	.f_wrap .inner { width:calc(100% - 80px); max-width:1280px; }
	.f_wrap .inner .right_address .top > p { width:100%; float:none; } 
	.f_wrap .inner .right_address .top > p:last-child { text-align:left; }
	.f_wrap .inner .right_address .top > p:last-child::before { display:none; }


	


	/* 2021-01-18 new responsive style starts from here */


	.head_wrap .wrap, .head_wrap2 .wrap { }


}


@media only screen and (max-width: 1500px) { /* for client only */
	.nav_wrap .main_nav > li:nth-child(4) .sub_nav { }
	.nav_wrap .main_nav > li:nth-child(5) .sub_nav { }
}


@media only screen and (max-width: 1400px) { /* for client only */
	.nav_wrap .main_nav > li:nth-child(4) .sub_nav { }

}



@media only screen and (max-width: 1300px) {
	/* .work_thumbs .item { width:300px; height:182px; } */
	.work_wrap { width:100%; /* overflow:hidden; */ padding: 0 40px; }




}

@media only screen and (max-width: 1280px) {
	.nav_wrap .main_nav > li > a { font-size:16px; }


	
	

	.con_wrap .con_top li a { font-size:12px; }
	.con_wrap .con_title h4 { font-size:40px; }



	.con_box .board .list > ul > li .thumb,
	.con_box .board .list > ul > li .content { width:50%; }	

	
	.main_wrap .title h2 { font-size: 34px; padding: 15px 0 10px 0 }
	.main_wrap .slide2 .title h2::before { width:20px; height:4px; }
	.main_wrap .slide2 .title p { font-size:14px; }
	.main_wrap .slide3 .title { width:100%; }
	.main_wrap .slide3 .title * {/*  color:#666 */ }
	/* 	.main_wrap .slide3 .title_bg { width:100%; z-index:0; background:none; }
	.slide3_wrap .right_board { width:100%; padding-left:40px; } */
	.slide3_wrap .right_board { width:100%; padding:0 20px } 
	.main_wrap .slide3 .title_bg { display:none; }
	.main_wrap .slide3 .title h2 { }
	.slide3_wrap .right_board > h2 { font-size:34px; }
	.board_slide_wrap { background:#fff; }
	.main_wrap .con_slide_wrap .swiper-slide-active .top_img, 
	.main_wrap .con_slide_wrap .swiper-slide:hover .top_img { border-width:8px; }



	/* 2020-12-16 p  */
	.product .con_box .thumbs > li {}
	.product .con_box .thumbs .img_box img { }
	

	.intro_box > h5 { font-size:30px; }

	.intro_box .icon_carousel { margin: 40px 0 0 0; }
	.intro_box .icon_carousel li { width:130px; height:130px; margin: 0 15px 0 0; padding-top:80px; }

	.intro_box .icon_carousel li:nth-child(1),
	.intro_box .icon_carousel li:nth-child(2),
	.intro_box .icon_carousel li:nth-child(3),
	.intro_box .icon_carousel li:nth-child(4),
	.intro_box .icon_carousel li:nth-child(5),
	.intro_box .icon_carousel li:nth-child(6) { background-position:center 25px; }
	.intro_box .icon_carousel li span { font-size:14px; }




	/* 2020-12-18 p */

	.board_slide_wrap .prev2 { left:20px; }
	.board_slide_wrap .next2 { left:50px; }
	



	
	/* 2021-01-18 new responsive style starts from here */
	.head_wrap .wrap, 
	.head_wrap2 .wrap, .main_set .swiper-slide .text_box { width: 100%; max-width:1280px; padding: 0 40px; }
	.head_wrap .nav_box, .head_wrap2 .nav_box { right:40px; }
	.main_intro .wrap, .main_work .wrap, .main_news .wrap, .layer_wrap .wrap { padding: 5% 40px; width:100%; max-width:1280px; }
	.main_intro > .wrap .left h2 { font-size: 56px line-height: 60px; }
	.main_intro > .wrap .left .paragraph { font-size:20px; line-height: 33px; }
	.main_intro .hash span { font-size: 18px; }
	.main_intro > .wrap .right, .main_intro > .wrap .left { width:50%; }
	.main_intro > .wrap .right video { max-width:420px; }
	.main_intro .download a { display: inline-block; width: 249px; height: 50px; border: 1px solid #6f6f6f; font-size: 16px; line-height: 46px; text-align: center; color: #333;}
	.main_intro .download a:first-child { margin-bottom: 15px; }
	.main_news .news_wrap .news_box { padding-bottom:80px; }
	.main_news .news_wrap .news_box li a { padding: 20px 40px; }
	.main_work .wrap .top { margin-bottom:50px; }
	.main_work .wrap .top span { font-size:50px; }

	
	.main_work .wrap .video_box, .vid .video_box  { padding:0 }



	
	.main_work { height:auto; }
	


	

}

@media only screen and (min-width: 1024px) {
	.mobile { display:none; }

	/* COMPANY 이노테크미디어 소개 text 부분*/
	/* .intro_box > p {font-size: 15px;} */

	/* COMPANY 이노테크미디어 소개 icon 리스트 부분 */
	/* .intro_box .icon_carousel {display: flex; padding: 60px 10px 90px 10px;} */

	/* BUSINESS - Performance 동영상 부분 */
	/* .intro .biz_box .video_list {padding-right: 150px;}
	.intro .biz_box .wrap .video_frame {width: calc(100% - 480px);}
	.intro .biz_box .video_frame .videos {width: 100%; position: absolute; left: -130px;} */


	
}

@media only screen and (max-width: 1023px) {
	.mobile { display:block; }
	.pc { display:none; }

	.nav_bg { width:100%; height:100%; position:fixed; top:0; right:0; background:rgba(0,0,0,0.7); z-index:98; display:none; }

	.header_wrap .nav_wrap .util_box { width:150px; }
	.header_wrap .nav_wrap .util_box .select_wrap { margin-right:20px; }
	.mNavOpen { display:block; float:right; width: 28px; height:30px;  position:relative; z-index:100; }
	.mNavOpen > span { display:block; width:100%; height:2px; background:#fff; position:absolute; transition:.2s; }
	.mNavOpen .bar1 { top:4px; left:0; } 
	.mNavOpen .bar2 { width: 80%; top:13px; right:0 } 
	.mNavOpen .bar3 { top:22px; left:0; } 

	.mNavOpen.on > span { background:#333; }
	.mNavOpen.on .bar1 { transform:rotate(45deg); top:13px; transition:.2s; }
	.mNavOpen.on .bar2 { display:none; }
	.mNavOpen.on .bar3 {  transform:rotate(-45deg); top:13px; transition:.2s; }


	.mNav_wrap { width:80%; height:100%; position:fixed; top:0; right:-100%; z-index:99; background:#fff; padding-top: 60px; }
	.mNav_wrap > ul { width:100%; overflow:hidden; padding: 15px; }
	.mNav_wrap > ul > li { width:100%; overflow:hidden; margin: 0 0 8px 0 }
	.mNav_wrap > ul > li > a { font-family: 'Play', sans-serif; font-size:24px; color:#999; font-weight:600; }
	.mNav_wrap > ul > li.on a { color:#060e1d }
	.mNav_wrap > ul > li > ul { display:none; width:100%; overflow:hidden; }
	.mNav_wrap > ul > li:first-child ul { display:block; }
	.mNav_wrap li { width:100%; overflow:hidden; }

	.mNav_wrap > ul ul { padding: 10px 0 15px 10px }
	.mNav_wrap > ul ul li { padding: 0 0 5px 0 }
	.mNav_wrap > ul ul li a { font-size:16px; font-family: 'Noto Sans KR', sans-serif; }



	.con_wrap { padding: 27px 0 60px 0; }
	.con_wrap .con_top { padding:0 40px;; }
	
	.con_wrap .con_top li { width: 33.333%; height:50px; line-height:50px; }
	.con_wrap .con_top li:first-child::before, 
	.con_wrap .con_top li::after{ display:none; }
	.con_wrap .con_top li a { background:#ededed; }
	.con_wrap .con_top li.on a,
	.con_wrap .con_top li:hover a { background:#65bc45; color:#fff; transition:.2s; }
	.con_wrap .con_top li a::before { display:none; }



	.video_wrap .inner, .vid .inner { width:calc(100% - 100px); padding:40px; }
	.video_wrap .video_title, .vid .video_title { font-size:30px; padding: 0 0 10px 0; }
	.popClose { width:20px; }

	.company .con_top { padding:0 }
	
	.history .y2019 { background-size:500px auto; background-position:center 70%; } 
	.history .box ul li { float:none; width:100%; margin: 10px 0 25px 0; }

	.history .box {  }

	.con_box .board .list li { margin-bottom:30px; }
	.con_box .board .list > ul > li .thumb, 
	.con_box .board .list > ul > li .content { float:none; width:100%; }
	.con_box .board .list > ul > li .thumb { padding: 20px 0 30px 0; border-bottom:1px solid #ddd; text-align:center; } 
	.con_box .board .list > ul > li .content { padding: 20px 0; }

	.con_box .board .list > ul > li .thumb img {  }
	.con_box .board .list > ul > li .content .board_tit { margin: 0 0 15px 0; }


	.con_box .board_view .board_top .board_tit { font-size:22px; }

	
	/* 12월 15일 수정 */
	.main_wrap .con_slide_wrap .swiper-container, .main_wrap .board_slide_wrap .swiper-container {padding: 0 0 60px 0;}
	
	/* COMPANY - ul list 부분 */
	/* .history .con_top li:first-child {width: 17.5%;} */

	.company .con_top { }
	
	.intro_box > p {font-size: 15.5px;}
	.intro_box .icon_carousel {display: flex; padding: 60px 10px 90px 10px;}

	/* BUSINESS - Performance 동영상 부분 */
	.intro .biz_box .video_list {padding-right: 150px;}
	.intro .biz_box .wrap .video_frame {width: calc(100% - 480px);}
	.intro .biz_box .video_frame .videos {width: 100%; position: absolute; left: -130px;}

	/*  */
	.con_wrap.intro {padding: 60px 0 0 0;}

	.con_wrap .con_top, .con_wrap .con_box {/* padding: 0px 100px; */}
	.company .map_box .address .table_wrap table th, .company .map_box .address .table_wrap table td {font-size: 16px;}
	
	.product .con_box .thumbs .img_box img.hab {}





	/* 2020-12-16 p - project */
	.project_box > ul > li {  }
	.project_box > ul > li > div { }
	.project_box > ul > li > div {   }
	.project_box > ul > li .project_thumb { width:60%; }
	.project_box > ul > li .txt_wrap { width:40%; }
	.project_box .date, 
	.project_box .project_nm { font-size:24px; }

	


	.intro .button_wrap .dlBtn {  }
	
	
	.company .con_box .circle_wrap { width:250px; height:250px; }
	.company .con_box .circle_wrap ul::after { width:100px; height:100px; line-height:100px; }
	.company .con_box .circle_wrap .circles { width:90px; height:90px; border-width:3px; }

	.company .con_box .circle_wrap .circles::after { font-size:14px; display:inline-block; width:150%; overflow:visible; }
	.company .con_box .circle_wrap .circle4 { bottom:-35px; left: -10px; }
	.company .con_box .circle_wrap .circle3 { bottom:-35px; right: -15px; }
	.company .con_box .circle_wrap .circle1::after { bottom: 35px; right:22px; }
	.company .con_box .circle_wrap .circle2::after { left:65px; }
	.company .con_box .circle_wrap .circle3::after { left:52px; }
	.company .con_box .circle_wrap .circle4::after { right:110%; }
	.company .con_box .circle_wrap .circle5::after { right:120%; }
	
	.company .etc_department { max-width:400px; margin: 0 auto; }
	.company .etc_department ul { width:auto; padding: 20px; border-radius:20px; }
	.company .etc_department ul li { font-size: 14px; display:block; max-width: 320px; margin: 0 auto 20px }
	.company .etc_department ul li:nth-child(2) { margin: 0 auto 20px; }
	.company .etc_department ul li:nth-child(3) { margin: 0 auto; }
 



	.license_box li { width: calc(33.33% - 14px); }
	.license_box li:nth-child(4n) { margin: 0 20px 20px 0; }
	.license_box li:nth-child(3n) { margin: 0 0 20px 0; }



	.company .map_box > div { width:100%; float:none; }
	.company .map_box .address { padding: 20px 50px 20px 20px }


	.f_wrap .inner { width:calc(100% - 40px) }
	.f_wrap .inner > ul li a { font-size:12px }
	.f_wrap .inner .address_wrap { padding: 30px 0 20px 0; }
	.f_wrap .inner .address_wrap > div { float:none; width:100%; }
	.f_wrap .inner .address_wrap .f_logo { width:100%; text-align:center;  }
	.f_wrap .inner .right_address { padding: 30px 0 0 0 }
	.f_wrap .inner .right_address .top p, 
	.f_wrap .inner .right_address .top > p:last-child { text-align:center; }
	.f_wrap .inner .right_address .bottom { text-align:center; }
	.f_wrap .inner .right_address .bottom p.center { width:100%; display:block; text-align:center; }	
	.f_wrap .inner .right_address .bottom p.copy { padding-top: 30px; text-align:center; width:100%; }





		
	/* 2021-01-18 new responsive style starts from here */
	.head_wrap .wrap, .head_wrap2 .wrap, .main_set .swiper-slide .text_box {  padding: 0 20px; }
	.head_wrap .nav_box, .head_wrap2 .nav_box { right:20px; }
	.main_intro > .wrap .left .paragraph { font-size: 16px; }
	.main_intro > .wrap .left .paragraph br { display:none; }
	.main_intro .download a { width:160px; font-size: 14px; }
	.main_intro > .wrap .left h2 { line-height:60px }

	.main_intro > .wrap .right video { max-width:300px; }
	.main_intro > .wrap .left { margin-top:15%; }
	.main_work .btn_wrap a { width: 100%; height: 45px; display: inline-block; line-height: 43px; border: 1px solid #6f6f6f; text-align: center; color: #fff; }	
	.work_wrap .btn_wrap .more_btn { width: 100%; height: 45px; display: inline-block; line-height: 43px; border: 1px solid #6f6f6f; text-align: center; color: #fff; }
	.main_news .news_wrap .news_box li a { padding: 20px 25px; }
	.contact .form_wrap .left, .contact .form_wrap .right {  }
	.contact .form_wrap .left { padding-right:20px; }
	.layer_wrap .wrap .top .subject { font-size:24px; }


	/* .work_thumbs .item { width:calc(50% - 15px);  }
	.work_thumbs .item:nth-child(3n) { margin: 0 30px 30px 0; }
	.work_thumbs .item:nth-child(even) { margin: 0 0 30px 0; } */

    .work-thumbs-wrap .work_thumbs .item { width:50%; }

	.video_wrap .video_title { padding-bottom: 30px; }
	.video_wrap .video_title::before { width:45px; height:45px; top: 28%; left:-15px; }


	.f_wrap .f_block .f_line { float:none; width:100%; }



	
	/* 2021-01-26 */
	.map_layer { overflow-y:auto;  }
	.map_layer .wrap {height:auto;}
	.map_layer .map_box { height:auto; }
	.map_layer .map_box .left, .map_layer .map_box .right { float:none; width:100%; height:auto; overflow:hidden; }
	.map_layer .map_box .right .text_box { padding: 30px 27px; }
	
	.google-map { height: 500px; }


	

	
	
	
}

@media only screen and (min-width: 768px) {
	
	.rectangle_wrap { display:none; }

}
@media only screen and (max-width: 767px) {
	.header_wrap .nav_wrap .logo_box { padding: 17px 0 20px 0; }

	
	.mNav_wrap > ul > li > a { font-size:20px; }
	.mNav_wrap > ul ul li a { font-size:14px; }



	.con_wrap .con_top { padding:0; }
	.cate_wrap { background:none; padding:0; }
	.cate_wrap .inner > ul > li { display:none; }
	.cate_wrap .inner > ul > li.search { display:block; width:100%;  overflow:hidden }

	.cate_wrap .inner > ul > li.search .search_wrap { }
	.cate_wrap .inner > ul > li.search .search_wrap input[type=text] {} 


	/*12월15일 원본 내용 .history .y2019 { background-size:95% auto; padding-bottom:400px; } */
	/* 수정 내용 */
	/* .history .y2019 { background-size:95% auto; padding-bottom:400px; } */
	.history { background-size: 25% auto; background-position: right 65%; }
	.history .y2018 { margin-bottom: 200px; }

	
	.con_box .board .list li .content .date { font-size:12px; }
	.con_box .board .list > ul > li .content .board_tit { font-size: 20px; margin: 0 0 10px 0; }
	.con_box .board .list li .content .board_con { font-size:14px; }
	.con_box .board .list li .content .moreBtn { margin: 15px 0 0 0 }

	.con_wrap .con_title h4, .sub_title_wrap > h2 { font-size:34px; }
	.con_box .board_view .board_top .board_tit { font-size:17px; }
	.con_box .board_view .board_top .date { font-size: 12px }
	.con_box .board .list > ul > li .thumb { padding: 20px 0 }



	


	.company .con_box .circle_wrap { display:none; }
	.company .con_box .rectangle_wrap { width:100%; overflow:hidden; max-width: 400px; margin: 0 auto; }
	.company .con_box .rectangle_wrap p { width:100px; height:100px; margin: 0 auto; line-height:100px; text-align:center;border-radius:50%; background:#65bc45; color:#fff; }
	.company .con_box .rectangle_wrap ul { width:100%; overflow:hidden; padding-top: 30px;}
	.company .con_box .rectangle_wrap li { }


	.license_box li { width:calc(50% - 10px); }
	.license_box li:nth-child(3n) { margin: 0 20px 20px 0; }
	.license_box li:nth-child(2n) { margin: 0 0 20px 0 }
	


	.company .map_box:first-child { margin:30px 0 10px 0 }
	.company .map_box .address { padding: 20px 0 20px 20px }
	.company .map_box:first-child { padding-bottom:35px; }
	.company .map_box .address .company_nm { margin-bottom:10px; font-size:20px; }
	.company .map_box .address .table_wrap table th { width:80px; font-size:14px; font-weight:500 }
	.company .map_box .address .table_wrap table td { font-size:14px; }


	.f_wrap .inner { width:100%; }
	.f_wrap .inner .address_wrap .f_logo img { width:180px; opacity:.3 }
	.f_wrap .inner .right_address .top > p { font-size:12px; }
	.f_wrap .inner .right_address .bottom { padding: 20px 0 0 0; }
	.f_wrap .right_address .bottom span { display:block; font-size:12px; }
	.f_wrap .inner > ul li { margin-right:10px }
	.f_wrap .inner > ul li:last-child { margin:0; }
	.f_wrap .inner .right_address .bottom p.center,  
	.f_wrap .inner .right_address .bottom p.copy, 
	.f_wrap .inner .right_address .bottom span { font-size:12px; }



	/*  */
	.con_wrap.intro {padding: 60px 0 0 0;}

	.intro_box > p {font-size: 13px;}

	.intro_box .icon_carousel {display: block; padding: 60px 0px 90px 0px;}
	.intro_box .icon_carousel li:nth-child(1),
	.intro_box .icon_carousel li:nth-child(2),
	.intro_box .icon_carousel li:nth-child(3) {position: relative; left: 7.5px; top: -9px;}
	.intro_box > h5 {font-size: 26px;}


	.project_box .project_nm {font-size: 18px;}

	/* 2020-12-16 */
	.project_box > ul > li > div { float:none; width:100%; }
	.project_box > ul > li.right .txt_wrap { text-align:left; }
	.project_box > ul > li .project_thumb { float:none; width:100%; padding:0; margin-bottom:10px; }
	.project_box > ul > li.right > div { float:none; }
	.project_box > ul > li.right .project_thumb { padding:0; }

	.project_box > ul > li .txt_wrap { width:100%; }

	.history .box ul li { margin: 10px 0; }
	.history .text_box h5 { font-size:30px; }
	.history .box ul li p { font-size:18px; }
	.history .box { margin-bottom:40px; }


	.con_wrap .con_title { padding: 50px 20px 20px 20px } 
	
	
	

	/* 2020-12-18 p */	
	.slide3_wrap .right_board .swiper-slide .top_img { text-align:center; }
	.slide3_wrap .right_board .swiper-slide .top_img img { max-width: 400px; }
	.board_slide_wrap .board_title, 
	.board_slide_wrap .board_con { text-align:center; }
	.board_slide_wrap .board_date {  }



	/* 2021-01-18 new responsive style starts from here */
	.head_wrap .logo img, .head_wrap2 .logo img { max-width: 200px }
	.f_wrap .inner { padding: 20px; }
	.main_intro, .main_work { height:auto; }
	.main_intro { padding: 50px 0 0 0 }
	.main_set .swiper-slide .text_box .text_inner p img { max-width:350px; }
	.main_set .swiper-slide .text_box p { font-size:30px; }
	.main_set .swiper-slide .text_box p.light { font-size:15px; }
	.main_set .swiper-slide a.play { width:160px; height:45px; font-size:15px; line-height:43px; }

	.main_intro > .wrap > div { float:none; width:100%; margin:0; height:auto }
	.main_intro > .wrap .left { margin:0; }
	.main_intro > .wrap .right { position:static; text-align:center; margin: 50px 0 }
	.main_intro > .wrap .right video { position:static; transform: translate(0,0) }
	.main_intro .download { text-align:center; }


	.contact .form_wrap .left, .contact .form_wrap .right { float:none; width:100%; padding:0; }
	.contact .form_wrap .right { margin-top: 15px; }

	.main_intro .wrap, .main_work .wrap, .main_news .wrap, .layer_wrap .wrap { padding: 40px 20px; overflow-y:auto; }
	.contact .form_wrap .left, .contact .form_wrap .right { max-height:100%;; }

	.layer_wrap .top h3 { font-size:28px; }
	.layer_wrap .top h3::before {  }

	.layer_wrap .pop_close { top:5px; width: 26px; height: 26px; }
	.contact .contact_btn { text-align:center; }

	
	.layer_wrap .wrap .board_con { padding:40px 20px; font-size:14px; }
	.layer_wrap .wrap .top .subject { font-size:20px; }

	.work_wrap { padding: 0 20px; }
	.work_wrap .top h3 > b { font-size:30px; }
	.work_wrap .top h3 > b::before { width:45px; height:45px; top: 50%; left:-15px }

	
	/* .work_thumbs .item { width:100%; margin: 0 0 20px 0 !important; } */
    .work-thumbs-wrap .work_thumbs { margin-top:-20px; margin-left:0; }
    .work-thumbs-wrap .work_thumbs .item { width:100%; margin-top:20px; padding-left:0; }


	.main_intro > .wrap .right, .main_intro > .wrap .left { width:100%; }


	.main_work .wrap .top span { font-size: 32px; line-height: 42px; }
	

	
	
	
	
}


@media only screen and (max-width: 490px) {


	.header_wrap { height:250px }
	.header_wrap .nav_wrap, .header_wrap .nav_wrap .logo_box, .header_wrap .nav_wrap .main_nav, .main.header_wrap { height:60px; }
	.header_wrap .nav_wrap .wrap { padding: 0 15px }
	.header_wrap .nav_wrap .util_box { height:60px; padding: 17px 0 0 0 }
	.header_wrap .nav_wrap .logo_box { padding: 13px 0 16px 0; }
	.header_wrap .nav_wrap .util_box .select_wrap { width:60px; margin-right:10px; }


	.sub_title_wrap { padding: 40px 10px; }
	.sub_title_wrap > h2 { font-size:32px; }


	.cate_wrap { width:calc(100% - 40px); height:50px; }
	.cate_wrap .inner > ul > li.search .search_wrap .searchBtn { width: 50px; height:50px; background-size:25px auto; }
	
	
	.con_wrap .con_top li { width:50%; }
	.history .con_top li:first-child { width:50%; }
	.history .text_box h5 { font-size: 30px; }
	.history .text_box h5::after { width:6px; height:6px; }
	.history .box ul li p { font-size: 15px; }
	.history .box ul li span { font-size: 12px; }


	.con_box .board_view .board_top .board_tit { width:100%; max-width:100%; padding-right:0; }
	.con_box .board_view .board_top .date { position:static; transform:translateY(0); width:100%; padding-top:0; }
	.con_box .board_view .board_con { font-size:14px; }


	.video_wrap .inner, .vid .inner { width:100%; padding: 20px; }


	 /* 210221 수정 */
	.video_wrap .video_title, .vid .video_title { font-size: 26px; padding-right:20px; }
	/* .video_wrap .video_title, .vid .video_title { font-size: 28px;  } */
	.popClose { width:26px; height: 26px; }




	/* 12월 15일 수정 */
	.intro_box .icon_carousel li:nth-child(1), 
	.intro_box .icon_carousel li:nth-child(2), 
	.intro_box .icon_carousel li:nth-child(3), 
	.intro_box .icon_carousel li:nth-child(4) {position: relative; left: 7.5px; top: -9px;}
	.intro_box .icon_carousel li:nth-child(5),
	.intro_box .icon_carousel li:nth-child(6) {position: relative; top: -9px;}



	/* 2021-01-18 new responsive style starts from here */
	.main_intro .download a:first-child { margin:0 }
	.main_intro .download a, .main_intro .download a:first-child { float:none; display:block; width:100%; margin: 10px auto; }

	.main_intro > .wrap .left h2 { font-size:33px; line-height: 38px; letter-spacing: 0 }
	.main_intro > .wrap .left .paragraph { margin:30px 0 }
	.main_intro .hash { font-size:14px; margin: 0 0 30px 0 }

	.main_news .news_wrap .news_box li a p.subject { font-size:16px; }
	.main_intro .wrap, .main_work .wrap, .main_news .wrap { padding: 5% 20px; }
	.main_intro > .wrap .left h2::before { width:60px; height:60px; left:-15px }


}

/* 모바일가기전 영역 */
@media only screen and (min-width: 450px) and (max-width: 767px) {
	


}

/* 12월 16일 미디어 쿼리 새로 수정 */
@media only screen and (max-width: 414px) { 
/* 	.board_slide_wrap .board_title {margin: 20px 0 20px 0;}
	.board_slide_wrap .prev2, .board_slide_wrap .next2 {bottom: 10px;} */

	.intro_box > p {font-size: 12px;}
	.intro_box > h5 {font-size: 22px;}

	.company .con_box .circle_wrap .circles {width:100px; height: 100px;}
	.company .con_box .circle_wrap ul::after {width: 100px; height: 100px; line-height: 100px;}
	.company .con_box .circle_wrap {width: 270px; height: 270px;}


	/* 2020-12-16 */
	.project_box > ul { margin: 30px 0 0 0 }


	/* 2020-12-18 */
	.main_wrap .title { padding: 60px 40px; }
	.slide3_wrap .right_board > h2 { font-size:24px; margin-bottom: 20px; }
	.main_wrap .title h2 { font-size:24px; }
	.main_wrap .board_slide_wrap .swiper-container { padding: 0 0 35px 0; }
	.slide3_wrap .right_board { top:90px; }	
	.slide3_wrap .right_board .swiper-slide .top_img img { max-width:200px; }

	.board_slide_wrap .board_title { font-size: 18px; margin: 15px 0 5px 0; }
	.main_wrap .con_slide_wrap .con_slide_title { font-size:16px; }


	.f_wrap .inner .address_wrap { padding: 15px 0 10px 0}
	.f_wrap .inner .address_wrap > div, .f_wrap .inner .right_address .bottom p.copy { padding: 10px 0 0 0 }




	/* 2021-01-18 new responsive style starts from here */
	.main_set .swiper-slide .text_box { top:37%; }
	.main_set .swiper-slide .text_box .text_inner p img { max-width:300px }
	.main_set .swiper-slide .text_box p { font-size: 28px; line-height: 1.5; }

	.contact .left li div.input_wrap { float:none; width:100%; margin-right:0; }
	.contact .left li div.input_wrap:first-child { margin-bottom:15px; }
	.main_work .wrap .top { margin-top:30px; }
	.main_work .wrap .top span { font-size: 32px; line-height: 42px; }


	.contact .terms { padding: 20px; }


	.iframe_wrap iframe { width:100% }
	.video_pop .popClose { top:0px; }
	

	
	

	
}



@media only screen and (max-width: 375px) {
	.f_wrap .inner {  }
	.f_wrap .f_line span { padding:0 }


}



/* 12월 16일 미디어 쿼리 새로 수정 */
@media only screen and (max-width: 360px) { 
	
	
	.board_slide_wrap .board_title {margin: 20px 0 10px 0;}
	.intro_box > h5 {font-size: 20px;}
	.intro_box .icon_carousel li:nth-child(5) {position: relative; top: -9px; left: 8px;}
	.company .con_box .circle_wrap {width: 250px; height: 250px;}
	.company .con_box .circle_wrap .circles {width: 80px; height: 80px;}


	.company .con_box .circle_wrap .circle1 {top: -40px; left: 50%;}
	.company .con_box .circle_wrap .circle2 {top: 15%; right: -30px;}
	.company .con_box .circle_wrap .circle3 {bottom: -15px; right: 5px;}
	.company .con_box .circle_wrap .circle4 {bottom: -15px; left: 5px;}
	.company .con_box .circle_wrap .circle5 {top: 15%; left: -30px;}

	.company .con_box .circle_wrap ul::after {width: 80px; height: 80px; line-height: 80px;}
	.company .con_box .circle_wrap .circles::after {font-size: 14px;}
	.company .con_box .circle_wrap .circle1::after {bottom: 90px;}
	.company .con_box .circle_wrap .circle2::after {left: 5px; top: -95px;}
	.company .con_box .circle_wrap .circle3::after {left: 0px; top: 45px;}
	.company .con_box .circle_wrap .circle4::after {right: 0px; top: 45px;}
	.company .con_box .circle_wrap .circle5::after {right: 0px; top: -95px;}
	.company .etc_department ul {width: 320px;}
	.company .etc_department ul li {padding: 10px 7px;}
	.license_box li .txt_box .tit {font-size: 12px;}
	
	




	/* 2020-12-18 p */
	.slide3_wrap .right_board { top:70px; }	




	
	/* 2021-01-18 new responsive style starts from here */
	.head_wrap {  }
	.main_set .swiper-slide .text_box .text_inner p img  { max-width:250px; }
	.main_set .swiper-slide .text_box p { font-size: 22px; }
	.main_set .swiper-slide a.play { width:140px; height:40px; line-height:38px; font-weight:500; }
	.main_set .swiper-slide .text_box p.light { margin: 10px 0 30px 0; }
	.main_intro > .wrap .left h2 { font-size:30px; line-height:40px; }
	.main_intro > .wrap .left .paragraph { margin: 15px 0; line-height:28px; }
	.main_intro > .wrap .right video { width:100%; max-width:100%; }
	.layer_wrap .wrap .board_con { padding: 20px 10px; }
	

	.layer_wrap .board_btn a { font-size: 14px; padding: 0 20px 0 5px; }
	.layer_wrap .board_btn a:first-child { padding: 0 5px 0 20px; }
	
	.f_wrap .f_block .f_line:first-child { margin-bottom:5px; } 
	.f_wrap .contact_list span { display:block; float:none; }


	

	
	

}






@media only screen and (max-width: 320px) {

	.history { background-position: right 60%; }
	.con_wrap .con_box { padding: 0 15px; }
	.history .y2019 { padding-bottom:300px; }
	.con_box .board .list li .content .moreBtn { width:90px; background-position:80% center; font-size:13px; }
	.con_wrap .con_title { padding: 30px 0 20px 0 }
	.con_wrap .con_title h4, .sub_title_wrap > h2 { font-size:30px }
	.con_box .board .top_info { margin: 20px 0 } 
	.con_box .board .list li { margin-bottom:15px }
	.con_box .board .list > ul > li .thumb { padding: 10px 0 }
	
	.f_wrap .inner > ul li { margin-right:5px; }


	/* 12월 15일 수정 */
	.main_wrap .con_slide_wrap .swiper-container, .main_wrap .board_slide_wrap .swiper-container {padding: 0px 0px 30px 0px;}

	/*  */
	.intro_box > h5 {font-size: 17px;}
	.intro_box > p {font-size: 12px;;}
	.intro_box .icon_carousel li:nth-child(5) {left: 7.5px;}
	

	
	.history .y2019 { background-size: 95% auto; }

	.license_box li .txt_box .tit { font-size: 12px; }
	
	.inquiry .agree_box textarea { height: 140px; }
	.project_box > ul > li .txt_wrap { width: calc(100% - 80px);}
	.license_box li { min-height:200px; float:none; width:100%; margin: 0 0 20px 0; }


	
	/* 2020-12-18 p */
	.main_wrap .title { padding: 30px 40px; }
	.f_wrap .inner { padding:20px 10px; }
	.f_wrap .inner .address_wrap { padding:5px 0; }
	.f_wrap .inner .address_wrap > div, .f_wrap .inner .right_address .bottom p.copy { padding:0; }

	
	

	
}



@media only screen and (max-width: 280px) {
	.popClose { width:15px; top:2px; }
	.con_wrap .con_title h4 { font-size:30px; }
	.con_wrap .con_box { padding: 0 10px; }
	.con_wrap .con_top li a { font-size:12px }

	.video_wrap .inner { padding: 20px 0 }
	.video_wrap .video_title { padding-right:30px; font-size:15px }

	.head_wrap .logo img, .head_wrap2 .logo img { max-width:180px; }
	.head_wrap .nav_box, .head_wrap2 .nav_box { right:10px; }
	.main_intro .wrap, .main_work .wrap, .main_news .wrap { padding: 5% 10px; }
	.main_news .news_wrap .news_box li a { padding: 15px 10px; }
	.head_wrap .wrap, .head_wrap2 .wrap, .main_set .swiper-slide .text_box { padding: 0 10px; }
	.main_set .swiper-slide .text_box .text_inner p img { max-width:230px; }
	.main_set .swiper-slide .text_box p { font-size:20px; } 


	
	
	/* 12월 15일 수정 */
	/* 	.intro_box > h5 {font-size: 15px;}
	
	.license_box li {width: calc(25% - -45px);}
	.license_box li .txt_box .tit {letter-spacing: -1px;}
	
	.con_wrap .con_title h4 {font-size: 24px;}
	
	
	.company .map_box .address .company_nm {font-size: 20px;}
	.project_box > ul > li.right .project_thumb {padding: 0 0 0 60px;}
	.project_box > ul > li .project_thumb {padding-right: 60px;}
	
	.project_box .project_nm {font-size: 16px;}
	
	.paging .page {width: 30px; height:30px; line-height: 30px;}
	.board_slide_wrap .board_title {margin: 20px 0 20px 0;}
	
	.board_slide_wrap .prev2, .board_slide_wrap .next2 {bottom: 0px;}
	
	.license_box li {width: calc(25% - -35px); padding-left: 12px;}
	
	.company .map_box .address .table_wrap table th {width: 70px;}
	.company .map_box .address .wrap {width: 240px;}
	
	 */
	

}