/* PC Device */

@media all and (min-width:1001px){
	/* 전체메뉴 */
	#total_m_lay{display:none;}
	#logo_mobile{display:none;}
}



@media all and (max-width:1500px){
/*메인*/
.wrap {width:100%; min-width:320px;padding:0 2%; box-sizing:border-box; margin:0 auto;}
.scroll {left:1%;}

.m_tnb a {display: inline-block; padding: 10px 20px; height:80px;}
.m_tnb a img {height:100%;}

/*모바일메뉴*/
.total_m {padding: 5% 2%;}
div#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit {width: 100%; box-sizing:border-box;max-width:100%;padding:100px 2%; }

#logo {left:2%;}
#gnb .language {right:2%;}

.side_txt h1 {font-size:90px;}

.factory_location {width:calc(100% - 2%); align-items: end; margin:0 auto; height:80%;}


/* 서브 */
#sidebar .snb {overflow: hidden; display: block; width: 100%;}
}

/*2025.07.03 as kangrim 탭*/
@media all and (max-width:1900px){
	.wrap2 {width:100%; min-width:320px;padding:0 2%; box-sizing:border-box; margin:0 auto;}
}

@media all and (max-width:1400px){
	#fullpage .section, #fullpage .section .fp-tableCell {height: auto !important;}

	.sct_admin{margin-top:15px;}
	.sit_admin{margin-top:15px;}
	.language {right:10px;}

	/* 메인 */
	
	.rolling .text {max-width:inherit; width:96%;}
	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal>.swiper-pagination-bullets {width:96% !important; max-width:inherit !important;}

	.main_case{padding-left:0; width:98%; margin:40px auto 0;}
	.main_case .main_pic a span {margin-top:10px;}
	
	.section02 {padding:100px 0;}
	.video-wrap iframe, .video-wrap object, .video-wrap embed {height:100%;}

	.global_wrap {padding:120px 0 0px;}


	/* 서브 */
	#sidebar.lnb {width:100%; animation:inherit; position:inherit;}

	#fullpage_supply .section, #fullpage_supply .section .fp-tableCell, #fullpage_supports .section, #fullpage_supports .section .fp-tableCell {height: auto !important;}
	#supportsSection01 {padding-top:80px;}
	
	#sidebar .snb ul {width:100% !important;}
	/* .double_up {margin-top:40px;} */
}


@media all and (max-width:1330px){
	/*메인*/
	#tnb{width:70px;height: 70px;padding-left: 15px;}
	#hd .btnMenu{margin:24px 0;}

	/*모바일메뉴*/
	.btnMenuClose{width:90px;height:90px;}
}


