@charset "UTF-8";
/* 확인 2025 09 05 07 12 */

@media screen and (max-width: 1400px){
	.introMain.home .left_img { transform: translate(-50%, 0)  scale(0.7); }
	.introMain.home .right_img { transform: translate(-50%, 0) scale(0.7); }
	.visual_center > img { transform: translate(-50%, 0) scale(0.8); }
	
	.container_wrap .container { padding: 0 2%; }
	.sec_antenna .text_wrap { padding: 36px 26px; }
	.sec_antenna .text_wrap a { left: 26px; bottom: 36px; }
	
	.intro_slide .subject { font-size:1.2rem; }
	.intro_slide .mesg { font-size:0.75rem; }
}

@media screen and (max-width: 1280px){
	.vs_tit { font-size:2.1rem; }
	.introMain .vs_tit .symbol { width: 55px; height: auto;}
	.counsel_btn { width: 170px; }
	/* 소비자 */
	.sec_antenna .text_wrap { padding: 30px 20px; }	
	.sec_antenna .subject {   font-size: 26px;}
	.intro_slide li { flex: 1 0 33%; }
	
	.sec_theme ul li { min-height: 520px;}
	
	.title_area .sec_tit { font-size: 1.7rem; }
	.sec_cha ul .tit {  font-size: 1.3rem; }
	.sec_cha ul .dis { font-size: 0.9rem; }
	.sec_theme ul li .left_text { font-size: 1.0rem; margin-right: 70px; }
	.sec_theme .text_wrap .tit { font-size: 1.3rem;}
	.sec_theme .text_wrap .dis { font-size: 0.8rem; }
	.intro_slide .subject { font-size: 1.0rem; }
	.sec_antenna .subject { font-size: 1.3rem; }
	.cert_wrap li .tit { font-size: 1.3rem; }
	.sns_slide .subj { font-size: 1rem; }
	/* 인증경영제  */	
	.title_area .sec_tit { font-size: 1.7rem; }
	.sec_backup .tit { font-size: 1.3rem; }
	.sec_cert .gra_wrap h4 { font-size: 1.7rem; }
}

@media screen and (max-width: 1080px){
	/* 인트로 */
	.introMain .quick_obj .link .img img { height: 130px; }
	
	.introMain .shape_bg .img.img01 { width: 14vw; }
	.introMain .shape_bg .img.img02 { width: 18vw; }
	.introMain .shape_bg .img.img03 { }
	.introMain .shape_bg .img.img04 { width: 14vw; }
	.introMain .shape_bg .img.img05 { width: 18vw; }
	.introMain .shape_bg .img.img06 { }
	.introMain.home .left_img { transform: translate(-50%, 0)  scale(0.6); }
	.introMain.home .right_img { transform: translate(-50%, 0) scale(0.6); }
	
	.vs_tit { font-size:1.8rem; }
	.introMain .vs_tit .symbol { width: 45px; height: auto;}

	.visual_center > img { transform: translate(-50%, 30%)  scale(0.9); }
	
	/* 모바일  top 메뉴 */
	.m_tab_menu_area {top:110px;}
	
	
	/* 소비자 */
	/* .sec_antenna ul li .img_wrap img:last-child { display: none; } */
	.sec_cha ul, .sec_theme ul { grid-gap: 16px; }
	.sec_theme ul li.active { padding: 40px 0; }
	.sec_theme ul li { min-height: 460px; padding: 40px 26px; }
	.sec_theme ul li .left_text { margin-right: 80px }
	.sec_theme ul li img { min-width: 400px;left: -4%; }
	
	/* .sec_antenna .subject { font-size: 1.2rem; } */
	.sec_antenna .mesg {display: none; }
	
	/* 인증경영제  */
	.sec_area .area_wrap li {  flex: 0 1 48%;}
	
	.cert_wrap li img { right: 10px; }
	.cert_wrap li { padding: 36px 26px; }
	
	.sec_backup .box_wrap { width:100%; background-position: center bottom -97px;  background-size: 60%; padding:30px 20px; text-align: center; margin: 0 auto 20px; }
	.sec_backup .backup_wrap .box_wrap a { margin: 20px 0 150px; }
    .backup_wrap { display: block !important;   }
	.backup_wrap > ul { display: flex; grid-gap: 20px; }
	.backup_wrap ul li { padding: 30px 17px; margin: 0 0 10px !important; flex:1; display: block !important; text-align: center; }  
	
	.sec_cert .gra_wrap {   padding: 30px 40px; }
	.sec_cert .gra_wrap img { position: absolute; width: 36%; bottom: -26%; right: 0px;}
		
}

