@charset "utf-8";

.pc_on_box_wrap { display: block; }
.mobile_on_box_wrap { display: none; }
@media screen and (max-width:1800px) {
	#wrap { min-width: 100%; }
}
@media screen and (max-width:1750px) {
	#wrap { min-width: 100%; }
}
@media screen and (max-width:1630px) {

	.side_margin { margin-left: -40px ; margin-right: -40px; }
}
@media screen and (max-width:1600px) {
	.m_sec_in { padding: 0 50px; }
	.sec_in { padding: 0 50px; }
	/*---------------------------------------------------------------------*/





}
@media screen and (max-width:1400px) {

	/*---------------------------------------------------------------------*/
	.sub_tube_wrap { width: 100%; text-align: center; }
	.sub_visual_box { text-align: center; }
	.menu_add_txt_wrap { display: none!important; }
	.products_box_wrap { width: 25%}
	.with_bg_list .item_box_img { scale: 0.5}
	.item_01 img { position: absolute; top: -100%; left: -60%; }
	.item_02 img { position: absolute; top: -240%; left: -18%; }
	.item_03 img { position: absolute; top: -190%; left: 60%; }
	.item_04 img { position: absolute; top: 0%; left: auto; right: -80%; }
	.item_05 img { position: absolute; top: 140%; left: -40%; }
	.item_06 img { position: absolute; top: 180%; left: auto; right: 0%; }
}
@media screen and (max-width:1200px) {
	.sub_visual_bg img { object-fit: cover; height: 100%; }
	.target_div { top: -70px; }
	/* .top_nav { position: relative; top: 0px; left: 0px; width: 100%; float: none; padding-top: 0px; }
	.logo_wrap { position: relative; top: 0px; left: 0px; width: 170px; margin: 0 auto; height: 60px; }
	.logo_wrap:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.27em; }
	.top_nav .menu_a { height: 60px; color: #333; border-top: 1px solid #ccc; }
	.top_nav .menu .sub_menu_wrap { display: none!important; }
	.m_menu_wrap { display: block; }
	.all_bg { display: none!important; }
	.m_menu_btn_wrap { display: block; top: 10px; right: 20px; }
	.header_mid { padding: 0px; }
	.header_mid_wrap { padding: 0px; }
	.header_top_wrap { padding: 0px; display: none; }
	.sub_top_nav .sub_menu_a { min-width: 140px; }
	.m_menu_btn span { background-color: #333; }
	.m_menu_btn span:before { background-color: #333; }
	.m_menu_btn:before { background-color: #333; }
	.m_menu_btn:after { background-color: #333; }
	.m_close_wrap { text-align: right; }
	.m_menu_wrap .m_close_btn { display: inline-block; }
	.lang_all_wrap { right: auto; left: 20px; top; top: 10px; } */
	/* .map_wrap .roughmap_maker_label .roughmap_lebel_text { width: 130px; height: 50px; background-size: cover; } */
	/* .logo_on { display: inline-block; }
	.logo_off { display: none; }
	.lang_box .lang_box_a { color: #222; }
	.lang_box .lang_box_a:after { border-color: #222; }
	.lang_box .lang_box_a:after { border-color: #222; } */
/* 	.top_nav .menu_a span:after { background-color: #01497e}
	.map_wrap { position: relative; }
	.map_wrap .root_daum_roughmap { position: relative; }
	.map_wrap .root_daum_roughmap .wrap_map { position: relative; height: 300px!important; }
	.map_wrap { height: 400px; } */
	/* .top_nav { display: none!important; } */
	/*---------------------------------------------------------------------*/
	.main_sec_pd { padding: 100px 0}
	.sub_sec_pd2 { padding: 150px 0}
	.sub_sec_pd { padding: 100px 0}
	.sec_tit4 { font-size: 36px; }
	.sec_txt4 { font-size: 36px; }
	.sec_tit3 { font-size: 28px; }
	.sec_tit2 { font-size: 18px; }
	.sec_txt { font-size: 14px; }
	.sec_txt span { font-size: 14px !important; }
	.sec_tit5 { font-size: 48px; line-height: 1.4; }
	.sec_tit6 { font-size: 18px; }
	.sec_tit7 { font-size: 36px; }
	.gap { height: 50px; }
	.symbol_box_con { padding: 100px 5%}
	.org_wrap { width: 33.33%; width: calc(100%/3); }
	.sub_intro_slider { width: 100%; text-align: center; }
	.sub_intro_slider_02 { position: relative; }
	.sub_intro_wrap { height: auto!important; }
	.sub_intro_wrap_in { width: 100%; opacity: 1!important}
	.sub_intro_txt_wrap { position: relative; }
	.sub_intro_txt_in { position: relative; top: 0px; }
	.sub_intro_slider_02 { clip-path: none!important; }
	.sub_intro_slider_01 { clip-path: none!important; }
	.sub_intro_btn_wrap { padding: 100px 0 50px; text-align: center; }
	.sub_intro_btn_wrap_in .thd_menu { width: 20%; }
	.sub_intro_btn_wrap_in .thd_menu_a { padding-right: 30px; display: block; }
	.unri_box { width: 25%}
	.sinmun_box { width: 100%; }
	.sinmun_box_in { height: auto; }
	.sinmun_box_inner { position: relative; top: 0px; left: 0px; transform: none; padding: 50px 30px; }
	.sinmun_left_wrap { padding-left: 0px; text-align: center; }
	.sinmun_left_wrap .sinmun_circle_wrap { position: relative; top: 0px; transform: none; margin: 0 auto; }
	.sinmun_line_wrap { border: none; height: auto; background-color: transparent; }
	.sinmun_line_wrap:before { display: none; }
	.sinmun_right_wrap { padding-left: 0px; text-align: center; padding-right: 0px; }
	.sinmun_right_wrap .sinmun_circle_wrap { position: relative; top: 0px; transform: none; margin: 0 auto; }
	.bene_wrap { width: 33.33%; }
	.c_step_all_wrap { margin-left: -50px; }
	.c_step_box_wrap { width: 33.33%; width: calc(100%/3); padding-bottom: 50px; padding-left: 50px; }
	.c_step_all_wrap:before { display: none; }
	.footer_mid_left { width: 100%; text-align: center; padding-bottom: 20px; }
	.footer_mid_right { padding-top: 30px; width: 100%; text-align: center; }
	.footer_mid_right .menu { padding-right: 20px; float: none; display: inline-block; vertical-align: top; padding-top: 20px; }
	.footer_ft_box { width: 100%; text-align: center; }
	.footer_mid_right .menu_a { font-size: 16px; }
	.footer_mid_right .sub_menu_wrap { font-size: 13px; }
	.footer_wrap { padding: 100px 5%}
	.sub_vision_type_0302 { padding: 20px; }
	.sub_vision_type_0302 .sub_vision { width: 50%; }
	.sub_vision_type_0302 .sub_vision_txt_wrap { min-height: 200px; }
	.sub_vision_type_0302 .sub_vision_wrap { margin-left: -15px; }
	.sub_vision_type_0302 .sub_vision { padding-left: 15px; padding-bottom: 15px; }
	.proce_wrap { width: 50%; }
	.proce_wrap:nth-child(2n+1) { clear: both; }
	.cube_box_wrap_03 { display: none; }
	.cube_box_wrap_06 { display: none; }
	.cube_box_wrap { width: 33.33%; width: calc(100%/3); }
	.depth_box_nav .thd_menu_a { font-size: 16px; }
	.depth_box_nav_wrap { padding: 30px 0px}
	.lpdi_box_wrap { width: 50%; }
	.col4_box_wrap { width: 50%; }
	.col4_box_wrap img { width: 100%; }
	.lpdi_box_wrap:nth-child(2n+1) { clear: both; }
	.col4_box_wrap:nth-child(2n+1) { clear: both; }
	.m_biz_box_wrap { width: 100%; }
	.m_biz_box_img { padding-bottom: 300px; }
	.m_biz_wrap { height: auto; }
	.main_sec_02_in { height: auto!important; }
	.main_sec_02_wrap { height: auto!important; }
	.sec_tit9 { font-size: 54px; }
	.main_sec_04_con_left { width: 100%; padding-bottom: 30px; }
	.main_sec_04_con_right { width: 100%; }
	.main_sec_04_wrap { padding: 100px 0 }
	.pro_box { padding: 0 50px 0 20px; font-size: 24px; }
	.footer_mid_right { display: none; }
	.sub_visual_txt { font-size: 40px; }
	.ov_box_wrap { width: 50%; }
	.cert_con_box { width: 25%}
	.sub_new_top_wrap { padding: 100px 0 30px; text-align: center; }
	.sub_new_top_left_wrap { width: 100%; }
	.sub_new_top_right_wrap { width: 100%; }
	.sub_new_top_left_wrap br { display: none; }
	.depth_box_nav .thd_menu_wrap { text-align: center; }
	.mate_wrap { width: 50%}
	.products_box_wrap { width: 33.33%}
	.step_pdca_box_wrap { width: 100%; }
	.step_pdca_box_img_wrap:before { display: none; }
	.step_pdca_box_wrap { position: relative; top: 0px; left: 0px; }
	.step_pdca_box_wrap:before { content: ""; position: absolute; bottom: 0px; left: 50%; background-repeat: no-repeat; background-position: center center; background-image: url(../images/sub/arr_off.png); width: 30px; height: 30px; margin-left: 10px; transform: rotate(90deg); }
	.step_pdca_box_wrap:last-child:before { display: none; }
	.sub_new_top_right2 .depth_box_nav .thd_menu_wrap { text-align: center; }
	.esg_box_txt_wrap { padding: 100px 20px 100px 5%}
	.esg_box_txt_wrap br { display: none; }
	.esg2_wrap { margin-left: 0px; }
	.esg2_box_wrap { float: none; padding: 20px 0; margin: 0 auto; width: 100%; max-width: 400px; }
	.purp_box_wrap { width: 100%; text-align: center; }
	.purp_box_inner { padding: 20px; }
	.footer_ft_left_wrap { padding-right: 0; }
	.footer_ft_right_wrap { position: relative; top: 0px; right: 0px; width: 100%; text-align: center; padding-top: 50px; }
	.footer_ft_box_wrap.sec_bumo { display: flex ; flex-direction: column-reverse; }
	.grid2 { gap: 0 50px; }
	.row_scr_grid { display: flex ; gap: 50px; }
	.s_sec_01_02_02_in { padding: 100px; }
	.row_scr_wrap_in { width: 2500px; }
	.row_scr_cont_02 { width: 1000px; }
	.process_tab_list.tab11 { grid-template-columns: repeat(6, 1fr); gap: 20px 10px; }
	.s_sec_05_02_02_con_wrap { gap: 0 20px; grid-template-columns: 15% 85%; }
}
@media screen and (max-width:1000px) {


	.m_sec_in { padding: 0 30px; }
	.sub_visual_wrap { padding: 0 30px; }
	.sec_in { padding: 0 30px; }
	.side_margin { margin-left: 0px ; margin-right: 0px; }
	.sub_side_wrap { padding: 0 30px; }
	.sub_33_box_wrap { margin-left: -20px; }
	.sub_33_box { padding-left: 20px; }
	.sub_33_box_img { padding: 10px 0}
	.sub_33_box_txt_wrap { padding: 10px 0 0}
	.ppg_box_all_wrap { margin-left: -50px; }
	.ppg_box_wrap { padding-left: 50px; }
	.round_txt { font-size: 16px; height: 40px; line-height: 40px; padding: 0 15px; }
	.round_txt_wrap:before { left: -27px; }
	.net_box_img_wrap { max-width: 280px; }
	.vis_box_wrap { width: 100%; padding-bottom: 50px; }
	.vis_box { border-radius: 20px; padding: 20px; background-color: transparent; }
	.vis_box2_wrap { width: 100%; position: relative; border-radius: 20px; background-color: transparent; }
	.vis_box2 { position: relative; top: 0px; left: 0px; transform: none; width: 100%; }
	.vis_box_left_wrap { width: 100%; margin: 0 auto; max-width: 280px; }
	.vis_box_right_wrap { width: 100%; position: relative; }
	.vis_box_right { position: relative; top: 0px; left: 0px; width: 100%; transform: none; padding: 30px 0}
	.vis_box2_list .c_list01 { display: inline-block; }
	.vis_wrap:before { display: none ; }
	.two_tbl_wrap { width: 100%; padding-bottom: 50px; }
	.two_gr_wrap { position: relative; width: 100%; padding-bottom: 50px; height: 400px; }
	.imo_box { width: 100%; }
	.side_box_right_in { padding: 100px 20px; }
	.side_box_txt_wrap br { display: none; }
	.jm_wrap { margin-left: -50px; }
	.jm_box_wrap { padding-left: 50px; width: 50%; }
	.jm_box_con_in { height: 200px; }
	.jinfo_table th { font-size: 16px; }
	.jinfo_table .td_first { font-size: 16px; width: 90px; }
	.jinfo_table { font-size: 14px; }
	.jinfo_table .td_022 { width: 200px; }
	.jinfo_table .td_02 { width: 130px; }
	.new_table_01 table { font-size: 14px; }
	.new_table_01 th { width: 30%}
	.his_con_wrap { padding: 50px 0 100px; }
	.his_bg_02 { width: 55%; }
	.his_box { padding-bottom: 30px; }
	.his_bg_04 { top: 0; left: 0px; width: 70%; transform: none!important; padding-bottom: 80px; }
	.his_bg_05 { top: 20%; left: 60%; width: 50%; position: absolute!important; transform: none!important; }
	.over_box_wrap { width: 50%; }
	.sub_top_nav .sub_menu_a span { font-size: 14px; }
	.sub_top_nav .sub_menu_a { min-width: 120px; max-width: 150px; }
	.sub_visual_all_wrap { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }
	.part_box_wrap { width: 50%; }
	.part_box_wrap:nth-child(2n+1) { clear: both; }
	.footer_ft_left_wrap { padding-right: 0px; }
	.footer_ft_right_wrap { position: relative; margin: 0 auto; padding-bottom: 30px; }
	.eth_tab { display: block; padding: 5px!important}
	.eth_tab a { background-color: #fff; }
	.eth_tab_wrap { background-color: transparent; }
	.row_scr_wrap_in { width: 2600px; }
	.footer_info_list { text-align: center; grid-template-columns: 1fr; margin: 0 auto; justify-items: center; gap: 20px 0; }
	.with_bg_list .item_box_img { scale: 0.4}
	.item_01 img { position: absolute; top: -200%; left: -80%; }
	.item_02 img { position: absolute; top: -350%; left: -0%; }
	.item_03 img { position: absolute; top: -250%; left: 140%; }
	.item_04 img { position: absolute; top: 0%; left: auto; right: -150%; }
	.item_05 img { position: absolute; top: 160%; left: -100%; }
	.item_06 img { position: absolute; top: 300%; left: auto; right: -50%; }
	.main_sec_04_bt_label { width: 100%; }
	.main_sec_04_more_btn { float: right; display: inline-block; }
	.main_sec_04_bt_label_right { padding: 10px 0 0 50px; }
	.main_sec_04_more_btn { float: left; display: inline-block; padding-top: 30px; }
	.main_sec_05_slider_notice .item { border-radius: 10px; }
	.item_txt { padding: 20px; }
	.main_sec_05_con_right { float: right; width: 50%; text-align: left; padding-top: 100px; }
	.product_con_main_wrap { padding-bottom: 100px; grid-template-columns: 1fr; column-gap: inherit; row-gap: 50px; }
	.product_con_sub_list { grid-template-columns: repeat(2, 1fr); }
	.flx4 { width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
	.pdt_process_item { background-color: #fff; width: 100%; padding: 25px 30px; border-radius: 15px; }
	.product_process_list { display: grid ; gap: 30px; }
	.process_tab_list.tab11 { grid-template-columns: repeat(4, 1fr); }
	.s_sec_03_03_02_con_wrap { height: auto; grid-template-rows: 1fr 1fr; grid-template-columns: inherit; align-items: center; padding-top: 50px; gap: 50px 0; }
	.s_sec_03_03_02_con_right_vid { height: 450px; }
	.s_sec_05_02_02_con_wrap { gap: 20px 0; grid-template-columns: inherit; }
	.s_sec_05_02_02_con_right { overflow-x: scroll; }
	.facility_table { min-width: 1000px; }
	.cert_list { grid-template-columns: repeat(4, 1fr); gap: 50px 10px; }
	.m_close_btn:before, .m_close_btn:after { width: 20px; height: 2px; }
	.m_close_btn { padding: 20px; }
	.m_menu .menu { gap: 30px; }
	.m_menu .menu_a { font-size: 24px; width: 220px; }
	.m_menu .sub_menu_a { font-size: 18px; }
}
@media screen and (max-width:960px) {
	.his_in { max-width: 100%; }
	.his_bg_wrap { position: relative; width: 100%; padding-bottom: 100px; }
	.his_bg_01 { position: relative; width: 100%; max-width: 400px}
	.his_bg_02 { position: relative; }
	.his_bg_03 { position: relative; }
	.his_bg_04 { position: relative; }
	.his_bg_05 { position: relative; }
	.his_box_year { position: relative; padding-bottom: 20px; }
	.his_box { padding-left: 0px; }
	.his_box_desc { font-size: 16px; }
	.col_2_wrap { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width:900px) {


	.s_sec_01_01_01_con_left { width: 100%; padding-bottom: 50px; }
	.s_sec_01_01_01_con_right { width: 100%; }
}
@media screen and (max-width:860px) {
	.target_div { top: -50px; }
	/* .top_nav .menu_a { height: 40px; font-size: 13px; }
	.logo_wrap { height: 50px; width: 120px; }
	.lang_all_wrap { height: auto; }
	.lang_box .lang_box_a { font-size: 13px; height: 30px; line-height: 30px; padding: 0 30px 0 10px}
	.lang_box .lang_box_a:after { top: 10px; width: 6px; height: 6px; }
	.lang_box:hover .lang_box_a:after { top: 12px; }
	.lang_sub_box a { padding: 0 5px; text-align: center; font-size: 13px; }
	.lang_all_wrap { top: 10px; left: 10px; }
	.m_menu_btn_wrap { height: 30px; width: 30px; top: 14px; right: 10px; } */
	/* .header_wrap .m_menu_btn_wrap .m_menu_btn { height: 22px; } */
	/* .m_menu_btn:before { right: 0px; height: 2px; }
	.m_menu_btn span { height: 2px; margin-top: -1px; }
	.m_menu_btn:after { height: 2px; right: 0px; }
	.m_close_wrap { padding: 10px; }
	.top_nav .menu_a span:after { display: none; } */
	.sec_txt2 { font-size: 16px; }
	/*---------------------------------------------------------------------*/

	.box_all_3_wrap { margin-left: -15px; }
	.box_3_wrap { padding-left: 15px; }
	.box_3_img_wrap { border-radius: 10px; }
	.sec_tit4 { font-size: 26px; }
	.sec_txt4 { font-size: 26px; }
	.sec_tit3 { font-size: 22px; }
	.sec_tit2 { font-size: 16px; }
	.gap { height: 30px; }
	.pd_more .circle { width: 100%; }
	.pd_more_tit { color: #fff; padding: 0 60px 0 30px; }
	.sub_3_box_wrap { padding-left: 20px; }
	.sub_3_box_wrap { width: 100%; }
	.sub_3_box_txt .sec_txt { max-width: 400px; padding: 20px; background-color: #fafafa; border-radius: 20px; margin: 0 auto; }
	.sign_box span { display: block; text-align: center; }
	.his_all_wrap { padding-left: 0px; }
	.br_02 { display: block; }
	.br_01 { display: block; height: 30px; }
	.sub_33_box { width: 100%; }
	.sub_33_box_in { height: auto!important; }
	.ppg_box_wrap { width: 100%; }
	.ppg_box_img_wrap { max-width: 400px; margin: 0 auto; }
	.round_txt_wrap:before { display: none; }
	.ppg_box_wrap:before { content: ""; display: block; position: absolute; bottom: 40px; left: 50%; margin-left: 16px; display: block; width: 15px; height: 15px; background-color: transparent; border-left: 2px solid #3758ff; border-top: 2px solid #3758ff; transform: rotate(225deg); text-indent: -9999px; transition: all .3s ease; z-index: 2}
	.ppg_box_03.ppg_box_wrap:before { display: none; }
	.spec_tbl table { font-size: 14px; }
	.sub_tube_wrap .sub_tube_a { padding: 10px; font-size: 13px; }
	.sub_sec_pd2 { padding: 120px 0}
	.sub_vision_wrap { margin-left: -15px; }
	.sub_vision { padding-left: 15px; padding-bottom: 15px; }
	.sub_vision_type_0301 .sub_vision { width: 100%; }
	.sub_vision_type_0301 .sub_vision_inner { padding: 50px; }
	.sub_vision_type_0301 .sub_vision_txt_wrap { min-height: 200px; }
	.symbol_box_con { padding: 50px}
	.org_wrap { width: 50%; }
	.esg_box { width: 100%; }
	.unri_box { width: 33.33%}
	.singo_box { width: 50%; }
	.singo_box_inner { padding: 20px; }
	.sub_04 .tbl_head01 thead th { font-size: 14px; }
	.sub_04 .tbl_head01 .td_subject .bo_tit { font-size: 14px; }
	.tbl_head01 .bo_tit { font-size: 14px; }
	.sub_04_03 .tbl_head01 thead th:last-child { display: none; }
	.jinfo_tab { height: 40px; }
	.jinfo_tab .sec_txt2 { font-size: 14px; }
	.jnav_tab { height: 40px; }
	.jnav_tab .sec_txt2 { font-size: 14px; }
	.jm_box_label b { font-size: 20px; }
	.jm_box_label span { font-size: 12px; }
	.jinfo_box_label b { font-size: 20px; }
	.jinfo_box_label span { font-size: 12px; }
	.bene_wrap { width: 50%; }
	.c_step_box_wrap { width: 50%; }
	.proc_box_wrap { margin-left: -20px; }
	.proc_box { padding-left: 20px; padding-bottom: 20px; }
	.sec_tit5 { font-size: 36px; }
	.sub_visual_bg_wrap { height: 300px}
	.net_box_con_wrap { width: 100%; padding-top: 50px; }
	.net_box_img_wrap { max-width: 100%; width: 100%; }
	.cube_box_wrap { width: 50%; }
	.none_tbl_wrap table { font-size: 13px; }
	.none_tbl_wrap2 table { font-size: 13px; }
	.none_tbl_wrap3 table { font-size: 13px; }
	.none_tbl_wrap4 table { font-size: 13px; }
	.sub_top_nav { display: none; }
	.sub_wrap > div.sub_top_nav { display: none; }
	.sub_wrap > div.line_all_wrap { display: block; }
	.line_all_wrap { display: block; }
	.line_nav_wrap { width: 100%; }
	.line_nav_home { display: none; }
	.line_nav { width: 100%; }
	.line_nav_box { width: 50%; }
	.line_nav_target .menu_a { font-size: 13px; padding: 0 30px 0 10px; }
	.line_nav_box_02 .line_nav_target .sub_menu_a { font-size: 13px; padding: 0 30px 0 10px; }
	.line_nav_box_01 .line_nav_menu .menu_a { padding: 0 10px; font-size: 13px; }
	.line_nav_box_02 .line_nav_menu .sub_menu_a { padding: 0 10px; font-size: 13px; }
	.sec_tit { font-size: 15px; }
	.sec_tit9 { font-size: 36px; }
	.sec_tit9 br { display: none; }
	.scroll_down .arr_down { width: 30px; height: 30px; }
	.ov_box_wrap { width: 100%; text-align: center; }
	.core_box_wrap { width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2); }
	.core_box_wrap:first-child { border-top: none; }
	.mis_box_wrap { width: 100%; text-align: center; }
	.mis_box_in { border-left: none; border-top: 2px solid #eee; }
	.cert_con_box { width: 33.33%; width: calc(100%/3); }
	.sub_visual_box { padding: 100px 0}
	.d_con_left { position: relative; width: 100%; }
	.d_con_right { padding-left: 0px; }
	.products_box_wrap { width: 50%}
	.pc_on_box_wrap { display: none; }
	.mobile_on_box_wrap { display: block; }
	.esg_box_img_wrap { position: relative; width: 100%; height: 180px; }
	.esg_box_txt_wrap { padding: 20px 0; width: 100%; text-align: center; }
	.col_22_wrap { margin-left: -30px; }
	.col_22_box_wrap { padding-left: 30px; padding-bottom: 30px; }
	.main_video_txt_wrap { width: 400px; height: 400px; }
	.main_video_txt_01 { font-size: 24px; }
	.rotate_line.rot_line_01 { width: 480px; height: 480px; }
	.rotate_line.rot_line_02 { width: 580px; height: 580px; }
	.grid2 { grid-template-columns: 1fr; grid-template-rows: repeat(2,50vh); }
	.s_sec_01_01_02_con_left_bg { padding-bottom: 50vh; }
	.s_sec_01_01_03_con_left_bg { padding-bottom: 50vh; }
	.s_sec_01_01_04_con_left_bg { padding-bottom: 50vh; }
	.s_sec_01_01_02_con_right_in,.s_sec_01_01_03_con_right_in,.s_sec_01_01_04_con_right_in { padding-left: 50px; }
	.cert_list { grid-template-columns: repeat(3, 1fr); gap: 50px 10px; }
}
@media screen and (max-width:680px) {
	.sub_vs_bt_wrap { padding: 0 0 20px; }
	.net_box_in { padding-left: 0px; }
	.net_box_img_wrap { position: relative; padding-bottom: 30px; }
	.net_box_img_wrap { max-width: 100%; }
	.side_box_right { width: 100%; }
	.side_box_left { position: relative; width: 100%; height: 250px; margin-bottom: 30px; }
	.side_box_right_in { padding: 20px; }
	.boho_box { width: 100%; }
	.boho_box_inner { padding: 50px 30px; }
	.boho_box_in { height: auto!important; }
	.footer_label_txt { font-size: 22px; }
	.sub_vision_type_0302 .sub_vision { width: 100%; }
	.sub_vision_type_0302 .sub_vision_inner { padding: 50px; }
	.sub_vision_type_0302 .sub_vision_txt_wrap { min-height: 200px; }
	.n_pt_wrap { grid-template-columns: repeat(2, 1fr); }
	.col_2_wrap { grid-template-columns: repeat(2, 1fr); }
	.sec_tit7 { font-size: 24px; }
	.none_tbl_wrap table { width: 700px}
	.none_tbl_wrap2 table { width: 700px}
	.none_tbl_wrap3 table { width: 700px}
	.none_tbl_wrap4 table { width: 700px}
	.none_tbl_wrap { overflow: auto; }
	.none_tbl_wrap2 { overflow: auto; }
	.none_tbl_wrap3 { overflow: auto; }
	.none_tbl_wrap4 { overflow: auto; }
	.none_tbl_wrap td.td_01 { min-width: 120px; }
	.pro_box { font-size: 18px; background-position: right 6px bottom 10px; }
	.pro_box_wrap { height: 100px!important}
	.jido_box_wrap { width: 33%; }
	.depth_box_nav .thd_menu_a { font-size: 14px; }
	.mate_wrap { width: 100%}
	.pdt_table_01 table { font-size: 14px; }
	.pdt_table_02 table { font-size: 14px; }
	.main_sec_04_bt_label_left { float: none; }
	.main_sec_04_bt_label_right { float: none; padding: 10px 0; }
	.main_sec_05_con_left { padding-bottom: 100px; text-align: center; }
	.main_sec_05_con_right { float: none; width: 100%; text-align: center; padding-top: 0; }
	.main_sec_05_con_right .logo_img { width: 50%; margin: 0 auto; }
	.more_btn_a { padding: 5px 8px 5px 15px; }
	.more_btn_a span { padding-right: 15px; }
	.footer_logo svg { width: 180px; }
	.sec_tit30 { font-size: 24px; }
	.row_scr_cont_03_info_wrap { padding: 200px 0 100px; }
}
@media screen and (max-width:580px) {

	.map_wrap .root_daum_roughmap .wrap_map { height: 250px!important}
	.box_3_wrap { width: 100%; }
	.footer_info { font-size: 12px; }
	.footer_copy { font-size: 12px; }
	.footer_logo { position: relative; margin: 0 auto; }
	.footer_mid { padding-left: 0px; }
	.footer_wrap { text-align: center; }
	.span_bar_01 { display: block; width: auto; height: 0px; margin: 0px; background-color: transparent; }
	.span_bar_02 { display: block; width: auto; height: 0px; margin: 0px; background-color: transparent; }
	.span_bar_03 { display: block; width: auto; height: 0px; margin: 0px; background-color: transparent; }
	.span_bar_04 { display: block; width: auto; height: 0px; margin: 0px; background-color: transparent; }
	.sec_txt4 br { display: none; }
	.his_con_wrap { padding-left: 0px; }
	.his_con_year { position: relative; padding-bottom: 20px; }
	.his_con_desc { font-size: 14px; }
	.spec_tbl td { padding: 15px 5px 15px 0}
	.net_info .sec_txt span { display: block; padding-bottom: 10px; }
	.net_info { padding-bottom: 10px; }
	.sub_intro_btn_wrap_in .thd_menu { width: 100%; padding: 5px; }
	.sub_intro_btn_wrap_in .thd_menu_a { display: inline-block; border: 1px solid #fff; width: 200px; }
	.chekim_wrap { width: 100%; padding-bottom: 80px; }
	.chekim_top_wrap { border-color: #ddd}
	.unri_box { width: 50%}
	.none_tbl_wrap table { font-size: 14px; }
	.esa_box { width: 50%; }
	.sub_intro_btn_wrap_in .thd_menu_a span { text-align: left; }
	.sec_tit7 br { display: none; }
	.cube_box_wrap { width: 100%; }
	.cube_box_inner { min-height: 200px; padding-bottom: 0px; }
	.cube_box_txt .sec_txt2 { font-size: 18px; }
	.qm_box_wrap { width: 100%; }
	.footer_wrap { border-top-right-radius: 30px; }
	.cert_con_box { width: 50%; }
	.sub_visual_txt { font-size: 36px; }
	.cert_list { grid-template-columns: repeat(2, 1fr); gap: 50px 10px; }
	.s_sec_01_01_02_con_right_in, .s_sec_01_01_03_con_right_in, .s_sec_01_01_04_con_right_in { padding: 20px; }
	.img_02_in { padding: 20px; }
    .time_item { width: 60%; }
}
@media screen and (max-width:520px) {
	.sec_tit3 br { display: none; }
	.sec_txt2 br { display: none; }
	.org_wrap { width: 100%; }
	.soc_box_wrap { width: 100%; }
	.soc_box_wrap:nth-child(2n) { top: 0px; }
	.jm_box_wrap { width: 100%; }
	.jm_box_label { padding-bottom: 60px; }
	.jm_box_con_in { height: 150px; }
	.bene_wrap { width: 100%; }
	.c_step_box_wrap { width: 100%; }
	.c_step_box { height: auto; padding-bottom: 0px; }
	.c_step_box_in { position: relative; top: 0px; left: 0px; transform: none; width: 100%; padding: 20px; }
	.c_step_box { border-radius: 5px; }
	.sub_05_04 .tbl_head01 thead th:nth-child(3) { display: none; }
	.sub_05_04 #bo_list .td_datetime { display: none; }
	.sub_05_04 .bo_tit { font-size: 14px!important; }
	.sub_05_04 #bo_list .td_num2 { width: 70px!important; font-size: 14px; }
	.sub_05_04 #bo_list .td_datetime { display: none; }
	.sub_05_04 .tbl_head01 thead th:nth-child(3) { display: none; }
	.sub_05_04 #bo_list .td_state { width: 100px!important; font-size: 14px; }
	.sub_05_04 .bo_tit { font-size: 14px!important; }
	.sub_05_04 #bo_cate a { font-size: 14px; }
	.sub_05_04 #bo_cate { margin: 10px 0; }
	.back_btn_wrap { bottom: 20px; transform: translateX(-50%); }
	.sub_visual_bg_02 { background-size: 130%; }
	.sub_tab_wrap { margin-left: -10px; }
	.sub_tab_box { padding: 10px ; }
	.sub_tab_box .sub_tab_box_a { font-size: 14px; }
	.his_box_desc { font-size: 14px; min-height: auto }
	.footer_mid_right .menu { padding: 10px; }
	.footer_mid_right .menu_a { font-size: 14px; }
	.footer_mid_right .sub_menu_wrap { font-size: 11px; }
	.over_box_wrap { width: 100%; }
	.over_box_txt_wrap { min-height: inherit; }
	.lpdi_box_wrap { width: 100%; }
	.col4_box_wrap { width: 100%; }
	.col2_box_wrap { width: 100%; }
	.col3_box_wrap { width: 100%; }
	.new_box_bg_wrap .col2_box_wrap { padding-bottom: 0px; }
	.main_sec_01_con_wrap { text-align: center; }
	.owl_main_sec_03_wrap { width: 200px; }
	.sub_visual_txt { font-size: 28px; }
	.sec_txt2 { font-size: 14px; }
}
@media screen and (max-width:460px) {
	.n_pt_wrap { grid-template-columns: repeat(1, 1fr); }
	.sub_vision { width: 100%; }
	.c_sys_box_left_wrap { width: 100%; }
	.c_sys_box_right_wrap { width: 100%; padding: 20px; }
	.c_sys_box_right { height: auto; }
	.c_sys_box_txt2 { position: relative; }
	.none_tbl_wrap table { font-size: 12px; }
	.singo_box { width: 100%; }
	.proc_box { width: 100%; }
	.pp_2_box { width: 100%; }
	.pp_3_box { width: 100%; }
	.products_box_wrap { width: 100%; }
	.col_2_box_wrap { width: 100%; }
	.col_22_box_wrap { width: 100%; }
}