@media all and (max-width:1024px){
	/*메인*/
	#hd_wrapper {height:1px;}
	/*2025.06.13추가 a/s 화면 외 메뉴바 내려올때 가림방지*/
	body.supports-page #hd_wrapper,
	body.supports-page2 #hd_wrapper {
		height: 85px;
	}
	#gnb {display: none;}
	#lnb {display:none;}
	.mini_menu {display:none;}
	#tnb {display:inline-block;}
	#logo {top:10px; left:1%;}
	#logo a {height:50px;}
	.language {top:25px; right:70px;}

	.main_title {font-size:48px;}
	.scroll {display:none;}

	.pro_mob {display:none;}


	/* mainSection03 */

	#mainSection03:before {width:600px; height:890px; top:-500px;}
	#mainSection03:after {top:15%; width:300px; height:598px;}
	.main_tit {font-size:52px;}
	.pro_box .txt span {font-size:24px;}
	.pro_box .txt h2 {font-size:42px;}

	/* main_con02 */

	#main_con02:before {width:445px; height:700px;}
	.pro_box .txt p {font-size:20px;}

	/* main_con03 */
	.exchange-con {width:100%; float:none; margin-bottom:30px; margin-top:0;}
	.network-con {width:100%; float:none; text-align:center;}
	.nation-circle {display:none;}
	.exchange-con h4 {font-size:24px;}
	.exchange-con ul li {margin-top:15px;}
	.exchange-con ul li a {padding:10px 15px; font-size:15px;}


	/*모바일메뉴*/
	#total_m_lay {right: -100%; width: 100%; height:100vh; overflow: auto; background: #f8f8f8; background: url('../images/main/menu_icon.png') #fff right bottom no-repeat; background-size: auto 100%; border: 0;}
	.total_m {padding: 0px !important;}
	.total_m li button {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -999px; overflow: hidden; font-size:0;display:inline-block;}
	.total_m > ul > li {position: relative; width: 100% !important;height:auto; font-size: 18px; font-weight: 400;   background: rgba(255, 255, 255, 0.8); border-bottom: 1px solid rgba(0,0,0,0.08);}
	.total_m > ul > li > a {padding: 20px; /*color: #6162e6;*/}
	.total_m > ul{display:block;}
	.total_m > ul > li.has-sub > a {/*background: url('../images/gnb_dot.png') no-repeat right 15px center; */  font-weight:500; font-size:1.22rem}
	.total_m > ul > li.has-sub {padding: 0; text-align: left;  /*border-top: 1px solid #ccc; */}
	.total_m > ul > li.has-sub:before {position: absolute; top: 20px; right: 22px; width: 2px; height: 22px; margin-top: -1px; display: block; content: ""; background: #333; display: block; border-radius:10px;}
	.total_m > ul > li.has-sub:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background: #333; border-radius:10px;}
	.total_m > ul > li.has-sub02:before {content:none;}
	.total_m > ul > li.has-sub02:after {content:none;}
	.total_m > ul > li > ul {display: none; padding: 0px; background: #f5f5f5; padding:20px;}
	.total_m > ul > li > ul > li {font-size: 16px; /*background-repeat: no-repeat; background-position: right 14px; border-top: 1px solid #ddd; */}
	.total_m > ul > li > ul > li:first-child {border-top: 0}
	.total_m > ul > li.has-sub.open:before {display: none;}
	.total_m > ul > li.has-sub.open:after {position: absolute; top: 28px; right: 12px; width: 22px; height: 2px; display: block; content: ""; background:#0061aa; border-radius:0px;}
	.total_m > ul > li > ul > li > a {padding: 0 0 20px; /*color: #fff;*/ font-weight:400;  font-size:1.12rem }
	.total_m > ul > li > ul > li:last-child > a {padding: 0;}
	.total_m > ul > li > ul > li.open > a {color: #1e5394;}
	.total_m .btnClose {display: none}
	.btnMenuClose {width: 60px; height: 60px; padding:0; top: 0; right:0px; }
	.m_login {/*display: none;*/ margin-top:50px;}
	.m_login li {display: inline-block; margin:0 10px; font-size:1.12rem;}
	.m_sns {margin-top: 30px;}

	/* 메인 */
	.main_visual {height:720px;}
	.main_visual:after {display:none;}
	.rolling .text h2 {font-size:52px;}
	.rolling .text p {font-size:20px; margin-top:10px;}

	/*서브비주얼*/
	.sVisual {height:320px;}
	.side_txt {bottom:40px;}
	.side_txt h1 {font-size:64px; margin-top:10px;}
	.side_txt h1 br {display:none;}

	/*제품 상세*/
	#sit_ov {padding-top: 35px;}
	#sit_pvi {width: 56%;}
	.sanchor {margin: 50px 0 30px;}
	/*main*/
	#main_container section {padding: 100px 0 0;}
	.pro-detail-content p.pro-detail-con-img {padding: 100px 3%;word-break:keep-all;box-sizing:border-box;}
}

/* 강림 서지훈 모바일 기준 1000px */
/* Tablet Device */
@media all and (max-width:1000px){
	/*헤더 로고*/
	#logo {display: none;}
	#logo_mobile {display: inline-block;}
	#logo_mobile a {height: 50px;}

	/*메인*/
	.mVisual .scroll{display: none;}
	.main_txt_in h2{font-size: 55px;}
	.main_txt_in span{font-size: 25px;}
	
	.company_box  {margin:0 30px;}
	.company_box, .bg_section {height:360px;}
	.company_list li a h4 {font-size:26px;}
	
	.main_case .main_pic {margin-right:20px;}
	.main_case .main_pic a p {margin-top:10px;}
	
 	/*서브비주얼*/
	/*A/S메뉴명 크기 2025.06.11*/
	#sidebar .snb ul li a {font-size:19px;}	
	@media (max-width: 724px) {
		#sidebar .snb ul li a {
			font-size: 16px;
		}
	}
	@media (max-width: 610px) {
		#sidebar .snb ul li a {
			font-size: 15px;
		}
	}@media (max-width: 530px) {
		#sidebar .snb ul li a {
			font-size: 16px;
		}
	}
	.side_txt h1 {font-size:48px;}

	/* 모바일메뉴 */
	#container #content{width:100%;}
	#container #content .sConBox{padding:50px 10px 50px; max-width:768px}
	#container #content .sConBox .btnPrint{display:none}

	.cont_inquiry {height: 240px;}
	.cont_inquiry .online_inqu {right: 5%;}

    .sConBox {width:100%; margin-top:0px;}
	
    div#bo_list, section#bo_w, article#bo_v,  #smb_my, #sod_fin, #sod_v, #sod_frm, #sod_fin  {width: 96% !important;}
    div#bo_gall, div#sct, #sit  {width: 96% !important; margin:0 auto 0; padding:80px 0 90px;}
	div#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit{padding:80px 0 90px;}
	article#bo_v{margin:80px auto 90px;}

	/* 게시판 읽기 */
    #bo_v {padding:20px;}

    /* 게시판 검색 */
    #bo_sch .sch_input{width:60%}

    .sct_20 .sct_li {margin:0 3% 30px 0; width:48.5% !important;}
    .sct_20 .sct_li:nth-child(3n) {margin-right:3%;}
    .sct_20 .sct_li:nth-child(2n) {margin-right:0%;}

    /* 상품 상세보기 - 이미지 미리보기 */
    #sit_pvi {width:45%;}

    /* 상품 상세보기 - 간략정보 및 구매기능 */
    #sit_ov {width:50%;}
	.sanchor li button{font-size: 18px;padding: 18px 0;}
	#sit_title{font-size: 32px;padding-bottom: 30px;margin-bottom: 30px;}
	#sit_desc{font-size:18px;line-height: 28px;}

	#exptime {border-radius:0; border:0; padding:0; }
    #khoa {border-radius:0; border:0; padding:0; }

    #sitemap > li {width:32%;}

	/*견적보기*/
	#view_tb1 .title_table {width: 30%;}
	.tbl_head01 tbody th{padding:15px;}
	#view_tb1 .view_th1{padding:10px;width:150px;font-size: 18px;}
	#view_tb1 .view_td1{font-size: 18px;padding:10px;}

	/*공지사항 검색*/	
	#bo_sch{width: 100%;}
	
	/* 연혁 */
	.history_inner:before {display:none;}
	.history_inner > div {width:100%; margin-bottom:60px;}
	.year {font-size:26px;}

	/* products */
	.product_wrap {flex-wrap:wrap;}
	.product_text, .product_list01 {width:calc(96% / 2);}
	.product_list02 {width:100%; position:relative;}
	.product_list02 > ul {width:48%;}
	.product_list02 .down_btn {position:absolute; width:48%; right:1%; top:0;}
	.product_list02 .down_btn:last-child {top:80px;}

	/* as */
	.disconected {position:fixed; top:inherit !important; bottom:1%; font-size:14px;}
}