@media screen and (max-width:768px){
	.container_wrap .container { padding: 0;  }
	.main-visual .container {  height:100vh; margin: 300px 0 0; }
	/* 인트로 */
	.introMain .container.intro {margin-top:150px;height: 100vh;}
	.introMain .shape_bg { display: none; }
	.introMain .vs_txt { font-size:16px; }
	.vs_tit { font-size:1.7rem; }
	.introMain .vs_tit .symbol { width: 40px; height: auto;}
	.introMain .quick_obj .link .img img { height: 110px; }
	.introMain .quick_obj .link .tit { font-size: 20px; }
	.introMain .quick_obj .link .text {font-size: 14px; }
	.introMain .quick_obj .quick { height: 300px; }
	
	.main-visual .visual_center .link { padding: 12px 30px;font-size: 0.8rem; }
	.visual_center > img { position: absolute; bottom:0; transform: translate(-50%, -30%)  scale(1.15); }
	
	.introMain.home .left_img { position: absolute; bottom: 0; transform: translate(-50%, 17%)  scale(0.55); }
	.introMain.home .right_img { position: absolute; bottom: 0; transform: translate(-50%, 14%) scale(0.55); }
	
	.introMain .quick_obj .link:focus .img, 
	.introMain .quick_obj .link:hover .img {margin-top:0;}
	.introMain .quick_obj .link:focus .img img, 
	.introMain .quick_obj .link:hover .img img {transform:scale(0.9)}
	.introMain .quick_obj .link:focus .tit, 
	.introMain .quick_obj .link:hover .tit {}
	.introMain .quick_obj .link:focus .text, 
	.introMain .quick_obj .link:hover .text {margin-bottom:0;color:var(--colorWhite)}
	.introMain .quick_obj .link:focus .btn, 
	.introMain .quick_obj .link:hover .btn {display: none;}
	
	/* 모바일  top 메뉴 */
	.m_tab_menu_area { position: fixed;	top: 66px; left: 0;	width: 100%;z-index: 1001; display: block;	}
	.m_tab_menu_area ul { white-space: nowrap;	width: 100%;overflow: auto; }
	.m_tab_menu_area ul li {display: inline-block;	padding:10px 0;	text-align:center;	color:#999;	font-size: 15px;	}
	.m_tab_menu_area ul li.slick-active.slick-current { border-bottom:4px solid #000; color:#000; font-weight:bold; font-size: 17px;	}
	.m_tab_menu_area a { color: #141414;padding: 1rem;	display: block;	font-size: 1.1rem;	border-bottom: 4px solid transparent; }
	.m_tab_menu_area a.on {	font-weight: bold;	border-bottom: 4px solid #fff;	}
	.m_tab_menu_area .link_order.on {border:0;font-weight:normal;}
	.m_tab_menu_area .link_order { font-size: 1.2rem;  padding: 0.4rem 0.8rem; line-height: 1.1;   top: -2.2rem;  right: 9rem; font-size: 13px; }
	
	/* 상세 공통 */
	.block_br { display: block; }
	section.mo_top { margin: 120px 0 0; }
	section.mo_top > div, section.mo_top > ul { width: 90%; margin: 30px auto 0; display: block !important; }
	.title_area .sec_tit { font-size: 1.4rem; text-align: center; margin: 40px 0 20px; }
	.title_area .sec_tit .s_tex {font-size: 0.8rem; margin: 0 0 10px; }
	.sec_4 .slide_btn, #sec_sns .slide_btn { display: none !important; }
	
	/* 소비자 */
	.news .title_area .sec_tit { font-size: 1.3rem; }
	.news .title_area { display: block !important; position: relative; }
	.news .title_area .sec_tit { text-align: left; padding: 0 0 0 20px; margin: 20px 0 10px; }
	.news .slide_btn { position: absolute; right: 20px; top:40px; }
	.news_slide { width:100%; }
	.news_slide li a, .news_slide2 li a, .sec_4 li a { padding: 20px; }
	
	.sec_cha ul, .sec_theme ul { display: block !important; }
	.sec_cha ul li ,.sec_theme ul li , .sec_4 ul li, .sec_antenna ul li { margin: 0 0 20px;  }
	.sec_cha ul .tit,.sec_theme .text_wrap .tit { font-size: 1.2rem; }
	.intro_slide li .text_wrap .subject,.sec_antenna .subject { font-size: 1rem; }
	.sec_cha ul .dis,.sec_theme .text_wrap .dis, .intro_slide .mesg { font-size: 15px; }
	.sec_cha, .sec_theme,.sec_antenna { padding: 0 0 40px; }
	.sec_cha ul .dis { margin: 0 0 20px; }
	
	/* .news_slide li { padding: 0; margin: 0 0 20px; }
	.news_slide .mesg { font-size: 18px; height: auto; } */
	
	/* .news_slide { width: 100%; }
	.news_slide li a { padding: 20px; background: #f9fafb; border-radius: 30px; border: 1px solid #f9fafb; }
	.news_slide li { padding: 0; margin: 0 0 20px; }
	.news_slide .subject, .news_slide .date { display: block; }
	.news_slide .mesg { font-size: 18px; height: auto; margin: 10px 0 20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-weight: 700;} */
	
	
	.sec_cha ul li > img { width: 100%; }
	
	.sec_theme ul li { min-height: 30px; }
	.sec_theme ul li img { left: 25%; bottom: -90px; transform: scale(0.6); } 
	.sec_theme ul li.active { min-height: 460px; text-align: center; }
	.sec_theme ul li.active img { right: 50%; transform: translateX(-50%) scale(0.8); left: 50%; bottom:-10%; }
	.sec_theme ul li .left_text { margin:0; width: auto; font-size: 24px; }
	.sec_theme ul li { padding: 30px 20px; }    
	.sec_theme .text_wrap a, .sec_antenna .title_area > a {padding: 10px 20px;}
	.sec_theme .text_wrap .dis { margin: 0 0 26px;}
		
	.sec_4 .title_area { display: block; }
	.sec_4 ul li a .dis_flex { display: block !important; } 
	.sec_4 ul li a img { margin: 0 auto;  }
	.intro_slide li .text_wrap{ width: 100%; text-align: center; margin: 10px 0 0; }
	.sec_antenna .title_area > a { display: inline-block; margin: 0 0 30px; }
	.sec_antenna > .link { display: none; }
	.sec_antenna .text_wrap { z-index: 9; text-align: left; position: absolute; top:80%; left:0; color:#fff; width: 100%; height: 50px;padding: 0 20px; display: block; overflow: hidden; background: none; }
	.sec_antenna .text_wrap a { display: none;}
	.sec_antenna .antenna_slide img {filter: brightness(0.5);filter: brightness(0.5); width: 100%; transform: translateY(-11%); }
	/* .sec_antenna ul li { max-height: 25vh; } */
	.sec_antenna ul li .img_wrap img:last-child { display: none; }
	.sec_antenna .img_wrap:after { display: block }
	
	.title_area .sns_tab li { display: flex; font-size: 14px; } 
	.title_area .sns_tab { flex-wrap: wrap; }
	.sns_slide, .sns_nav { width: 100%; }
	.sns_slide iframe { width:90vw; height: 34vh }
	.sns_slide p { font-size: 0.9rem; }
	.sns_slide .date { font-size: 0.8rem;}
	.sns_nav { position: static !important; margin: 20px 0;  }
	.sns_nav li {padding: 10px !important; max-width: 100%;}
	/* .sns_nav li img {width: 35%;} */
	
	.sns_nav .slick-current { padding: 10px 0;  }
	.sns_nav p { font-size: 0.8rem; }
	.sns_nav span { font-size: 0.7rem; }
	
	/* 인증경영제  */
	.sec_area, .sec_backup,.sec_cert { padding: 0 0 40px; }
	.sec_backup .tit,.cert_wrap li .tit { font-size: 1.2rem; }
	.intro_slide li { font-size: 1rem; }
	.sec_backup .dis, .cert_wrap li .dis,.sec_cert .gra_wrap p { font-size: 0.7rem; }
	
	/* .news_slide2 { width: 100%; }
	.news_slide2 li a { padding: 20px; background: #f9fafb; border-radius: 30px; border: 1px solid #f9fafb; }
	.news_slide2 li { padding: 0; margin: 0 0 20px; }
	.news_slide2 .subject, .news_slide2 .date { display: block; }
	.news_slide2 .mesg { font-size: 18px; height: auto; margin: 10px 0 20px; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;font-weight: 700;} */
	.news_slide2 { width: 100%; }
	
	.sec_backup .box_wrap { background-position: center bottom -67px;  background-size: 60%; padding:30px 0px; text-align: center; margin: 0 0 20px; }
	.sec_backup .backup_wrap .box_wrap a { margin: 20px 0 100px; }
    .sec_area .area_wrap { grid-gap: 20px; }
	.sec_area .area_wrap li { flex: 0 1 100%; grid-gap: 20px; }
	.sec_area .area_wrap .tit { font-size: 0.9rem; } .sec_area .area_wrap li.all .tit { font-size: 16px; } .sec_area .area_wrap .dis { font-size: 15px; }
	.sec_area .area_wrap a.call { display: inline-block; }
	
	.backup_wrap ul li .tit { font-size: 0.9rem; }
	.sec_backup a { margin: 10px 0 14px; font-size: 0.9rem; }
	
	.cert_wrap { flex-wrap: wrap; grid-gap: 20px; }
	.cert_wrap li { flex: 1 1 100%; padding: 30px 20px 30px 40%;}
	.cert_wrap li .dis { margin: 10px 0 20px; }
	.cert_wrap li img { bottom: 50%; transform: translateY(50%); left: 10px; }
	.cert_wrap li a { font-size: 0.9rem; }
	
	.sec_cert .gra_wrap { margin: 20px auto;  padding: 30px 20px 300px; text-align: center; }
	.sec_cert .gra_wrap img { top: auto; bottom: 20px; right: 50%; transform: translateX(54%); width: 50%; }
	.sec_cert .gra_wrap h4 {font-size: 1.4rem; }
	.sec_cert .gra_wrap a { font-size: 0.9rem; }

}


@media screen and (max-width:480px){
	/* 인트로 */
	.vs_tit { font-size:26px; }
	.introMain .vs_tit .symbol { width: 28px; height: auto;}
	.introMain .typo {   margin-bottom: 30px; }
	.introMain .quick_obj { display: block; margin: 0 0 100px;}
    .introMain .quick_obj .quick { margin: 0 auto 20px;  }
    .introMain .quick_obj .link {padding: 10px 16px; }
    .introMain .quick_obj .link .img img { height: 70px; }
    .introMain .quick_obj .link .img { margin: 0 auto; }
    /* .introMain .container { margin-top: 250px; } */
    .introMain .quick_obj .quick { height: auto; width: 90%;  }
    
    .introMain.home .left_img { bottom:0; transform: translate(-55%, 4%)  scale(0.7); }
	.introMain.home .right_img { bottom:0; transform: translate(-40%, -6%) scale(0.7) }
	
	.visual_center > img { transform: translate(-50%, -45%) scale(1.5); }
	
    /* 모바일  top 메뉴 */
    .m_tab_menu_area ul li {font-size: 13px;}
	.m_tab_menu_area ul li.slick-active.slick-center {font-size: 13px;}
	
	.title_area .sec_tit { font-size: 1.3rem;}
	
	/* 소비자 */
	.news_slide .mesg { font-size: 16px; }
	.sec_4 ul li a img {  width: 20%; height: auto; }
	
	.sns_slide iframe { height: 24vh; }
	.cert_wrap li img { width: 30%;}
	.sec_backup .box_wrap { background-position: center bottom -47px;  background-size: 80%; }
	.backup_wrap ul li .tit { font-size: 16px; }
	.sec_cert .gra_wrap img { width: 90%; }
	.sec_theme ul li.active { min-height: 400px; }
	
	.sec_theme .text_wrap a, .sec_antenna .title_area > a { font-size: 0.8rem; padding: 10px 14px}
	.title_area .sns_tab li { padding: 5px 14px 5px 8px; }
	.title_area .sns_tab li img { margin: 0 8px 0 0; }

	.news .slide_btn { top: 46px; }
	.slide_btn .btn { width: 30px; height: 30px; }
	.slide_btn .btn i { line-height: 30px; }
	
	/* 인증경영제  */
	.sec_area .area_wrap li { padding: 10px 20px; grid-gap: 10px }
	.sec_area .area_wrap a { width: 30px; height: 30px; line-height: 30px; }
	.cert_wrap li { padding: 20px 10px 20px 40%; }
	.sec_backup a,.cert_wrap li a,.sec_cert .gra_wrap a { font-size: 0.8rem; padding: 5px 10px}
}

@media screen and (max-width:360px){
	.sec_cert .gra_wrap { padding: 30px 20px 240px;}
}