@charset "utf-8";

@media only screen and (max-width:1280px) {
	.sub_wrap { padding-bottom:100px; }
	.sub1_item { flex-direction:column; padding:0; margin-bottom:50px; }
	.sub1_item h3 { width:100%; margin-bottom:30px; background-color:#f9f9f9; padding:10px; margin-top:20px; font-size:25px; }
	.sub1_item .sub1_content { width:100%; padding:0; }
	.circle_icon { display:inline-block; }
	.sub1_item h3 .ko_title { display:inline-block; }
	.sub1_item .sub1_content.sub1_01 { padding:0; }
	.sub1_01 p:nth-of-type(1) { font-size:16px; }
	.sub1_01 p:nth-of-type(2) { font-size:45px; letter-spacing:-1px; margin-top:0px; line-height:45px; }
	.sub1_01 p:nth-of-type(2) span { font-size:45px; }
	
	.sub1_02 .sub1_02_title { font-size:30px; padding:20px; }
	.sub1_02 .sub1_02_title span { font-size:30px !important; }
	.sub1_02_text { margin:40px 0; width:100%; }
	
	.phil_title { font-size:22px; padding:0; margin:40px auto; }
	.phil_title span { display:none; }
	.phil_flow li:after { display:none; }
	.phil_flow p { font-size:14px; height:80px; }
	.circle_icon_wrap { width:200px; height:200px; line-height:280px; }
	.circle_icon_wrap img { width:50%; }
	
	.swiper-pagination-sub .swiper-pagination-bullet { width:200px; font-size:16px; }
	
	.mi_col { width:calc(25% - 10px); }
	.mi_col:after { display:none; }
	.mi_col_text1 { height:68px; }
	
	.rnd_flow ul li h5 { font-size:16px; }
	.rnd_item p { font-size:14px; }
	.rnd_flow_icon { width:150px; height:150px; line-height:190px; }

    .st_content_header { flex-direction: column; }
    .st_content_left_img { width:100%; }
    .st_content_right_text { width:100%; padding:20px 0; }

    .process_row { padding:5px; }
    .process_title { font-size:15px; }
    .process_row { width:calc(25% - 10px); margin-right:10px; }
    .process_sol { padding:5px; }

    .pro_2_item { margin-right:12px; width:calc(25% - 4px); }

    .pro_dev_row .row_header_left { width:100px; }
    .pro_dev_row > div { width:calc((100% - 100px) / 2) }
    .pro_dev_ul li h6 { font-size:14px; }
}

@media only screen and (max-width:1024px) {
	.sub_content_title { font-size:20px; }
	.sub_wrap .inner { display:flex; flex-direction:column; }
	.sub_content { width:100%; padding:0px; }
	.pc_submenu { display:none; }
	.mobile_submenu { display:block; }
	.sub_location { display:none; }
	.sub_header { text-align:center; height:250px; padding-top:120px; }
	.sub_header .sub_title { font-size:30px; }
	.sub_left_group_title { text-align:left; font-size:15px; height:60px; line-height:60px; padding:0; }
	.sub_left_group_title:before { background:#ea6000; height:60px; }
	.sub_left_group_title > li { display:inline-block; position:relative; width:170px;}
	.sub_left_group_title > li:first-child { width:60px; text-align:center; }
	.sub_left_group_title > li:first-child a { vertical-align:middle; }
	.sub_left_group_title > li:first-child a svg { margin-top:-4px; }
	.sub_left_group_title > li > a { color:#fff; border-right:2px solid rgba(255,255,255,0.3); padding:0 5px; width:100%; display:inline-block; height:15px; line-height:15px; position:relative; }
	.sub_left_group_title > li:first-child > a:after { display:none; }
	.sub_left_group_title > li:first-child > a:before { display:none; }
	.sub_left_group_title > li > a:after { position:absolute; content:""; display:inline-block; width:7px; height:1px; background-color:#fff; right:11px; top:8px; transform:rotateZ(-45deg); }
	.sub_left_group_title > li > a:before { position:absolute; content:""; display:inline-block; width:1px; height:7px; background-color:#fff; right:19px; top:5px; transform:rotateZ(-45deg);  }
	.sub_left_group_title > li.active > a:after { position:absolute; content:""; display:inline-block; width:7px; height:1px; background-color:#fff; right:11px; top:8px; transform:rotateZ(45deg); }
	.sub_left_group_title > li.active > a:before { position:absolute; content:""; display:inline-block; width:1px; height:7px; background-color:#fff; right:19px; top:5px; transform:rotateZ(45deg);  }
	.mob_sub_menu { display:none; }
	.mob_sub_menu li { display:block; }
	.mob_sub_menu { background-color:#fff; position:absolute; left:0; top:60px; border:1px solid #ddd; width:100%; }
	.mob_sub_menu li { width:100%; padding:0; border-bottom:1px solid #ddd;  }
	.mob_sub_menu li:last-child { border-bottom:none; }
	.mob_sub_menu li a { display:block; padding:15px 10px; line-height:initial; font-weight:300;  }
	
	.sub1_03_item_wrap { flex-direction:column; }
	.sub1_03_item { width:100%; margin-bottom:20px; height:auto; padding:20px 0; }
	.sub1_03_item p { font-size:16px; line-height:18px; }
	.sub1_03_item:before { display:none; }
	.sub1_03_item:after { display:none; }
	.rotate_line { display:none; }
	.rotate_line:before { display:none; }
	.circle_icon { width:35px; height:35px; line-height:35px; font-size:18px; }
	
	.phil_title { font-size:16px; width:100%; }
	.phil_flow { flex-direction:column; }
	.phil_flow li { width:100%; }
	.phil_flow li:after { display:none; }
	.phil_flow p { font-size:14px; }
	.circle_icon_wrap { height:150px; border-radius:20px; line-height:normal; width:100%; padding-top:20px;}
	.circle_icon_wrap img { width:100px }
	.phil_flow h4 { font-size:20px; margin-top:10px; padding-top:0; }
	.phil_flow h4:after { display:none; }
	.half_content { flex-direction:column; margin-top:0; }
	.right_ribon_text { width:100%; margin:0; border:none; text-align:center; }
	.right_ribon_text p {font-size:18px; }
	.ph_text { width:100%; padding:20px; }
	.ph_text h4 { font-size:20px; }
	.ph_text h4 span { font-size:14px; }
	
	.subpage_title h3 { font-size:30px; letter-spacing:-1px; }
	.mscimap {margin-top: -6px; height: 24px;}
	.subpage_title p { font-size:16px; }
	.history_li { flex-direction:column; padding:10px; }
	.history_li > span { width:100%; font-size:25px; text-align:left; }
	.history_inner { width:100%; }
	.history_inner span { font-size:20px; padding-left:10px; margin-bottom:0; }
	.history_inner p { font-size:14px; }
	.history_month:after { width:5px; height:5px; }
	
	.sub_slide_btn { display:none; }
	.swiper-pagination-sub .swiper-pagination-bullet { width:33.333333%; margin:0 !important; font-size:16px; }
	.swiper-pagination-sub .swiper-pagination-bullet:after { right:20px; top:25px; }
	.sub_content_inner .sub_pager { margin:0; margin-bottom:50px; }
	
	.co2_slider .swiper-pagination-sub .swiper-pagination-bullet { width:50%; }

    .sub1_03 { margin-top:50px; }
    .sub1_03_item2_wrap { margin-top:50px; flex-direction: column;}
    .sub1_03_item2 { width: 100%; margin:20px 0;}
    .sub1_03_item2 span { left:0; }
	
}

@media only screen and (max-width:768px) {
	.mid_sub_menu { display:none !important; }
	.sub1_02 .sub1_02_title { font-size:20px; padding:20px; }
	.sub1_02 .sub1_02_title span { font-size:20px !important; }
	
	.map_info { flex-direction:column; }
	.map_info h2 { font-size:18px; }
	.map_info p { font-size:16px; }
	.map_info p strong { font-size:16px; }
	.map_info_text { width:100%; }
	.map_info_btn { width:100%; }
	.map_info_btn a { width:100%; height:auto; border-radius:0; padding-top:0; padding:5px; display:flex; flex-direction:row; align-items: center; justify-content: center; margin-top:20px;  }
	.map_info_btn a svg { width:20px; height:20px; }
	.map_info_btn a p { display:inline-block; font-size:16px; text-align:left; font-weight:bold; }
	.lo_row { flex-direction:column; }
	.lo_row > div { width:100%; }
	.lo_method { padding:10px 0; }
	.lo_root { padding:10px 20px; }
	.map_info_btn a:before { display:none; }
	
	.team_item { font-size:14px; line-height: 60px; width:calc(33.33333% - 2px); margin:0 1px; }
	.team_item ul { top:60px; }
	.team_item ul li { font-size:12px; padding:10px; line-height:20px; }
	.team_mid_line { padding-top:20px; }
	.team_mid_line:before { height:80px; }
	.team_row { margin-bottom:25px; }
    .team_mid_line2 { height:30px; margin-top:-30px; }
    .team_mid_line { padding-top:10px; }
    .team_mid_line_up { padding-top:11px; }
	
	.partner_logo { width:150px; }
	.partner_info { width:calc(100% - 150px); }
	.partner_info h4 { font-size:18px; }
	.partner_info p { font-size:14px; }
	
	.mi_item { padding:10px; }
	.mi_item h4 { font-size:20px; }
	.mi_item h4:before { top:10px; }
	.mi_item h4:after { top:8px; }
	.mi_item .mi_text p { padding-left:0; font-size:16px; }
	.mi_item .mi_text p:after { display:none; }

    .sub6_title h3 { font-size:20px;}
    .sub6_text { font-size: 16px;}
    .sub6_1_row { flex-direction: column; margin-bottom:20px; }
    .sub6_1_row > div { width:100%; height:auto; min-height:50px; border-radius:0; }
    .sub6_1_row .sub6_1_center { padding:30px 0; }
    .sub6_1_center:before { 
        position:absolute;
        content:"";
        display:block;
        left:calc(50% - 5px);
        top:5px;
        width: 0;
        height: 0;
        border-top: 5px solid #444;
        border-bottom: 5px solid transparent;
        border-left: 5px solid transparent;/* 화살표 */
        border-right: 5px solid transparent;/* 화살표 */
     }
     .sub6_1_center:after { 
        position:absolute;
        content:"";
        display:block;
        left:calc(50% - 5px);
        bottom:0px;
        right:0;
        width: 0;
        height: 0;
        border-top: 5px solid #444;
        border-bottom: 5px solid transparent;
        border-left: 5px solid transparent;/* 화살표 */
        border-right: 5px solid transparent;/* 화살표 */
     }

     .sub6_2_row { flex-direction: column; }
     .sub6_2_col { width:100%; }
     .sub6_2_col p { text-align: left; }
     .sub6_back { background:url(/img/sub6_img.png) center/cover no-repeat; width:100%; height:300px; margin-bottom:50px; }
	
	.mi_row { flex-direction:column; }
	.mi_col { width:100%; margin-bottom:10px; }
	.mi_col:after { display:none; }
	.mi_col_text1 { height:auto; }
	.mi_action { flex-direction:column; }
	.mi_action_arrow { display:none; }
	.mi_action_content { width:100%; margin-top:0; }
	.issue_title { font-size:14px; }
	.issue_sol p { font-size:14px; }
	.benefit_item h5 { font-size:16px; }
	.benefit_item h5:after { top:10px; }
	.mi_col_title { padding-top:10px; font-size:16px; }
	.mi_row .mi_col .mi_col_text1 { padding-bottom:10px; }
	
	.human_wrap > h4 { font-size:20px; padding:20px; }
	.human_row { flex-direction:column; }
	.human_row > div { width:100%; }
	.human_img { height:300px; }
	
	.human_item { padding:10px; }
	.human_item h4 { font-size:20px; }
	.human_item h4:before { top:10px; }
	.human_item h4:after { top:8px; }
	.human_item .human_sub_text p { padding-left:0; font-size:16px; }
	.human_item .human_sub_text p:after { display:none; }
	
	.human_content h4 { font-size:20px; margin-bottom:10px; }
	.human_process li { flex-direction:column; }
	.human_process li .hp_img { width:100%; }
	.human_process li .hp_content { width:100%; }
	
	.rnd_item  { padding:10px; }
	.rnd_item  h4 { font-size:20px; }
	.rnd_item  h4:before { top:10px; }
	.rnd_item  h4:after { top:8px; }
	
	.rnd_flow ul { flex-direction:column; }
	.rnd_flow ul li { width:100%; border:none; }
	.rnd_flow_icon { width:100%; border-radius:20px; padding-top:10px; }
	.rnd_flow_icon img { width:100px; }
	
	.con_pro_title h3 { font-size:20px; }
	.con_pro_title p { font-size:14px; }
	.con_pro_line { display:none; }
	.con_pro_content { width:100%; padding-left:0; }
	.con_pro_content li h4 { font-size:20px; }
	.con_pro_content li { padding:10px; }
	.con_pro_content li:before { display:none; } 
	.con_pro_content li:after { display:none; } 
	.con_pro_content li p { font-size:14px; }
	.con_pro_content li h4 span { font-size:30px; top:-20px; }
	
	.mi_diagram ul li span { width:calc(100% - 100px); font-size:14px; }
	.mi_diagram ul li p { width:100px; padding:20px 10px; font-size:14px; }
	.mi_diagram ul li p img { width:100% }

    .st_td { width:calc(100% - 150px); } 
    .st_tr .st_td:first-child { width:150px;}
    .st_result_content_wrap { flex-direction: column; }
    .st_result_content { width:100%; }

    .process_wrap { flex-direction: column; }
    .process_row { width:100%; margin-right:0; margin-bottom:10px; }
    .process_sol { position:initial; height:auto; }
    .subpage_tab li { width:40%; }
    .subpage_tab li a { width:100%; font-size:16px; }

    .pro_2_wrap { flex-direction: column; }
    .pro_2_item {  margin:0; margin-bottom:10px; width:100%; }
    .pro_2_item .front { height:100px; }  
    .pro_2_item .back { height:100px; }  
    .mi_gr_flex { flex-direction: column; padding:0; }
    .mi_gr_flex > div { margin:0 0 10px 0; width:100%; }
    .pro_cf_wrap h5 { width:100%; }
    .pro_cf_posi1 { font-size:15px; width:50%; }
    .pro_cf_posi2 { font-size:15px; width:50%; }
    .pro_cf_text p { text-align: left; }
    .pro_cf_text p:after { top:10px; }

    .pro_dev_bottom_row { flex-direction: column; }
    .pro_dev_bottom { width:100%; margin:0 0 10px; }
    .pro_dev_table { overflow-x:auto; width:100%; }
    .pro_dev_row { min-width:722px; }
}

@media only screen and (max-width:480px) {
	.sub_left_group_title > li { width:140px; }
	.sub_left_group_title > li > a { font-size:13px; letter-spacing:-1px; }
	.mob_sub_menu li a { font-size:13px; }
}