@media all and (max-width:950px){
/*갤러리게시판*/
	.sct_10 .sct_li{width:50% !important;}
	.products_txt {width:100%;}
	.products_txt h2 {margin-bottom:15px;}
	.products_wrap {width: 100%;float: right;clear: both;margin-top: 40px;}
	.slide_arr {clear:both;width:100%;display: block;position: relative;left: auto;bottom: auto;z-index: 10;text-align: center;height:65px;padding-top:30px;}
	.pro_slides a {text-align:center;}
	.pro_slides a > img {margin: 0 auto 20px auto;}
	.greetings_img {height: 319px;}
	.greetings p {font-size: 16px;}
	.contact_map iframe {height: 300px !important;}
	.product_inquiry {width: 100%;float: right;clear: both;margin-top: 30px;}

}



@media all and (max-width:800px){
	/*메인*/
	#mainSection02 .wrap {margin: 0;}
	.section02 {padding:30px 0 30px 0;}
	/* mainSection03 */
	#mainSection03:before {width:400px; height:800px;}
	.main_tit {font-size:42px;}
	.pro_box {margin-top:0px;}
	.pro_box > div {width:100%;}
	.pro_box .img {margin-bottom:40px;}
	.pro_box.right > .img {order:0;}
	.pro_box .txt h2 {font-size:48px; margin-bottom:30px;}

	/* main_con02 */
	.main_tit02 {font-size:42px; margin-bottom:30px;}
	#main_con02 .more_btn {position:inherit; top:30px; text-align:right;}
	
 	/*서브비주얼*/
	.sVisual {height:260px;}
	.side_txt h1 {font-size:34px;}
	
	/* #sidebar .snb ul li {width:calc(96% / 2);} */
	/* #sidebar .snb ul li a {margin:0 1% 10px;} */
	
	.factory_location > div img {width:200px;}
	.factory_size li {font-size:20px;}

	/*게시판 견적신청*/
	.bo_w_info select{height:45px;}
	.frm_input{height:45px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size:18px;}
	#bo_w .write_div {margin-bottom:15px;font-size:16px;}

	/*퀵메뉴*/
	.click_btn { bottom:60px; }
	.click_btn li.kakao{background:url('/img/main/click_kakao.jpg') center center no-repeat;background-size:cover;height:60px;}
	.click_btn li a{width: 60px;height: 60px;}

	/*견적보기*/
	#inquiry{width:97%;margin:0 auto;padding:80px 0;}
}



@media all and (max-width:720px){
	#main_container section {padding:70px 0 0;}
	.main_visual {height:580px;}
	.rolling .text h2 {font-size:32px;}
	.rolling .text p {font-size:18px;}
	.main_title {font-size:38px;}
	
	/* mainSection03 */
	#mainSection03:after {top:38%;}

	/* main_con02 */
	.pro_box .txt span {font-size:20px;}
	.pro_box .txt h2 {font-size:34px;}
	
	/* main_con03 */
	.exchange-con h4 {font-size:20px;}
	.global_wrap {padding:50px 0 0px}
	

	ifooter {padding:40px 0 60px}
	.info_wrap ul {width:90%;}
	footer .flex_wrap > div {width:100%;}
	footer .flex_wrap > div:nth-child(1) {order:2;}
	.ft_info {text-align:left; margin-bottom:20px}
}

