@charset "utf-8";

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media only screen and (max-width: 1500px) {

	

}

@media only screen and (max-width: 1440px) {
	.site_grid, .grid1{padding-left:40px; padding-right:40px; margin:0; width:auto}

	#header .pc_header h1{left:40px}
	#header .pc_header .right_set .btn_inquiry{width:140px}
	#gnb > ul > li{margin:0 30px 0 26px;}

	/*MAINPAGE*/
	#main section.m_sc2 .box_compare .txt1{font-size:28px;}
	#main section.m_sc2 .box_compare .txt2 p{font-size:20px}

	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-prev{left:-23px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-prev:hover{left:-28px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-next{right:-23px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-next:hover{right:-28px}

	#main section.m_sc7 .cont_box .inner_box{padding:54px 10px 54px 40px}
}




@media only screen and (max-width: 1279px) {
	#header .pc_header .row_header{height:74px;}
	#header .pc_header + .empty_header{height:74px;}
	#header .pc_header h1{top:27px;}
	#header .pc_header .right_set > ul{padding-top:25px}
	#header .pc_header .right_set > ul > li > a{font-size:13px;}
	#header .pc_header .right_set > ul > .sep1{margin:0 5px;}
	#header .pc_header .right_set .btn_inquiry{width:120px; margin-left:18px;}
	#header .pc_header .right_set .btn_inquiry a{height:74px;}
	#header .pc_header .right_set .btn_inquiry span{top:29px; font-size:14px}	
	#gnb{top:30px;}
	#gnb > ul > li{margin:0 20px 0 16px}
	#gnb > ul > li > a{font-size:15px}
	#sub_visual{height:250px;}
	#sub_visual .ct_title{padding-top:88px}
	#sub_visual .ct_title .stit{font-size:13px}
	#sub_visual .ct_title h2{margin-top:11px; font-size:38px}

	/*MAIN PAGE*/
	#main section .button1 a{padding:18px 50px}
	#main section .button1 span{font-size:17px}

	#main_visual li{height:calc(700px - 92px);}
	#main_visual .static_text{margin-top:-120px}
	#main_visual .static_text .main_text{font-size:48px}
	#main_visual .static_text .sub_text{margin-top:25px; font-size:18px; line-height:1.8}
	#main_visual .static_text .button1{margin-top:30px;}
	#main_visual .bx-wrapper .bx-prev{left:40px}
	#main_visual .bx-wrapper .bx-prev:hover{left:35px}
	#main_visual .bx-wrapper .bx-next{right:40px}
	#main_visual .bx-wrapper .bx-next:hover{right:35px}

	#main section .sc_title .title{font-size:38px}
	#main section .sc_title p{margin-top:18px; font-size:16px}

	#main section.m_sc1{padding:75px 0}
	#main section.m_sc1 .box_set li{height:280px}
	#main section.m_sc1 .box_set li .cont_box{top:47px;}
	#main section.m_sc1 .box_set li .cont_box .txt1{padding-top:92px; font-size:15px}
	#main section.m_sc1 .box_set li .cont_box .sep1{margin:15px 0 15px}
	#main section.m_sc1 .box_set li .cont_box .txt2{font-size:15px; line-height:1.5}
	#main section.m_sc1 .box_set li .dsp1{display:none}
	#main section.m_sc1 .box_set li .hover_box .txt1{padding-top:50px; font-size:16px; line-height:1.5;}
	#main section.m_sc1 .box_set li .hover_box .txt2{font-size:15px; line-height:1.5}

	#main section.m_sc2 .sc_title .title span{font-size:32px}
	#main section.m_sc2{padding:75px 0}
	#main section.m_sc2 .box_compare{padding:55px 0 35px}
	#main section.m_sc2 .btn_prd a{padding:18px 50px}
	#main section.m_sc2 .btn_prd span{font-size:17px}

	#main section.m_sc3{padding:75px 0}
	#main section.m_sc3 .sc_movie .left{width:calc(100% - 590px)}
	#main section.m_sc3 .sc_movie .right{width:590px}
	#main section.m_sc3 .sc_movie .txtset{padding:0px 0}
	#main section.m_sc3 .sc_movie .txt1{font-size:16px}
	#main section.m_sc3 .sc_movie .txt2{font-size:38px}
	#main section.m_sc3 .sc_movie p{margin-top:18px;font-size:16px}
	#main section.m_sc3 .sc_movie .button1{margin-top:36px;}

	#main section.m_sc4{padding:75px 0}

	#main section.m_sc5{padding:75px 0}
	#main section.m_sc5 .button1{margin-top:20px;}

	.list_case li .thumb{height:210px;}
	.list_case li .title{margin-top:18px; font-size:16px}
	
	#main section.m_sc6 .right .main_text .dsp1{display:none}

	/*SUB PAGE*/
	.pg_title{padding:70px 0 50px}
	.pg_title .title{font-size:35px}
	.pg_title p{margin-top:21px; font-size:16px}
	.pg_main_text{padding:90px 0 40px}
	.pg_main_text .stit{font-size:16px}
	.pg_main_text .title{margin-top:15px; font-size:35px}
	.pg_main_text .title .qoute1{font-size:58px}

	.text1{font-size:20px}
	.text2{font-size:16px;}
	.text3{font-size:26px;}
	.text4{font-size:16px;}

	/*회사소개*/
	.sub1 .sc1{padding:45px 0 66px}
	.sub1 .sc1 .left{width:calc(45% - 25px)}
	.sub1 .sc1 .right{width:calc(55% - 25px)}
	.sub1 .sc2{padding:60px 0 110px}
	.sub1 .sc2 .info_map .txt1{font-size:15px; line-height:1.5}
	.sub1 .sc2 .info_map .txt2{font-size:15px; line-height:1.5}
	/*제품소개*/
	.sub2 .sc1{padding:30px 0 60px}
	.sub2 .sc2{padding:60px 0 50px}
	.sub2 .sc2 .inner_sc li .info_txt{margin-top:17px}
	.sub2 .sc2 .inner_sc li .info_txt .txt2{margin-top:3px; font-size:18px}

	.sub2 .sc3{padding:60px 0 20px}
	.sub2 .sc3 .inner_sc{margin-top:55px}
	.sub2 .sc3 .inner_sc li{width:calc(25% - 15px); height:340px; margin-right:20px}
	.sub2 .sc3 .inner_sc li .inner_box{padding:55px 25px 25px;}
	.sub2 .sc3 .inner_sc li .inner_box .txt1{padding-top:100px; font-size:15px}
	.sub2 .sc3 .inner_sc li .inner_box .txt2{margin-top:5px; font-size:18px}
	.sub2 .sc3 .inner_sc li .inner_box p{margin-top:15px; font-size:15px}

	.sub2 .sc4{padding:60px 0 60px}

	.sub2 .sc5{padding:60px 0 60px}
	.sub2 .sc5 .inner_sc{margin-top:30px}
	.sub2 .sc5 .inner_sc table th,
	.sub2 .sc5 .inner_sc table td{font-size:14px; line-height:1.4}
	.sub2 .sc5 .inner_sc table td{padding:12px 10px}
	.sub2 .sc5 .inner_sc table td .dsp1{display:none}
	.sub2 .sc5 .inner_sc table td .tc_img{width:120px; margin:10px 0}

	.sub2 .sc6{padding:60px 0 50px}
	.sub2 .sc6 .main_text{margin-top:25px; font-size:20px}


	/*인증현황*/
	.sub3 .sc_ctf .list_ctf li{margin-bottom:30px}
	.sub3 .sc_ctf .list_ctf li .info_certi{margin-top:10px;}
	.sub3 .sc_ctf .list_ctf li .info_certi .txt1{font-size:16px}
	.sub3 .sc_ctf .list_ctf li .info_certi .txt2{margin-top:8px; font-size:14px}

	

}



@media screen and (max-width: 1279px) and (min-width: 1024px) {
	#main section.m_sc2 .box_compare .txtset{padding:25px 0 40px}
	#main section.m_sc2 .box_compare .line{margin:25px 0;}
	#main section.m_sc2 .box_compare .txt1{font-size:25px;}
	#main section.m_sc2 .box_compare .txt2 p{font-size:17px; line-height:1.5}
	#main section.m_sc2 .box_compare .left .line{width:calc(100% - 170px)}
	#main section.m_sc2 .box_compare .right .line{width:calc(100% - 185px)}
	#main section.m_sc2 .box_compare .left .obj_prd{right:-50px}
	#main section.m_sc2 .box_compare .left .obj_prd img{width:315px;}
	#main section.m_sc2 .box_compare .right .obj_prd{left:-25px}
	#main section.m_sc2 .box_compare .right .obj_prd img{width:261px;}
	#main section.m_sc2 .box_compare .right .txt2 p{font-size:16px;}

}

@media only screen and (max-width: 1100px) and (min-width: 1024px) {
	/*MAIN PAGE*/
	#main section.m_sc2 .box_compare .txtset{padding:20px 0 40px}
	#main section.m_sc2 .box_compare .line{margin:22px 0;}
	#main section.m_sc2 .box_compare .left .line{width:calc(100% - 135px)}
	#main section.m_sc2 .box_compare .right .line{width:calc(100% - 155px)}
	#main section.m_sc2 .box_compare .left .obj_prd img{width:280px;}
	#main section.m_sc2 .box_compare .right .obj_prd img{width:232px;}


}

@media only screen and (max-width: 1100px) {
	/*제품소개*/
	.sub2 .sc4 .inner_sc .img_big{display:none}
	.sub2 .sc4 .inner_sc .img_small{display:block}
	.sub2 .sc6 .inner_sc .img_big{display:none}
	.sub2 .sc6 .inner_sc .img_small{display:block}
}

@media only screen and (max-width: 1023px) {
	.site_grid, .grid1{padding-left:20px; padding-right:20px}
	#header .pc_header,
	#header .pc_header + .empty_header{display:none}
	#header .mobile_header{display:block}

	/*SIDEBAR*/
	/*[data-sidebar]{width:40%} */

	#footer .inner_footer{text-align:center}
	#footer .address{float:none}
	#footer .bt_link{display:none}

	#sub_visual{height:270px;}
	#sub_visual .ct_title{padding-top:130px}
	#sub_visual .ct_title .stit{font-size:13px}
	#sub_visual .ct_title h2{margin-top:7px; font-size:35px}
	#sub_visual .sv_pager > div{margin-top:45px;}
	#sub_visual .sv_pager a{font-size:12px;}
	/*MAIN PAGE*/
	#main section .button1 a{padding:16px 42px}
	#main section .button1 span{font-size:16px}	
	
	#main_visual li{height:calc(630px - 62px);}
	#main_visual .static_text{margin-top:-115px}
	#main_visual .static_text .main_text{font-size:36px}	
	#main_visual .static_text .sub_text{margin-top:20px; font-size:17px}
	#main_visual .static_text .sub_text .dsp1{display:none}
	#main_visual .bx-wrapper .bx-controls-direction a{margin-top:-10px}
	#main_visual .bx-wrapper .bx-prev{left:20px}
	#main_visual .bx-wrapper .bx-prev:hover{left:15px}
	#main_visual .bx-wrapper .bx-next{right:20px}
	#main_visual .bx-wrapper .bx-next:hover{right:15px}


	#main section .sc_title .title{font-size:33px}
	#main section.m_sc1 .box_set{margin-top:30px}
	#main section.m_sc1 .box_set li{width:50%; height:250px}
	#main section.m_sc1 .box_set li:nth-child(2) .inner_box{border-right:1px solid #e5e5e5}
	#main section.m_sc1 .box_set li:nth-child(3), #main section.m_sc1 .box_set li:nth-child(4), #main section.m_sc1 .box_set li:nth-child(5){width:33.333333333%;}
	#main section.m_sc1 .box_set li:nth-child(3) .inner_box, #main section.m_sc1 .box_set li:nth-child(4) .inner_box,#main section.m_sc1 .box_set li:nth-child(5) .inner_box{border-top:none}
	#main section.m_sc1 .box_set li .cont_box{top:40px;}
	#main section.m_sc1 .box_set li .cont_box .txt1{padding-top:80px}
	#main section.m_sc1 .box_set li.box1 .cont_box .txt1{background-size:56px 68px}
	#main section.m_sc1 .box_set li.box2 .cont_box .txt1{background-size:63px 67px}
	#main section.m_sc1 .box_set li.box3 .cont_box .txt1{background-size:64px 68px}
	#main section.m_sc1 .box_set li.box4 .cont_box .txt1{background-size:60px 68px}
	#main section.m_sc1 .box_set li.box5 .cont_box .txt1{background-size:71px 68px}
	#main section.m_sc1 .box_set li .hover_box{top:38px;}
	#main section.m_sc1 .box_set li .hover_box .sep1{height:18px}

	#main section.m_sc2 .sc_title .title span{font-size:27px}
	#main section.m_sc2 .box_compare > div{width:100%}
	#main section.m_sc2 .box_compare .left{float:none}
	#main section.m_sc2 .box_compare .right{float:none}
	#main section.m_sc2 .box_compare .txtset{padding:40px 0 85px}
	#main section.m_sc2 .box_compare .txtset .dsp1{display:none}
	#main section.m_sc2 .box_compare .txt2 p .dsp2{display:block}
	#main section.m_sc2 .box_compare .line{margin:18px 0;}
	#main section.m_sc2 .box_compare .txt1{font-size:26px;}
	#main section.m_sc2 .box_compare .txt2 p{font-size:17px}
	#main section.m_sc2 .box_compare .left .obj_prd{right:0}
	#main section.m_sc2 .box_compare .right .txt2 p{font-size:16px;}
	#main section.m_sc2 .btn_prd{margin-top:0}
	#main section.m_sc2 .btn_prd a{padding:16px 42px}
	#main section.m_sc2 .btn_prd span{font-size:16px}

	#main section.m_sc3 .sc_movie .left,
	#main section.m_sc3 .sc_movie .right{float:none; width:100%; text-align:center}
	#main section.m_sc3 .sc_movie .right{margin-top:45px}
	#main section.m_sc3 .sc_movie .txtset{padding:0}
	#main section.m_sc3 .sc_movie .txtset .dsp1{display:none}
	#main section.m_sc3 .sc_movie .txt1{font-size:15px}
	#main section.m_sc3 .sc_movie .txt2{margin-top:18px; line-height:44px; font-size:33px}
	#main section.m_sc3 .sc_movie p{margin-top:15px; }
	#main section.m_sc3 .sc_movie .button1{margin-top:45px;}
	#main section.m_sc3 .sc_movie .left .button1{display:none}
	#main section.m_sc3 .sc_movie .right .button1{display:inline-block}

	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-controls-direction a{margin-top:-45px; width:38px; height:38px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-prev{left:-19px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-prev:hover{left:-19px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-next{right:-19px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-next:hover{right:-19px}

	.list_case li{width:49%; margin-right:2%;}
	.list_case.dv3 li:nth-child(3n){margin-right:2%}
	.list_case.dv3 li:nth-child(even){margin-right:0}
	.list_case li .thumb{height:220px;}

	#main section.m_sc6{padding:70px 0}
	#main section.m_sc6 .left .logo{text-align:right; padding-right:50px; padding-top:22px}
	#main section.m_sc6 .left .logo img{width:240px}
	#main section.m_sc6 .right{text-align:left; padding-left:40px; padding-top:15px}
	#main section.m_sc6 .right .txtset{text-align:center}
	#main section.m_sc6 .right .main_text{line-height:1.15; font-size:35px}
	#main section.m_sc6 .right .sub_text{font-size:15px}

	#main section.m_sc7{padding:0}
	#main section.m_sc7 .site_grid{padding:0}
	#main section.m_sc7 .cont_box{top:0}
	#main section.m_sc7 .cont_box > div{height:225px;}	
	#main section.m_sc7 .cont_box .inner_box{padding:40px 10px 40px 30px}
	#main section.m_sc7 .cont_box .title{font-size:24px;}
	#main section.m_sc7 .cont_box .sep1{width:22px; margin:23px 0 25px}
	#main section.m_sc7 .cont_box p{font-size:14px}
	#main section.m_sc7 .cont_box p .dsp1{display:none}
	#main section.m_sc7 .cont_box .txt1 .tel{font-size:23px}

	/*SUB PAGE*/
	.pg_title .title{font-size:32px}
	.pg_title p{margin-top:18px; font-size:15px}
	.pg_main_text .stit{font-size:14px}
	.pg_main_text .title{margin-top:10px; font-size:30px}
	.pg_main_text .title .qoute1{font-size:50px}
	.text1{font-size:18px}
	.text2{font-size:15px;}
	.text3{font-size:21px;}
	.text4{font-size:15px;}

	/*회사소개*/
	.sub1 .sc1{padding:25px 0 50px}
	.sub1 .sc1 .left{float:none; width:100%}
	.sub1 .sc1 .right{float:none; width:100%; padding-top:25px}
	.sub1 .sc1 .sep1{width:20px; height:1px}
	.sub1 .sc1 .text1 .dsp1{display:none;}
	.sub1 .sc1 .text2 .dsp1{display:none;}
	.sub1 .sc2{padding:40px 0 50px}
	.sub1 .sc2 .hm_map{margin-top:20px}
	.sub1 .sc2 .hm_map .root_daum_roughmap .wrap_map{height:380px;}
	/*제품소개*/
	.sub2 .sc_title{padding-left:14px}
	.sub2 .sc_title:before{top:12px; width:8px; height:2px}
	.sub2 .sc1{padding:20px 0 50px}
	.sub2 .sc1 .txtset{margin-top:20px}
	.sub2 .sc1 .txtset .left{float:none; width:100%; margin-top:25px}
	.sub2 .sc1 .txtset .right{float:none; width:100%}
	.sub2 .sc1 .txtset .right .image1 img{width:100%; height:340px; object-fit:cover}

	.sub2 .sc2{padding:50px 0}
	.sub2 .sc2 .inner_sc{margin-top:25px;}
	.sub2 .sc2 .inner_sc .sep_arw{width:40px}
	.sub2 .sc2 .inner_sc .sep_arw img{width:22px}
	.sub2 .sc2 .inner_sc li .info_txt{margin-top:17px}
	.sub2 .sc2 .inner_sc li .info_txt .txt1{font-size:14px}
	.sub2 .sc2 .inner_sc li .info_txt .txt2{margin-top:0; font-size:17px}

	.sub2 .sc3{padding:50px 0 10px}
	.sub2 .sc3 .inner_sc li{width:calc(50% - 13px); height:320px; margin-right:25px}
	.sub2 .sc3 .inner_sc li:nth-child(even){margin-right:0}
	.sub2 .sc3 .inner_sc li .inner_box .txt1{font-size:15px}
	.sub2 .sc3 .inner_sc li .inner_box .txt2{font-size:19px}
	.sub2 .sc3 .inner_sc li .inner_box p{font-size:16px}	
	
	
	.sub2 .sc4{padding:50px 0 30px}
	.sub2 .sc4 .inner_sc .img_small li{display:inline-block; float:none; font-size:16px;  margin:0 20px 20px; box-sizing:border-box}

	.sub2 .sc5{padding:50px 0 60px}
	

	.sub2 .sc6{padding:50px 0}	
	.sub2 .sc6 .main_text{margin-top:25px; font-size:18px}
	.sub2 .sc6 .inner_sc{margin-top:30px;}


	/*인증현황*/
	.sub3 .sc_ctf{padding:0 0 70px}
	.sub3 .sc_ctf .list_ctf{margin-top:0}
	.sub3 .sc_ctf .list_ctf li{width:24%; margin-right:1.33333333%; margin-bottom:25px}
	.sub3 .sc_ctf .list_ctf li:nth-child(5n){margin-right:1.33333333%}
	.sub3 .sc_ctf .list_ctf li:nth-child(4n){margin-right:0}
	.sub3 .sc_ctf .list_ctf li .info_certi .txt1{font-size:15px}
	.sub3 .sc_ctf .list_ctf li .info_certi .txt2{margin-top:5px; font-size:13px}


}




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

	/*SIDEBAR*/
	[data-sidebar]{width:100%} 

	#sub_visual{height:180px;}
	#sub_visual .ct_title{padding-top:107px}
	#sub_visual .ct_title .stit{display:none}
	#sub_visual .ct_title h2{margin-top:0; font-size:26px}
	#sub_visual .sv_pager{display:none}

	/*MAIN PAGE*/
	#main_visual li{height:calc(100vh - 62px);}
	#main_visual .static_text{margin-top:-115px}
	#main_visual .static_text .main_text{font-size:30px}
	#main_visual .static_text .main_text .m_dsp{display:block}
	#main_visual .static_text .sub_text{margin-top:20px; font-size:13px}
	#main_visual .bx-wrapper .bx-controls-direction a{display:none}
	#main_visual #bx-pager{display:none}
	
	#main section .sc_title .title{font-size:30px}
	#main section .sc_title p{margin-top:15px}

	#main section.m_sc1{padding:70px 0}
	#main section.m_sc1 .box_set{margin-top:30px}
	#main section.m_sc1 .box_set li{width:50%; height:210px}
	#main section.m_sc1 .box_set li:nth-child(2) .inner_box, #main section.m_sc1 .box_set li:nth-child(4) .inner_box{border-right:1px solid #e5e5e5}
	#main section.m_sc1 .box_set li:nth-child(3), #main section.m_sc1 .box_set li:nth-child(4){width:50%}
	#main section.m_sc1 .box_set li:nth-child(5){width:100%; height:190px}
	#main section.m_sc1 .box_set li .cont_box{top:22px;}
	#main section.m_sc1 .box_set li .cont_box .sep1{width:16px; height:1px; margin:14px 0 8px}
	#main section.m_sc1 .box_set li .cont_box .txt1{padding-top:64px; font-size:12px}
	#main section.m_sc1 .box_set li .cont_box .txt2{font-size:13px; padding:0 20px}
	#main section.m_sc1 .box_set li.box1 .cont_box .txt1{background-size:47px 57px}
	#main section.m_sc1 .box_set li.box2 .cont_box .txt1{background-size:51px 54px}
	#main section.m_sc1 .box_set li.box3 .cont_box .txt1{background-size:51px 54px}
	#main section.m_sc1 .box_set li.box4 .cont_box .txt1{background-size:50px 57px}
	#main section.m_sc1 .box_set li.box5 .cont_box .txt1{background-size:61px 59px}
	#main section.m_sc1 .box_set li .hover_box{top:20px;}
	#main section.m_sc1 .box_set li .hover_box .txt1{font-size:14px}
	#main section.m_sc1 .box_set li .hover_box .sep1{height:15px; margin:5px 0 9px}
	#main section.m_sc1 .box_set li .hover_box .txt2{font-size:13px;}

	#main section.m_sc2{padding:70px 0}
	#main section.m_sc2 .sc_title .title span{font-size:27px}
	#main section.m_sc2 .box_compare .txtset{padding:20px 0 80px}
	#main section.m_sc2 .box_compare .line{margin:22px 0;}
	#main section.m_sc2 .box_compare .txt1{font-size:22px;}
	#main section.m_sc2 .box_compare .txt2 p{font-size:16px; line-height:1.5}
	#main section.m_sc2 .box_compare .left .line{width:calc(100% - 190px)}
	#main section.m_sc2 .box_compare .right .line{width:calc(100% - 170px)}
	#main section.m_sc2 .box_compare .left .obj_prd img{width:280px;}
	#main section.m_sc2 .box_compare .right .obj_prd img{width:232px;}
	#main section.m_sc2 .box_compare .right .txt2 p{font-size:16px; padding-left:10px; text-indent:-10px;}

	#main section.m_sc3{padding:70px 0}
	#main section.m_sc3 .sc_movie .right{margin-top:45px}
	#main section.m_sc3 .sc_movie .txtset{padding:0}
	#main section.m_sc3 .sc_movie .txt1{font-size:14px}
	#main section.m_sc3 .sc_movie .txt2{font-size:30px; line-height:40px;}
	#main section.m_sc3 .sc_movie p{font-size:15px;}
	#main section.m_sc3 .sc_movie .button1{margin-top:45px;}
	#main section.m_sc3 .sc_movie .left .button1{display:none}
	#main section.m_sc3 .sc_movie .right .button1{display:inline-block}

	#main section.m_sc4{padding:70px 0}
	#main section.m_sc4 .crs_ctf{margin-top:20px;}
	#main section.m_sc4 .crs_ctf li .info_certi .txt1{font-size:11px}
	#main section.m_sc4 .crs_ctf li .info_certi .txt2{font-size:9px}
	#main section.m_sc4 .crs_ctf .bx-wrapper .bx-controls-direction a{display:none}
	#main section.m_sc4 .button1{margin-top:30px;}

	#main section.m_sc5{padding:70px 0}
	#main section.m_sc5 .button1{margin-top:20px;}

	.list_case li{width:49%; margin-right:2%;}
	.list_case.dv3 li:nth-child(3n){margin-right:2%}
	.list_case.dv3 li:nth-child(even){margin-right:0}
	.list_case li .thumb{height:220px;}

	#main section.m_sc6 .site_grid > div{float:none; width:100%}
	#main section.m_sc6 .left .logo{text-align:center; padding:0}
	#main section.m_sc6 .left .logo img{width:180px}
	#main section.m_sc6 .right{text-align:center; padding:40px 0 0 0}
	#main section.m_sc6 .right .txtset{text-align:center}
	#main section.m_sc6 .right .main_text{padding:0 14%; font-size:34px}



	#main section.m_sc7 .cont_box > div{float:none; width:100%; height:240px;}
	#main section.m_sc7 .cont_box .inner_box{padding:40px 10px 0px 30px}
	#main section.m_sc7 .cont_box .title{font-size:24px;}
	#main section.m_sc7 .cont_box .sep1{width:22px; margin:23px 0 25px}
	#main section.m_sc7 .cont_box p{font-size:14px}
	#main section.m_sc7 .cont_box .txt1 .tel{font-size:22px}
	#main section.m_sc7 .cont_box .txt1 .kakao{margin-left:7px;}

	/*SUB PAGE*/
	.pg_title{padding:50px 0 40px}
	.pg_title .title{font-size:28px}
	.pg_title p{margin-top:13px; font-size:14px}

	.pg_main_text{padding:70px 20px 30px}
	.pg_main_text .title{margin-top:10px; font-size:28px}
	.pg_main_text .title .qoute1{display:none}

	/*회사소개*/
	.sub1 .sc2 .hm_map .root_daum_roughmap .wrap_map{height:300px;}
	.sub1 .sc2 .info_map{margin-top:15px;}
	.sub1 .sc2 .info_map .txt1{font-size:13px}
	.sub1 .sc2 .info_map .txt2{font-size:13px;}
  	/*제품소개*/
	.sub2 .sc_title{padding-left:14px}
	.sub2 .sc_title:before{top:12px; width:8px; height:2px}
	.sub2 .sc1{padding:20px 0 50px}
	.sub2 .sc1 .txtset{margin-top:20px}
	.sub2 .sc1 .txtset .left{float:none; width:100%; margin-top:25px}
	.sub2 .sc1 .txtset .right{float:none; width:100%}
	.sub2 .sc1 .txtset .right .image1 img{width:100%; height:auto; object-fit:fill}

	.sub2 .sc2{padding:40px 0 20px}
	.sub2 .sc2 .inner_sc ul{display:block}
	.sub2 .sc2 .inner_sc li,
	.sub2 .sc2 .inner_sc .sep_arw{display:block}
	.sub2 .sc2 .inner_sc .sep_arw{display:none}
	.sub2 .sc2 .inner_sc li{margin-bottom:30px}
	.sub2 .sc2 .inner_sc li .info_txt{margin-top:12px}
	.sub2 .sc2 .inner_sc li .info_txt .txt1{font-size:14px}
	.sub2 .sc2 .inner_sc li .info_txt .txt2{margin-top:0; font-size:17px}

	.sub2 .sc3{padding:40px 0 0}
	.sub2 .sc3 .inner_sc li{width:100%; height:auto; max-height:none; margin-right:0}


	.sub2 .sc4{padding:40px 0 20px}
	.sub2 .sc4 .inner_sc .img_small li{width:154px; height:154px; line-height:1.2; margin:0 5px 20px; font-size:15px}

	.sub2 .sc5{padding:40px 0 50px}
	.sub2 .sc5 .inner_sc{margin-top:20px}
	.sub2 .sc5 .inner_sc table .item{width:16%}
	.sub2 .sc5 .inner_sc table .emphasis{width:28%}
	.sub2 .sc5 .inner_sc table .tc1{width:28%}

	.sub2 .sc5 .inner_sc table th,
	.sub2 .sc5 .inner_sc table td{font-size:13px}
	.sub2 .sc5 .inner_sc table td{padding:8px 10px}
	.sub2 .sc5 .inner_sc table td .dsp1{display:none}
	.sub2 .sc5 .inner_sc table td .tc_img{width:100%; margin:10px 0}

	.sub2 .sc6{padding:40px 0 60px}
	.sub2 .sc6 .main_text{margin-top:15px; font-size:16px; font-weight:300; text-align:left}
	.sub2 .sc6 .main_text .dsp1{display:none}
	.sub2 .sc6 .inner_sc{margin-top:20px;}

	/*인증현황*/
	.sub3 .sc_ctf{padding:0 0 40px}
	.sub3 .sc_ctf .list_ctf li{width:49%; margin-right:2%; margin-bottom:12px}
	.sub3 .sc_ctf .list_ctf li:nth-child(5n){margin-right:2%}
	.sub3 .sc_ctf .list_ctf li:nth-child(4n){margin-right:0}
	.sub3 .sc_ctf .list_ctf li:nth-child(2n){margin-right:0}
	.sub3 .sc_ctf .list_ctf li .info_certi .txt1{font-size:15px}
	.sub3 .sc_ctf .list_ctf li .info_certi .txt2{margin-top:5px; font-size:13px}

}


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


	#footer .address .dsp1{display:none}
	/*MAIN PAGE*/
	#main section .button1{display:block;}
	#main section .button1 a{padding:20px 0; border-color:#208758; background:#208758}
	#main section .button1 span{font-size:16px; color:#fff;  background-image:url('../images/common/arw1.png')}	
	#main section .button1.c1.red a{border-color:#ff0000; background:#ff0000}
	
	#main_visual .static_text .button1.c1{display:inline-block; margin-top:30px;}
	#main_visual .static_text .button1.c1 a{padding:14px 38px; border-color:#33a600; background:#33a600}
	#main_visual .static_text .button1.c1 span{font-size:15px; color:#fff; background:url('../images/common/arw1.png') no-repeat right 1px center; background-size:24px 13px}	
	
	#main section .sc_title .title{font-size:28px}
	#main section .sc_title p{font-size:14px}
	#main section.m_sc1{padding:70px 0 60px}
	#main section.m_sc2 .sc_title .title{font-size:25px}
	#main section.m_sc2 .sc_title .title span{font-size:22px}
	#main section.m_sc2 .box_compare{padding:35px 0}
	#main section.m_sc2 .box_compare .right{text-align:left; margin-top:30px}
	#main section.m_sc2 .box_compare .txtset{padding:30px 0 10px}
	#main section.m_sc2 .box_compare .txt2 p .dsp2{display:none}
	#main section.m_sc2 .box_compare .line{margin:15px 0;}
	#main section.m_sc2 .box_compare .line:after{display:none}
	#main section.m_sc2 .box_compare .left .line{width:100%}
	#main section.m_sc2 .box_compare .right .line{width:100%}
	#main section.m_sc2 .box_compare .obj_prd{position:relative;}
	
	#main section.m_sc2 .box_compare .left .obj_prd{right:auto; padding:0 9%}
	#main section.m_sc2 .box_compare .left .obj_prd img{width:100%}
	#main section.m_sc2 .box_compare .right .obj_prd{top:0; left:auto; padding:0 9%}
	#main section.m_sc2 .box_compare .right .obj_prd img{width:100%}
	#main section.m_sc2 .box_compare .right .txt2{float:none}
	#main section.m_sc2 .btn_prd a{display:block; padding:20px 0; border-color:#fff; background:#fff}
	#main section.m_sc2 .btn_prd span{font-size:16px; color:#2e811e; background:url('../images/common/arw1-1.png') no-repeat right 1px center; background-size:24px 13px}

	#main section.m_sc3 .sc_movie .right{margin-top:30px}
	#main section.m_sc3 .sc_movie .txtset{padding:0}
	#main section.m_sc3 .sc_movie .txt2{font-size:28px}
	#main section.m_sc3 .sc_movie .right .button1{display:block;}

	.list_case li{width:100%; margin-right:0; margin-bottom:30px}
	.list_case.dv3 li:nth-child(3n){margin-right:0}
	.list_case li .thumb{height:270px;}
	.list_case li .title{font-size:15px}

	#main section.m_sc5 .list_case li{display:none}
	#main section.m_sc5 .list_case li:nth-child(1),#main section.m_sc5 .list_case li:nth-child(2),#main section.m_sc5 .list_case li:nth-child(3){display:block}


	/*회사소개*/
	.sub1 .sc2 .info_map .txt1{float:none}
	.sub1 .sc2 .info_map .txt1 strong{display:none}
	.sub1 .sc2 .info_map .txt1:before{content:"A. "; font-size:13px; font-weight:normal; color:#73c23a}
	.sub1 .sc2 .info_map .txt2{float:none; margin-top:7px}
	.sub1 .sc2 .hm_map .root_daum_roughmap .wrap_map{height:200px;}

}

@media only screen and (max-width: 500px) {
	.list_case li .thumb{height:200px;}

	.sub4 .sc_gallery .bo_top,
	.sub5 .news .bo_top{display:none}
	.sub4 .sc_gallery .bo_basic_view th span,
	.sub5 .news .bo_basic_view th span{float:none; display:block}
	.sub4 .sc_gallery .bo_basic_view th span.date,
	.sub5 .news .bo_basic_view th span.date{margin-top:10px; font-size:13px}
	.sub4 .sc_gallery .bo_basic_view td.con,
	.sub5 .news .bo_basic_view td.con{font-size:14px}
	.sub4 .sc_gallery .bo_btn a.color1{font-size:13px}
	.sub5 .news .bo_btn a.color1{font-size:13px}
}

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

}