@charset "UTF-8";

@media all and (min-width:0px) and (max-width:999px) {
	.section-grid-2,
	.grid-2 { grid-template-columns: 1fr; text-align: center; }


    .menu-toggle { display: flex; } /* 모바일에서 보임 */
    .nav-menu {
        position: fixed;
        top: 0;
        right: -100%; /* 우측 밖으로 숨김 */
        width: 50%;
        height: 100vh;
        background: var(--light-gray);
        padding: 80px 40px;
        transition: 0.4s ease;
        box-shadow: -5px 0 15px rgba(0,0,0,0.1);
        z-index: 999;
    }
    .nav-menu.active { right: 0; } /* 열림 */
    
    .nav-menu ul { flex-direction: column; gap: 30px; }
	/*미니메뉴 언더라인, 하단 패딩 조절
	.nav-menu ul li { border-bottom: 1px solid #14347e; padding-bottom: 5px;}
    .nav-menu ul li a { color: #333; font-size: 1.2rem; }
	*/

    /* 모바일 상태에서 헤더 글자색 강제 조정 */
    header.mobile-open { color: #333 !important; }
	

	h4 { font-size: 14px; line-height: 1.5em; font-weight: 500;}

	
	/******************** main *********************/
	.section_01 .container .main_text { top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
	h3, .section_01 .container .main_text p.big_text { font-size: 45px;}
	.section_01 .container .main_text span { font-size: 16px; font-weight: 500; line-height: 1.5em;}
	
	.bg_earth { position: absolute; top: -5%; right: -100%; opacity: .15;}
	.section_02 .container .box_con .box { min-height: auto; margin-bottom: 0;}
	.section_02 .container .box_con .box.mini_margin { width: 100%; margin: 0 0 15px 0;}
	.section_02 .container .box_con .box.mini_margin:last-child { width: 100%; margin: 0 0 0px 0;}
	.section_02 .container .box_con .box .text_con p { height: auto; font-size: 16px; font-weight: 600;}
	.section_02 .container .box_con .box .text_con span { display: block; height: auto; font-size: 14px; font-weight: 400; color: rgba(17, 17, 17, .6);}
	
	.section_03 .container > ul.two_con > li.cells { width: 100%; margin: 0;}
	.section_03 .container > ul.two_con > li.cells .title_con { text-align: center;}


	.web_off { display: block !important;}
	.t_style.web_off { display: table !important;}
	.mini_hide { display: none !important;}
	

	/******************** sub *********************/
	.sub_header .sub_title .sub_title_text_1 { font-size: 28px; text-transform: uppercase;}
	.sub_header .sub_title .sub_title_text_2 { font-size: 16px;}
	
	.sub_tab .teb_list > a { height: 35px; font-size: 13px;}
	.sub_tab .teb_list > a.empty { display: none;}
	.sub_tab .teb_list > a.disabled { display: none;}
	
	/* sub-company */
	.tab_contents { padding: 15px;}
	.tab_contents .about_soartec p.text_soartec { font-size: 26px; line-height: 0.8em;}
	.tab_contents .about_soartec p.text_soartec > span { margin-left: 5px; font-size: 14px;}
	.tab_contents .about_soartec p.text_about { font-size: 14px;}
	
	.simbol_con .simbol_title img { height: 16px;}
	.simbol_con .simbol_title h5 { font-size: 16px;}


	.company_img_con { margin-bottom: 30px; width: calc(50% - 15px); }
	.company_img_con:last-child { margin-bottom: 0px;}

	.contact_flex { padding: 0; display: block;}
	.contact_flex .contact_con { margin-bottom: 60px;} 
	.contact_flex .contact_con:last-child { margin-bottom: 0px;}
	

	/*******************solution********************/
	.teb_list.solution_list { flex-direction: column;}
	#company_10 { display: none;}

	.sub_solution .box { border-radius: 10px;}

	.ul_list_disc > li { font-size: 14px;}

	.box_solution_inner { padding: 15px;}
	

	/*01. 에너지 모니터링*/
	.sub_solution_1 .flex_con { /*display: block;*/}
	.text_solution_1 { text-align: left;}

	.sub_solution_1 .flex_con.bg_box_blue { flex-direction: column;}
	.sub_solution_1 .bg_line_blue { width: 100%;}

	.sub_solution_1 .img_con { overflow: scroll; padding: 15px;}
	.sub_solution_1 .img_con img.solution_1-1 { width: 500px; max-width: auto;}

	.bg_box_blue,
	.bg_line_blue { padding: 15px;}


	/*02. 기상환경모니터링*/
	.sub_solution_2 .box_underline { overflow: scroll; -ms-overflow-style: none;}
	.sub_solution_2 .box_underline::-webkit-scrollbar{ display:none;}

	.sub_solution_2 .tab_contents .flex_con { display: block;}
	.sub_solution_2 .tab_contents .flex_con .flex_item  { width: 100%; text-align: center;}
	.arrow_rotate { rotate: 90deg; padding: 30px;}


	/*04. 소규모 방지시설용 IoT 계측기*/
	.sub_solution_4 .tab_contents .flex_con { display: block;}
	.sub_solution_4 .tab_contents .flex_con .flex_item  { width: 100%; text-align: center;}
	.sub_solution_4 .box_solution_inner { min-height: ;}
	

	/*05. IoT기반 실내공기질 관리 솔루션*/
	.sub_solution_5 .box.bg_box_blue { padding: 15px;}
	.sub_solution_5 .main_img_con { overflow: scroll;}
	.sub_solution_5 .main_img_con img { min-width: 650px;}
	.sub_solution_5 .box.bg_box_blue > .flex_con { flex-direction: column;}
	.sub_solution_5 .box.bg_box_blue > .flex_con > .img_con { margin: 0 0 15px 0;}
	.sub_solution_5 .box.bg_box_blue > .flex_con > .img_con > img { width: 60%;}
	.sub_solution_5 .box.bg_box_blue > .flex_con > .ul_list_disc { margin-bottom: 0;}


	/* 06. 실외미세먼지측정통합플랫폼*/
	.divide_con { border-right: 1px solid #14347E; text-align: center; display: inline-block; width: 49%; margin: 0 0 30px 0;}
	.divide_con:nth-child(2n) { border-right: none;}
	.divide_con:nth-child(3),
	.divide_con:nth-child(4) { margin: 0 0 0 0;}
	
	.divide_con .img_con { margin-bottom: 5px;}
	.divide_con .img_con > img { width: 30px;}
	.divide_con p { font-size: 14px;}

	.sub_solution_6 .flex_con.mini_block { display: block;}
	.sub_solution_6 .flex_con.mini_block .box_solution { margin: 0 0 30px 0;}
    .sub_solution_6 .flex_con.mini_block .box_solution:last-child { margin: 0 0 0 0;}

	
	/* 07. 빅데이터분석솔루션*/
	.sub_solution_7 .width_con { width: 80%;}


	/* 08. AI산소서비스*/
    .sub_solution_8 {}
	.sub_solution_8 .box_solution_inner > DIV .box,
	.sub_solution_8 .box_solution_inner .bg_box_blue .box { width: calc(49% - 15px); margin-bottom: 15px;}
	.sub_solution_8 .box_solution_inner > DIV .box:nth-child(3),
	.sub_solution_8 .box_solution_inner > DIV .box:nth-child(4),
	.sub_solution_8 .box_solution_inner .bg_box_blue .box:nth-child(3),
	.sub_solution_8 .box_solution_inner .bg_box_blue .box:nth-child(4) { margin-bottom: 0px;}



	/******************* case *******************/
	.case .timeline::before { left: 30px; }
    .case .timeline-item { width: 100%; left: 0; padding-left: 60px; padding-right: 20px; text-align: left; }
    .case .timeline-dot { left: 22px !important; }
    .case .intro-header { flex-direction: column; align-items: flex-start; }
    .case .main-title { text-align: center; margin-top: 30px; }
    .case .year { font-size: 28px; }
	
	.case .content li:before { content: '• '; }



	/******************* Footer *******************/
    .footer-content { flex-direction: column; gap: 20px; text-align: center; }
    .copy { text-align: center; }

	
}


@media all and (min-width:0px) and (max-width:479px) {


	.nav-menu { width: 100%;}

	.section_01 .container .main_text p.big_text, h3 { font-size: 34px !important;}

	.teb_list { flex-direction: column;}
	
	.company_img_con { width: 100%; }

	.divide_con { width: 100%; border-right: none; margin-bottom: 30px !important;}
	.divide_con:last-child { margin-bottom: 0px !important;}


	/* 07. 빅데이터분석솔루션*/
	.sub_solution_7 .width_con { width: 100%;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con { display: block;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con .text_title.yellow { margin-top: 15px; text-align: center;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con .ul_mini_list_disc { text-align: center;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con .ul_mini_list_disc > li { margin-bottom: 5px;}


	/* 08. AI산소서비스*/
	.sub_solution_8 .box_solution_inner > DIV .box,
	.sub_solution_8 .box_solution_inner .bg_box_blue .box { width: calc(100%); margin-right: 0; margin-bottom: 15px;}
	.sub_solution_8 .box_solution_inner > DIV .box:last-child,
	.sub_solution_8 .box_solution_inner .bg_box_blue .box:last-child { margin-bottom: 0px;}
	.sub_solution_8 .box_solution_inner > DIV .box:nth-child(3),
	.sub_solution_8 .box_solution_inner .bg_box_blue .box:nth-child(3) { margin-bottom: 15px;}


}

@media all and (min-width:480px) and (max-width:599px) {

	.bg_earth { position: absolute; top: -5%; right: -60%; opacity: .3;}

	.teb_list { flex-direction: column;}
	
	
	/* 07. 빅데이터분석솔루션*/
	.sub_solution_7 .width_con { width: 100%;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con { display: block;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con .text_title.yellow { text-align: center;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con .ul_mini_list_disc { text-align: center;}
	.sub_solution_7 .width_con .box_solution .box_solution_inner > .flex_con .ul_mini_list_disc > li { margin-bottom: 10px;}
   
}

@media all and (min-width:600px) and (max-width:999px) {

	.bg_earth { position: absolute; top: -5%; right: -60%; opacity: .3;}


}

@media all and (min-width:1000px) and (max-width:1239px) {
	
	.sub_tab .teb_list > a.disabled { display: none;}


    .section_01 .container .main_text p.big_text, h3 { font-size: 60px !important;}
	
	.bg_earth { position: absolute; top: -5%; right: -60%; opacity: .5;}
	.section_02 .container .box_con .box .text_con p { height: auto; font-size: 16px; font-weight: 600;}
	.section_02 .container .box_con .box .text_con span { display: block; height: auto; font-size: 14px; font-weight: 400; color: rgba(17, 17, 17, .6);}
	

	/*solution*/
	.teb_list.solution_list { flex-direction: column;}
	
	#company_10 { display: none;}


}

@media all and (min-width:1240px) and (max-width:1449px) {
    .section_01 .container .main_text p.big_text, h3 { font-size: 60px !important;}
	.bg_earth { position: absolute; top: -5%; right: -30%;}
    
}