@media all and (max-width:700px){
	/*메인*/
	.wrap {padding:0 2%;}
	/*2025.07.03 as kangrim 탭*/
	.wrap2 {padding:0 2%;}	

	#view_tb1 .view_tr1 {display: flex;flex-wrap: wrap;}
	#view_tb1 .view_th1{width:100%;background: #eee;}
	#view_tb1 .view_td1{width:100%;}
	.con_wrap {padding:50px 0;}
	#bo_list, div#bo_gall, section#bo_w, div#sct, div#sit {padding:50px 0;}
	
	.pro-detail-content p.pro-detail-con-img, .pro-detail-content p.pro-detail-con-img02 {padding: 69px 3%;word-break: keep-all;font-size: 23px;}
}


@media all and (max-width:650px){
	/* main_con01 */	
	.main_tit {font-size:34px;}

	/*게시판 견적신청*/
	.product_inquiry_wrap .write_div{width:100%;}
	#bo_w .write_div{margin-bottom:10px;}
	.bo_w_info select{padding: 0 10px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{padding: 10px;}
	.g-recapt{margin-top:35px;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{max-height:200px;}
	#bo_w .bo_w_flie .file_wr {height:45px;padding: 9px;}
	#bo_w .bo_w_flie .lb_icon{height: 43px;line-height: 43px;}

	/*제품상세*/
	#sit_pvi{width:100%;}
	#sit_ov{width:100%;min-height: 180px;}
	.sanchor li button{padding: 10px 0;}
	.sanchor{margin: 30px 0 15px;}

	#sit_title{padding-bottom: 15px; margin-bottom: 15px;}
	.greetings_img {height: 223px;}
	.pro-table table th, .pro-table table td {padding:10px;}
	.pro-table02 table th, .pro-table02 table td {padding:10px;}
}



@media all and (max-width:600px){
	/*게시판 공지사항*/
	#bo_v_title .bo_v_tit{font-size:22px;word-break:keep-all;margin:15px 0 0;line-height: 28px;}
	#bo_v_title {margin-bottom: 0;}
	#bo_v{padding: 15px;}
	#bo_v_con{min-height: 160px;}
	.bo_v_com {margin: 10px 0;}
	.bo_v_left{margin: 10px 0;}
	.bo_v_nb{margin:0;}
	#bo_sch{width: 100%;}
	#bo_sch .sch_input{width: 58%;padding-left:5px;}
	#bo_sch select {margin: 9px 0px 9px 5px;}
	.tbl_head01 td {padding: 25px 15px;}
	.bo_notice td a{font-size:14px;}
	#bo_list .td_datetime{display:none;}
	.tbl_head01 thead th{padding:12px 0;}
	.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{font-size: 15px;line-height:24px;}

	/*갤러리게시판*/
	.sct_10 .sct_li{width:100% !important;}

	/*서브비주얼*/
	.sVisual {height:220px;}
	.factory_location > div img {width:160px;}
	.factory_size {text-align:center;}
	.factory_size li {font-size:18px;}


	/*서브-오시는 길*/
	.address h2 {font-size:35px;}
	.address h3 a {display:none;}
	.address p{font-size:20px;}

	/* 서포트 */
	#sidebar.supports_nav {display:block;}
	.supports_tab {display:flex;}

	/*개인정보처리방침*/
	.sConBox h2{font-size:22px;margin-bottom:15px;}
	.privateD{padding: 25px;}

}



/* Mobile Device */
@media all and (max-width:560px){
/*메인*/
#product_slide .swiper-slide {width:96%;}
#product_slide .pro_txt .pro_title {font-size:28px;}
#product_slide .swiper-slide.swiper-slide-active .pro_txt {padding-top:45%;}
#product_slide .pro_txt a {width:20px; height:10px;}
#product_slide .pro_txt a span {width:30px; height:30px;}
#product_slide .pro_txt p {display:none;}

}



@media all and (max-width:500px){

	/*견적보기*/
	#inquiry{width:97%;margin:0 auto;padding:60px 0;}
}

/* 강림 서지훈 모바일 가로 기준 1024px */
@media all and (max-width:1024px) and (min-width: 481px) {
	/* factory tours */
	.factory_slide .slick-slide {background-color: #000;}
	.factory_slide .slick-slide img {width:100%; height: 100vh;}
	.factory_slide .slick-dots {bottom: 25px;}
	.factory_slide .slick-dots li {font-size: 22px;}
	

	.factory_arrow_box {position: absolute; z-index: 999; display: flex; width: 100%; justify-content: space-between; align-items: center; top: 45vh;}
	#factory_prev {left:0;background:url(/img/sub/Arrow_back_color.png) center no-repeat; background-size:cover !important; cursor: pointer; width: 50px; height: 50px;}
	#factory_prev:hover {left:0;background:url(/img/sub/Arrow_back_grey.png) center no-repeat; background-size:cover !important; cursor: pointer;}
	#factory_next {right:0;background:url(/img/sub/Arrow_forward_color.png) center no-repeat; background-size:cover !important; cursor: pointer; width: 50px; height: 50px;}
	#factory_next:hover {right:0;background:url(/img/sub/Arrow_forward_grey.png) center no-repeat; background-size:cover !important; cursor: pointer;}

	#sidebar.factory_nav .snb {display: flex; justify-content: center;}
	#sidebar.factory_nav .snb ul {width: 100%;}
	#sidebar.factory_nav .snb ul li {width: calc(82% / 4); display:flex; align-items: center; }
	#sidebar.factory_nav .snb ul li a {font-size: 14px; display:flex; align-items: center; justify-content: center;}
	
	/* certification */
	.certi-results {margin-top:60px;}
	
}


@media all and (max-width:1024px) {

	#hd_wrapper {top: 0px !important;}

	/* 20240207 추가 */
	
	/* certification */
	.main_certification { width:100%; float:inherit; padding:0 1.5%;}
	.certi-results {width:100%; float:inherit;}
	.main_certification span {margin-top:-37px;}

	/* awards */
	.awards_inner:before {display:none;}
	.awards_inner > div {width:100%;}
	.awards_inner > div:last-child {margin-top:70px;}

	.table_wrap02 {overflow-y:scroll;}
	.table_wrap02 table {width:740px;}

	.as_list_inner {height:auto !important;}

}


/* 강림 서지훈 모바일 기준 480px */
/* Mobile Device */
@media all and (max-width:480px){
	/* body */
	/* #container {padding-top: 70px;} */
	
	.play-video {display: none !important;}
	
	/* 메인 */
	.main_visual {height:460px;}
	.rolling .text {top:80%;}
	.rolling li.swiper-slide-active .text {opacity: 1; transition: all .7s linear .2s;}
	.rolling .text p {font-size:16px;}
	.rolling .text h2 {font-size:28px;}
	.swiper-pagination {top:90%;}

	/* 메인 video */
	.video-lang ul li {display: inline-block; font-size: 16px; width:calc(96% / 5); border: 1px solid black; margin: 5px 0; padding: 5px 0; text-align: center; cursor: pointer; color: #fff;}
	
	/* header */
	/*#hd_wrapper {top: 0px !important;}*/
	.none_sv {padding-top: 0px; height: 70px;}
	/* a/s 2025.07.30 모바일에서 스크롤 내릴때 메뉴바 고정되는 문제로 추가 JSH*/
	.none_sv02 {position:relative !important; padding-top:0px}
	.history_wrap .none_sv, .organ_wrap .none_sv, .marine_wrap .none_sv, .insulation_wrap .none_sv, .contact_wrap .none_sv, .recruit_wrap .none_sv, .certification_wrap .none_sv, .awards_wrap .none_sv, .esg_wrap .none_sv, .aboutUs_wrap .none_sv {position:relative !important; padding-top:120px;}
	.history_wrap #sidebar .snb ul li, .organ_wrap #sidebar .snb ul li, .marine_wrap #sidebar .snb ul li, .insulation_wrap #sidebar .snb ul li, .contact_wrap #sidebar .snb ul li, .recruit_wrap #sidebar .snb ul li{width:calc(74% / 2);} .certification_wrap #sidebar .snb ul li, .awards_wrap #sidebar .snb ul li, .esg_wrap #sidebar .snb ul li, .aboutUs_wrap #sidebar .snb ul li {width:calc(74% / 2);}
	.esg_wrap #sidebar {display:flex; flex-wrap: wrap; justify-content: center; overflow:hidden; text-align:center; max-width:1600px; width: 100%;margin: 0 auto; box-sizing: border-box;}
	
	.pro_tablet {display:none;}
	.pro_mob {display:block;}

	/* side bar */
	#sidebar .snb {width: 100%; text-align: -webkit-center;}
	#sidebar .snb ul {width: 100%;}

	/* main_con01 */	
	.main_tit {font-size:26px;}
	.pro_box {margin-top:0px;}
	.pro_box .img {margin-bottom:25px;}
	.pro_box .txt .title {padding-left: 10px;}
	.pro_box .txt h2 {font-size:20px; margin-bottom: 15px;}
	.pro_box .txt span {font-size:20px;}
	.pro_box .txt ul {margin: 0 0 5px 0; font-size: 16px; font-weight: 300; color:#fff;}
	.pro_box .txt p {font-size:16px; margin-bottom:30px;}
	.pro_box .txt .pro_more {padding:10px 10px;}
	
	/* main_con02 */
	.main_tit02 {font-size:32px; margin-bottom:20px;}
	
	.ft_logo {display:none;}
	.ft_info {margin-bottom:0;}
	.ft_menu ul li {margin-right:30px; line-height:1.5;}
	.info_wrap ul {width:100%;}
	.info_wrap ul li {margin-bottom:10px;}

	#bo_list .tbl_head01 a {font-size:16px;}

	/* company category */
	.history_inner > div > h4 {font-size: 22px; margin-bottom: 15px; margin-top: 15px;}
	.history_inner_list {margin: 10px 0 0 0;}
	.history_item {margin-top: 20px;}
	.history_inner_item {margin-top: 10px;}
	.history_inner_item .text-medium {font-size: 18px; margin-left: 10px;}
	.year {font-size: 20px;}
	.month {font-size: 18px;}
	
	/* product category */
	.product_wrap {display:block; }
	.product_list01 {width: 100%;}
	.product_list01 h4 {padding-top: 20px;}
	.product_list01 ul {list-style-type: disc;}
	.product_list01 .down_btn {margin-top: 10px;}
	.product_list02 {width: 100%; margin-bottom: 5rem;}
	.product_list02 h4 {padding-top: 20px;}
	.product_list02 .down_btn {top:inherit !important; bottom:30px; position:fixed; width:auto; padding:5px; font-size:16px; line-height:1.4;}
	.product_list02 .down_btn:last-child {width:50%; margin-right: 1rem; padding: 0.5rem 0;}
	.product .down_btn span {width:24px; height:24px; vertical-align:bottom;}
	.product .close_btn span {background: url(/img/sub/close_btn.png) center no-repeat; width: 36px; height: 36px; background-size: 100%;}

	.mob_product_name {display: flex; justify-content: space-between; align-items: center; width: 100%;}
	.mob_product_name img {width: 37px; height: 37px; margin: 0;}

	/* product category img popup */
	.product_img_popup {width: 100%; height:100vh; position: fixed; top:70px; background-color: rgb(119, 119, 119); overflow:hidden;}
	.product_img_box {width:100%; position: fixed; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 3vh;}
	.product_img_box .down_btn {margin-top: 10px;}
	.product_img_box .down_btn {border-radius: 20px; width: 330px; margin-top: 15px;}
	.product_selected_img {width: auto; height:60vh; object-fit: contain;}

	/* product mobile page */
	.mob_product {display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
	.mob_product .down_btn {margin-top: 10px; border-radius: 20px; width: 330px; margin-top: 15px;}
	.mob_product .close_btn {width: 36px; height: 36px; display: flex; justify-content: center; align-items: center; position: absolute; top: 8%; right: 5%;}
	
	/* history */
	.link {display: flex; padding: 0 1em; justify-content: space-between; width: 100%;}
	.link_box {width: 50%; padding: 0.2rem; text-align: center; font-size: 1rem; background-color: #989db4; color: white; border: 1px solid #fff; cursor: pointer;}
	.link_box_selected {width: 50%; padding: 0.2rem; text-align: center; font-size: 1rem; background-color: #102a83; color: white; border: 1px solid #fff; cursor: pointer;}

	/* supply category */
	#arrow_prev {top: auto;}
	#arrow_next {top: auto;}
	.results {padding-top: 0px;}
	.results > div {display:inherit !important;}
	.results h2 {color: #102a83; font-size: 22px; font-weight: bold;}
	.results span {font-size: 16px;}
	.table_wrap > table {font-size: 18px;}
	/*2025.06.12 추가 supplyRecord모바일 일때 짤림 방지*/
	@media screen and (max-width: 400px) {
		.table_wrap > table {
			font-size: 15px;
		}
	}
	@media screen and (max-width: 340px) {
		.table_wrap > table {
			font-size: 14px;
		}
	}
	/* .table_wrap > table th {padding: 0;} */
	.table_wrap > table td {word-break: auto-phrase;}
	.main_customer span {width:30px; height:30px; margin-top:-30px;}	
	.mob_customer_slick {margin-bottom: 0px; margin-top: 5%;}
	.mob_customer_slick h2 {font-size:20px; margin-bottom:10px;}
	.mob_customer_slick > span {width: 50px; margin-top: 0; display: inline-block; position: relative;}
	.mob_customer_slick .slick-dots {bottom: 5px;}
	.mob_customer_slick .slick-dots {position: relative;bottom: auto;text-align: center;padding-top: 10px;}
	.mob_customer_slick .slick-dots li {font-size: 20px; color: #000; letter-spacing: 0; margin-bottom: 15px;}

	#supplySection02 {margin-top:40px;}

	/* support category */
	.none_sv02 {padding-top:90px;}
	#sidebar.supports_nav .snb {display: flex;}
	#sidebar.supports_nav .snb ul {width: 100%;}
	#sidebar.supports_nav .snb ul li {width: calc(92% / 4);}
	.flex_container {display: grid; grid-template-columns: 30% 70%;}
	/*2025.07.03 as kangrim 탭*/
	.flex_container2 {display: grid; grid-template-columns: 30% 70%;}
	.as_list_name_div {width: 100%;}
	.as_list_name {font-size: 16px;}
	.as_list_text_div {width: 100%;}
	.as_list_text_div ul li {font-size: 16px;}

	.as_list_text_div_pop {width: 100%;}
	.as_list_text_div_pop ul li {font-size: 50px;}

	.disconected {position: relative; text-align: center; font-size: 20px; font-weight: 500; line-height: 1.2; width: 92%; border-radius: 10px; background-color: #0949a1; color: #fff; word-break: auto-phrase; margin: 10px 0; margin-left: 6%;}
	.disc_popup {width: 100%; height: 100%; position: absolute; top: 0px; background-color: rgba(119, 119, 119); display: none; z-index: 1;}
	.disc_popup_box {width: 100%; position: absolute; top: 0px; display: flex; align-items: center; justify-content: center;}
	.disc_text_box {position: fixed; display: flex; justify-content: center;}
	.disc_text {font-size: 18px; font-weight: 500; line-height: 1.3; background-color: #ededed; border-radius: 10px; padding: 10px 15px 10px 15px;}

	/*#supportsSection01 {padding-top:50px;}*/
	#supportsSection01 {padding-top:18%;}
	@media (max-width: 400px) {
		body.supports-page #supportsSection01 {
			padding-top: 0%;
		}
		body.supports-page2 #supportsSection01 {
			padding-top: 10%;
		}
	}
	.as_list h2 {font-size:20px;}
	#supportsSection01 .map_area {display:none;}

	/* esg category */
	.esg_inner {position:relative;}
	.esg_inner:before {content:''; width:0px; height:100%; background:#f3f3f3; position:absolute; top:0; left:0; right:0; margin:auto;}
	.esg_con { width: 100%;}
	.esg_con h4 {margin-top: 20px; margin-bottom:10px; font-size:28px; font-weight:bold; color:#102a83;}
	.esg_con > div {padding-top: 10px; padding-bottom: 30px;}
	.esg_con .div_text {font-size: 20px;}

	/* certification category */
	.main_certification {padding-top: 3vh; padding-bottom: 3vh;}
	.certi-results {padding-bottom: 20px;}
	.certi-results li {font-size: 18px;}
	.certifi_slick .slick-dots li {font-size: 24px;}

	/* awards category */
	.awards_con {margin-bottom: 30px;}
	.awards_inner > div:last-child { margin-top: 0;}
	.awards_inner > div > h4 {font-size: 22px; margin: 0; padding-top: 5%;}
	.awards .awards_inner h2 {font-size: 22px; margin: 20px 0 0 0;}
	.patent {font-size: 20px; margin: 0;}
	.awards_list {padding-top: 10px;}
	.awards_list::before {left: 67px; top: 10px;}
	.awards_inner_list {margin: 0 0 0 20px;}
	.year {width: 15%; padding-top: 3px;}
	.awards_item {margin-top: 20px;}

	/* contact category */
	.contact_con h4 {font-size: 22px; margin: 0 0 10px 0; padding-top: 5%;}
	.contact_con table td:before {font-size: 16px; width: 25%;}
	.contact_con table td {font-size: 16px;}

	/* recruit category */
	.recruit_con h4 {margin: 10px 0; font-size: 28px;}
	.recruit_con > div {padding: 0 0 10px 0;}
	.recruit_text {font-size: 20px; word-break: keep-all;}
	.recruit_inner { padding-bottom: 20px; padding-top: 0px;}
	.recruit_info {/* padding-top: 20px; */}
	.recruit_info h4 {margin: 10px 0; font-size: 28px;}
	.recruit_info_wrap {flex-direction: column; padding-bottom: 30px;}
	.recruit_info_text {width: 100%;}
	.recruit_info_btn {width: 100%; display: flex; justify-content: center;}

	/* sub menu */
	#mini_menu_container {display: flex; flex-direction: column; justify-content: center; padding-top: 10vh;}

	/* factory tour */
	#sidebar.factory_nav .snb {display: flex;}
	#sidebar.factory_nav .snb ul {width: 100%;}
	#sidebar.factory_nav .snb ul li {width: calc(92% / 4);}
	.factory_slide {margin-bottom: 0px;}
	.factory_slide > span {width: 50px; margin-top: 0; display: inline-block; position: relative;}
	.factory_slide .slick-dots {bottom: 5px;}
	.factory_slide .slick-dots {position: relative;bottom: auto;text-align: center;padding-top: 10px;}
	.factory_slide .slick-dots li {font-size: 24px; color: #000; letter-spacing: 0; margin-bottom: 15px; text-shadow: 0px 0px 0px black;}

	.factory_arrow_box {position: absolute; top: 83%; z-index: 999; display: flex; width: 100%; justify-content: space-around;}
	#factory_prev {left:0;background:url(/img/sub/Arrow_back_color.png) center no-repeat; background-size:cover !important; cursor: pointer; width: 50px; height: 50px;}
	#factory_prev:hover {left:0;background:url(/img/sub/Arrow_back_grey.png) center no-repeat; background-size:cover !important; cursor: pointer;}
	#factory_next {right:0;background:url(/img/sub/Arrow_forward_color.png) center no-repeat; background-size:cover !important; cursor: pointer; width: 50px; height: 50px;}
	#factory_next:hover {right:0;background:url(/img/sub/Arrow_forward_grey.png) center no-repeat; background-size:cover !important; cursor: pointer;}	

	.factory_text_box {position:absolute; display: flex; justify-content: center; font-size: 18px; margin-top: 3vh; flex-direction: column; align-items: center; width: 100%;}

	/* video */
	#sidebar.video_nav .snb {display: flex;}
	#sidebar.video_nav .snb ul {width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); justify-content: normal; padding: 0 2%;}
	#sidebar.video_nav .snb ul li {width: 100%;}
	
	/* .slick-slide img {margin:0 auto;} */


	.contact_con {margin-bottom:40px;}


}

/*2025.07.03 as kangrim 탭*/
.ellipsis-li > span {
	display: block;       /* 블록으로 해서 너비 채우기 */
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
  }
  .ellipsis-li {
	position: relative;
  }
  
  .ellipsis-text {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	cursor: default; /* 기본값은 클릭 안 되게 */
	color: #000;
	text-decoration: none;
  }
  @media (min-width: 1800px) {
	.ellipsis-text {
	  max-width: 90vw; /* 화면 너비의 90%로 제한 */
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
  }
  .ellipsis-text.ellipsed {
	text-decoration: underline;
	text-decoration-color: rgba(0, 0, 0, 0.6); /* 검정색 30% 투명 */
}
  .tooltip-box {
	position: absolute;
	top: 100%;
	left: 0;
	background: #333;
	color: #fff;
	padding: 6px 10px;
	border-radius: 6px;
	font-size: 14px;
	white-space: normal;
	z-index: 10;
	display: none;
	max-width: 300px;
  }

@media all and (max-width:452px){
	.bo_v_com{float: left;margin: 3px 0 10px;}
	.bo_v_com li{margin-left: 0;margin-right: 5px;}
	.bo_v_left{margin: 3px 0;}
	.greetings_img {height: 159px;}
	.greetings_img h2 {font-size: 29px;}
	#yakkwan h2 {font-size: 25px;}
	.yakwan_top {padding: 22px;}
	.yakwan_con h3 {margin: 25px 0 11px 0;font-size: 20px;}
	.yakwan_con p {padding: 0 0 0 16px;}

}



@media all and (max-width:400px){
/*메인*/

/*모바일메뉴*/
.m_tnb{text-align: left;}
#total_m_lay{padding: 0 5.5%;}
.btnMenuClose{background:none; margin-top: 7.5%; margin-right: 2.5%;}
.btnMenuClose:before, .btnMenuClose:after{background-color:#000;}

 /*서브-인사말*/
  .greetings  h3 {font-size: 24px;line-height: 38px;}
  .greetings p {font-size: 15px;}
/*서브-오시는 길*/
.address h2{font-size:28px;padding:20px 0;margin-bottom:35px;}

.address p {font-size:16px;}
.address p img{width:20px;}
.address b {padding-left:10px;}
#map_wrap .map{height: 300px !important;}

/*로그인페이지*/
.mbskin{width:94%;}
.mbskin h1{margin: 40px 0 30px;}
#login_fs{padding: 0 45px;}
#mb_login {padding: 80px 0;}

/*게시판 공지사항*/
.bo_w_info select{ font-size: 16px;}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { font-size: 16px;}

/*갤러리게시판*/
.sct_10 .sct_img > a{height:240px;}

/*팝업창 모바일*/
.hd_pops_con{width:100% !important;height:100% !important;}
.hd_pops{top: 10px !important;left: 0 !important;}

/*공지사항 검색*/	
#bo_sch select{width: 90px;}
#bo_sch .sch_input {width: 50%;}
.nb_date{display:none;}
.bo_v_nb li{padding: 15px;}
.bo_v_nb li .nb_tit{padding-bottom:5px;}

#ft .privacy li{padding-top: 3px;}
.display_none{display:none;}
}



@media all and (max-width:370px){

/* .tabs li {width:50%;letter-spacing: -1px;}	 */
.sct_10 .sct_li {width:100% !important;}

/* 서브비주얼 */
.factory_size {bottom:15px;}

 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:230px;}
}


@media all and (max-width:356px){
 /*갤러리게시판*/
	.sct_10 .sct_img > a{height:210px;}

}


@media all and (max-width:325px){
 .factory_location > div img {width:155px;}
}