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

#main_con01 li a {padding: 120px;}
}

@media all and (max-width:1400px){
    #main_con01 li a {padding: 84px;}
	.con02 .prodcut_con_box aside a p {font-size:25px;}
	#submenu .wrap {padding:0;}
}

@media all and (max-width:1480px){
#aro_prev {left:0;}
#aro_next {right:0;}
}
@media all and (max-width:1400px){
/* .wrap, .con_wrap {width:100%; min-width:320px;padding:0 3%; box-sizing:border-box; margin:0 auto;} */
.main_visual .swiper-pagination-fraction, .main_visual .swiper-pagination-custom, .main_visual .swiper-container-horizontal > .swiper-pagination-bullets {padding:0 3%;}
/* #submenu {margin-top: 0;} */
/* .sVisual .sub_maintxt {left:3%} */
#container #content {clear:both;}
#submenu:after {display:none;}
.company_02 img {width: 43%;}
.company_com table th, .company_com table td {padding: 20px;}
.company_com {float: right;width: calc(100% - 47%);}
}

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

#main_con01 li a{padding: 64px;}
#main_con01 li a h2 {font-size: 38px;}
#main_con01 li a p {font-size: 18px;}
}

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


.main_business {display:none;}
.main_visual .swiper-pagination-fraction, .main_visual .swiper-pagination-custom, .main_visual .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 3%;text-align:right;}


}

@media all and (max-width:1090px){
#main_con01 li {width:100%;overflow:hidden;}
#main_con02, #main_con03 {padding: 80px 0;}
#main_con02 h2, #main_con03 h2 {font-size: 40px;}
#main_con03 .wrap > div > p {font-size: 18px;}
.main_notice h2 a {;font-size: 13px;padding: 7px 18px;}
}


@media all and (max-width:1080px){
/* #gnb {display:none;}
#hd {height: 80px;}
#logo a img {height: 50px;}
#top_menu li {height: 80px;width: 80px;} */
}




@media all and (max-width:1050px){
  /*서브-오시는 길*/
.address ul{display:block;margin-top:15px;}
.address ul li{display:block;float:none;padding:15px 0;}
.address h2 {font-size:40px;}
.address h3 a {font-size:20px;width:230px;}
/* .sVisual .sub_maintxt h2 {font-size: 35px;} */
.sVisual .sub_maintxt p {font-size: 19px;margin-bottom: 5px;}
}


 /* Tablet Device */
@media all and (max-width:1000px){
.main_visual {height: auto;aspect-ratio: 1 / 0.8;}
.rolling .text h2 {font-size: 63px;}
.rolling .text p {font-size: 28px;}
.main_notice {width:100%;}
.inqury_form {width:100%;clear:both;margin-top:30px;}
#ft .ft_logo{display:none;}
#ft .ft_tex{width:100%;}
#ft .ft_tex{word-break:keep-all;}
#ft .ft_tex p{text-align:left;}
#ft .privacy{display: inline-block;}
#ft .ft_menu {display:none;}
#container #content .sConBox .btnPrint{display:none}


#business_con h3, #comapny_introduce h3 {font-size: 35px;word-break:keep-all;}
.biz02, .biz03, .company_02, .company_03 {margin-top: 50px;}
.company_01 p {font-size: 18px;}
.company_com table th, .company_com table td {font-size: 18px;}
.biz03 li h4, .biz02 li h4, .product_con > li > h4 {font-size: 20px;}
.biz03 li p, .biz02 li p, .product_con > li > ul > li {font-size: 18px;}
.biz02 ul {position: sticky;overflow: hidden;clear: both;width: 100%;margin: auto 0 auto;padding: 30px;background: #042783;z-index: 100;}



.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;}
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%;}
}


@media all and (max-width:950px){
/*갤러리게시판*/
	.sct_10 .sct_li{width:50% !important; }
.sct_10 .sct_li:nth-child(4n+1){clear:none;}
.sct_10 .sct_li:nth-child(5){clear:none;}

.sct_10 .sct_li:nth-child(2n+1){clear:both;}

.sct_txt a {font-size: 16px; min-height:50px;}
}





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

	.main_tittle_nowrap{white-space:nowrap;}
}
@media all and (max-width:800px){


#sidebar .home {display:none;}
#sidebar .snb {width: 50%; height: 100%;}

/*게시판 견적신청*/
	.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:780px){
.rolling .text h2 {font-size: 49px;}
}



@media all and (max-width:768px){
	.sVisual{aspect-ratio:5/2}
}

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

/* #hd {height: 70px;} */
/* #logo a img {height: 40px;} */
#top_menu li {height: 70px;width: 70px;}
 /*서브비주얼*/

 /*서브-인사말*/
	 .greetings  h3 br.none{display:none;}
	 .greetings  h3 {font-size: 26px;line-height: 40px;}

  /*서브-컬러차트*/
	.colorchart h2 {font-size: 32px;margin-bottom: 40px;}

	#view_tb1 .view_tr1 {display: flex;flex-wrap: wrap;}
	#view_tb1 .view_th1{width:100%;background: #eee;}
	#view_tb1 .view_td1{width:100%;}

#business_con h3, #comapny_introduce h3 {font-size: 25px;}
.biz02, .biz03, .company_02, .company_03 {margin-top: 50px;}
.company_01 p {font-size: 15px;}
.company_com table th, .company_com table td {font-size: 15px;padding:10px;}
.product_con > li > h4 {font-size: 18px;}
.product_con > li > ul > li {font-size: 15px;}
.company_02 img {width: 100%;}
.company_com {float: right;width: 100%;margin-top:30px;}
.product_con > li {width: 100%;}
.product_con > li:nth-child(2), .product_con > li:nth-child(3), .product_con > li:nth-child(4) {margin-top: 20px;}
.biz02 li {width:100%;border-left:none;padding:20px;}
.biz02 ul {padding:0;}
.biz03 li {width:100%;margin-top: 20px;padding: 30px;}
.biz03 li h4 {font-size: 18px;margin-bottom:30px;}


}

@media all and (max-width:650px){
#sidebar > div li a {/* padding: 0 20px; */min-width: 90px;}
/*메인페이지*/
.rolling .text h2 {font-size: 37px;}
div#bo_gall, div#sct, #sit{padding-top:0; padding-bottom: 0;}
/*게시판 견적신청*/
.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_inf{margin: 30px 0;}
#sit_title{padding-bottom: 15px; margin-bottom: 15px;}

}

@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;}
#bo_w .product_inquiry_wrap .write_div{width: 100%; clear: both; margin-right: 0;}

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



 /*서브비주얼*/
	.sVisual > div p{font-size: 32px;}



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

/*개인정보처리방침*/
.sConBox h2{font-size:22px;margin-bottom:15px;}
.privateD{padding: 25px;}
#sit_inf_explan iframe {width:100% !important; height:100% !important;}

}


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


  /*제품 상세*/
  #sit_ov {padding-top: 35px;/* 240521 displaynone  추가 */display:none;}
	/*#sit_pvi {width: 56%;}*/
	.sanchor {margin: 50px 0 30px; display:none;}

	/*etc*/
	.sConBox{width: 100%; padding: 50px 10px 50px; max-width: 1200px;}
	#inquiry{width: 100%; padding: 30px 1%;}

.sct_txt a {font-size: 18px;}
}


 /* Mobile Device */
@media all and (max-width:550px){
	/*회원가입*/
#fregister section{margin-bottom: 65px;}
#fregister .fregister_agree{top: inherit !important; padding: 10px !important;}
}

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


	/*푸터*/
	#ft .ft_tex .ft_text02 p:last-child{margin-left: 0;}
}



@media all and (max-width:500px){
#aro_prev, #aro_next {display:none;}
.mscroll_icon {display: inline-block;width: 26px;}
.main_scroll {bottom: 2%;}
.main_scroll span {font-size: 13px;}
#main_con02, #main_con03 {padding: 50px 0;}
#main_con01 li a {padding: 46px;}
#main_con01 li a h2 {font-size: 30px;}
#main_con01 li a p {font-size: 16px;}
#main_con01 li a span {font-size: 11px;}
.rolling .text p {font-size: 15px;margin-bottom:5px;}
.rolling .text h2 {font-size: 32px;}
#main_con02 h2, #main_con03 h2 {font-size: 30px;}
#main_con03 .wrap > div > p {font-size: 16px;}
.pro_slick .slick-slide a p {font-size: 16px;}
#main_con02 h2 {margin-bottom:30px;}
/*견적보기*/
#inquiry{width:97%;margin:0 auto;padding:60px 0;}
#logo{top:11px}
/* #logo a img{height:45px;width:auto;} */
#total_m_lay {width: 86%;}
.sVisual .sub_maintxt h2 {font-size: 25px;}
.sVisual .sub_maintxt p {font-size: 15px;}
/* #submenu .wrap, #submenu, #sidebar {height: 55px;} */
/* #sidebar .snb .snb_con {top: 65px;} */

#sidebar .snb > .over span {line-height: 55px;}
/* #sidebar .snb > .over {height: 55px;} */
.con_wrap h2, #sct h2, .product_inquiry .product_inquiry_wrap h2 {font-size: 28px;}
/* #container #content {padding:50px 0;} */
#ft {padding:30px 0;}
}



 /* Mobile Device */
@media all and (max-width:480px){

.rolling .text h2 {font-size: 26px;}
#main_con01 li a h2 {font-size: 25px;}
#main_con01 li a p {font-size: 15px;margin-bottom:30px;}

#main_con02 h2, #main_con03 h2 {font-size: 25px;}
.main_notice h2 a {font-size: 11px;margin-top:0;}
#main_con01 li a {padding: 30px;}
.address p {font-size:18px;}
.address ul li{padding: 12px 0;}
.address ul{margin-top: 12px;}
.sVisual > div p{font-size:25px}
.sVisual {aspect-ratio: 1 / 0.6;}
}



@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;}

}

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


	#ft .ft_tex{font-size: 12px; }
	#ft .ft_tex .ft_text{line-height: 16px;}
	#ft .ft_tex a{font-size: 12px;}
	#ft .ft_right ul.count{margin-bottom: 0;}
	#ft .ft_right ul.count li{font-size: 12px;}
	#ft .ft_right p{font-size: 12px;}
}

@media all and (max-width:768px){
	.m_tnb a img{width:100%;}
}
@media all and (max-width:400px){

	/*모바일메뉴*/
	.m_tnb{text-align: left;}
	#total_m_lay{padding: 0 5.5%;}
	.btnMenuClose{background:none;top:0px;right:0px;}
	.btnMenuClose:before, .btnMenuClose:after{background-color:#000;}
	.m_tnb{padding-bottom:20px;}
	.total_m > ul > li{font-size:16px !important;}


	/*서브-오시는 길*/
	.address h2{font-size:28px;padding:20px 0;margin-bottom:35px;}
	.address h2 span {padding:15px 0;}
	.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){


	 .sct_10 .sct_li {width:100% !important;}

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


@media all and (max-width:356px){
/*서브-오시는 길*/
.address p img{display:none;}
.address b{padding-left:0;}

}



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

}



@media screen and (max-width:800px){
.popup_img_box{width:60%;}
}

@media screen and (max-width:750px){

.sub0104_wrap ul{gap:50px;}
.sub0104_wrap ul li {width:100%;}
.sub0104_wrap ul li img{width:calc((100% - 20px) / 2);}
.sub0104_wrap ul li .resp_align{width:calc((100% - 20px) / 2);}
.sub0104_wrap ul li{display:flex; gap:20px;}
}


@media screen and (max-width:700px){
    .iso_tap > li {width:calc(100% - 200px);}
    .popup_img_box{width:70%;}
    .tap_menu{font-size:26px;}
	.sub0104_wrap dt {font-size:20px !important;}
}
@media screen and (max-width:1100px)
{
    .tap_menu {font-size:25px;}
}
@media screen and (max-width: 900px) {
  .tap_menu {font-size:20px;}
}
@media screen and (max-width:530px){
    .iso_tap > li {width:calc(100% - 150px);}
    .tap_menu > li {padding: 20px 30px;}
}
.resp_450{display:none;}
@media screen and (max-width:450px){

.resp_450{display:block;}


}
@media screen and (max-width:340px){
    .iso_tap > li {width:calc(100% - 100px);}
    .tap_menu > li {padding: 10px 20px;}
}


/*제품소개 반응형 */
/*
@media (max-width : 1150px)
{
	.product_top > ul > li{width:calc(100% / 2);}
}

*/
@media (max-width : 900px)
{

.product_top_column img{width:calc(100% / 3);}
}


@media (max-width : 770px)
{

	.product_top{flex-direction:column;}
	.product_top > div{width:100%;}
	.product_top > ul{width:100% !important;}
	.product_top > ul > li{width:calc(100% / 2); text-align:center;}
}
@media (max-width : 660px)
{
	.product_top > ul > li{width:calc(100% / 2);}

}
@media (max-width : 550px)
{
.product_top_column_2 img{width:calc(100% / 2);}

}
@media (max-width : 425px)
{
    .product_top > ul > li{font-size:18px;}

}
.resp_400{display:none;}
@media (max-width : 400px)
{
.resp_400{display:block;}

}
/*제품소개 반응형 */


/*오시는길 반응형 */
@media screen and (max-width:1200px) {
    .map_info dl{width: 100%;}
	.map_info dl{width:100%;border-bottom:1px dotted #555;padding-bottom:20px;}
}

@media screen and (max-width:1100px)
{
	.map_info dl{flex-direction:column; gap:10px;}
	.map_info dl dt{margin:0 auto;}
	.map_info dl dd{text-align:center; margin:0 auto;}
}
@media screen and (max-width:600px){

    .map_info dl {display: flex; flex-direction: column; gap:10px; align-items: flex-start;}
}
@media screen and (max-width:425px){
	.wrap_map{height:300px !important;}
}


/*대경선박 - 연혁 반응형*/
@media screen and (max-width:768px){
/* .history_flag{padding: 30px;} */
.history_flag p{font-size: 22px;}
.history_flag p strong{font-size: 25px;}
.history_con ul{float: none; width: calc(100% - 30px); margin-left: 28px; padding: 60px 0 60px 30px;}
.year{margin: 30px 0 15px; font-size: 20px;}
.year:before{left: -42px;}
.year:after{left: -35px;}
.his_con p{width: calc(100% - 70px); font-size: 15px;}
.sub01_02 .his_con p {margin-left :0;}
.his_con span{width: 70px; font-size: 15px;}
}

/*취급품목 및 제조품목*/
@media screen and (max-width:1300px){
.jejo_con ul li:nth-child(2){width: 100%;}
}

@media screen and (max-width:768px){
.product_con .product_con_inner{flex-wrap: wrap; gap: 20px;}
.left_wrap{width: 100%; height: 200px; border-radius: 0 30px 0 30px;}
.item_info{width: 100%;}
.left_wrap p{font-size: 22px;}
.left_wrap a img{width: 40px; height: 40px;}
.jejo_con ul li:nth-child(1), .jejo_con ul li:nth-child(1) img{width: 100%;}
.company_com.jejo_con table th{width: 20%;}

.jejo_con02 li {width:calc((100% - 10px) / 2); margin-top:20px;}
}

/* NEW 반응형 20250819 */
@media all and (max-width: 1700px) {
/* .floatSide.sideBtn {top: 45%; left: 0;} */
}

@media all and (max-width: 1600px) {
.floatSide {display: none;}
}

@media all and (max-width: 1440px) {
.mainSwiper .swiper-button-next {right: 30px;}
.mainSwiper .swiper-button-prev {left: 30px;}
}

@media all and (max-width: 1300px) {
/* #hd #logo {width: 200px;} */
}

@media all and (max-width: 1200px) {
.sec001 > div.left a img {height: 100%; object-fit: contain;}
.sec001 {width: calc(100% - 80px); flex-wrap: wrap; gap: 40px; justify-content: unset;}
.sec001 > div.center {width: 100%;}
.sec001 > div.left.pc {display: none;}
.sec001 > div.left.mob {width: calc(100%/2 - 20px); display: flex; max-width: unset;}
.sec001 > div.right {width: calc(100%/2 - 20px); max-width: unset;}
}

@media all and (max-width: 1024px) {
#hd #logo {width: 120px;}
.sub01_06 .con_wrap .wid70 {width: 100%;}

.sVisual.visual01 {position: relative;}
.sVisual.visual01:before {content: ''; position: absolute; top:0; left:0; width: 100%; height: 100%; background: #000; opacity: 0.19;}
.sVisual .sub_maintxt {top: 60%;}
#container .sVisual {height: 50vh;}

#gnb {display: none;}
#hd #top_menu {display: block;}
#lang01 {margin-left: auto;}
}

@media all and (max-width: 960px) {
.sub01_04 .img_wrap > img {width: auto;}

.cert_wrap li, .cert_wrap.three li {width: calc(100% / 2 - 15px); display: flex; flex-direction: column; justify-content: space-between;}

.sub01_06 .con_wrap .wid70 > ul {gap: 15px;}
.sub01_06 .con_wrap .wid70 > ul li {width: calc(100% / 3 - 10px);}

.sub01_05 .map_wrap {width: 100%;}
.sub01_07 .sec02 img.pc {display: none;}
.sub01_07 .sec02 img.mob {display: block;}

.slogan p {margin-bottom: 15px;}
.slogan span {font-size: 18px;}

/* #footer01 .wrap .txt_wrap > li {flex-direction: column; align-items: flex-start;} */
#footer01 .wrap .txt_wrap > li > span {min-width: 59px;}
#footer01 .wrap .txt_wrap > ul {flex-direction: column; row-gap: 10px;}
#footer01 .wrap {padding: 60px 0 40px;}
#footer01 .wrap .top {flex-direction: column-reverse; row-gap: 20px;}

.floatSide.sideBtn {right: 30px;}
.floatSide.sideBtn.left {display: none;}

/* #MainPage .sec01 .item_wrap {flex-direction: column; row-gap: 40px;} */
#MainPage .sec01 .item_wrap .left, #MainPage .sec01 .item_wrap .right {width: 100%;}
#MainPage .sec01 .item_wrap .left img {aspect-ratio: 1 / 0.4; object-fit: cover;}
#MainPage .sec01 .item_wrap .right a {font-size: 16px; margin-top: 30px;}

.sub01_06 .con_wrap > ul {gap: 30px;}
.sub01_06 .con_wrap > ul li {width: calc(100% / 3 - 20px);}

#sit_pvi {column-gap: 40px;}
#sit_pvi > div {width: calc(100% / 2 - 20px);}

.sub01_05 .txt {gap: 0; padding: 0;}
.sub01_05 .txt li {width: 100%; border-bottom: 1px solid #eee; padding: 25px 10px; min-height: auto;}
.sub01_05 .txt li:last-child {border-bottom: none;}
.sub01_05 .txt:before {display: none;}

.sub01_04 .txt {width: 90%; margin: 0 auto; row-gap: 12px}
.sub01_04 .object {flex-direction: column; row-gap: 90px; align-items: center;}
.sub01_04 .object:before {width: auto; height: 90%;}
.sub01_04 .object li:first-child:before, .sub01_04 .object li:nth-child(2):before {right: 50%; top: unset; bottom: -65px; transform: translateX(50%);}
.sub01_04 .object li {width: 55%;}

.sub01_07 .sec02 ul li {width: calc(100% / 2 - 30px);}

.con_wrap h2, #sct h2, .product_inquiry .product_inquiry_wrap h2 {font-size:42px}

.sVisual .sub_maintxt h2 {font-size: 38px; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

/* #MainPage > div {margin: 80px 0;} */

#MainPage .sec04 .wrap > div strong {font-size: 18px; font-weight: 600;}
#MainPage .sec04 .wrap > div p {font-size: 15px; font-weight: 400;}

/* #MainPage .sec03 .item_wrap {flex-direction: column; gap: 40px;} */
#MainPage .sec03 .item_wrap > div.left, #MainPage .sec03 .item_wrap > div.right {width: 100%;}
#MainPage .sec03 .item_wrap .right {max-height: unset; flex-wrap: wrap; flex-direction: unset; gap: 40px;}
#MainPage .sec03 .item_wrap .right > div {width: calc(100%/ 2 - 20px); padding: 0; border: none;}

#MainPage > div h2, #MainPage .sec05 .wrap .tit h3{font-size: 32px}
#MainPage .sec01 .item_wrap > div .txt strong {font-size: 18px;}
}

@media all and (max-width: 920px) {
#MainPage .sec01 .total_wrap {align-items: flex-start;}
#MainPage .sec01 .total_wrap > div {width: calc(100% / 3 - 20px);}
#MainPage .sec01 .total_wrap > div.item_wrap {width: calc(100% / 1.6); flex-direction: column; row-gap: 20px;}
#MainPage .sec01 .total_wrap > div.global_wrap {position: sticky; top: 70px;}

.sub01_07 .sec02 h2 {text-align: center; padding-bottom: 20px;}
.sub01_07 .sec02 h2:before {width: 100%; top: -10%;}
}

@media all and (max-width: 780px) {
#MainPage .sec05 .wrap > ul {gap: 30px;}
#MainPage .sec05 .wrap > ul > li.depth01 {width: calc(100% / 2 - 15px);}
#MainPage .sec05 .wrap > ul > li.depth01:nth-child(even) {border-right: 0;}
#MainPage .sec05 .wrap > ul > li.depth01 > p {font-size: 16px;}

#MainPage .sec04 .item_wrap {gap: 40px;}
#MainPage .sec04 .item_wrap > div {width: calc(100% / 2 - 20px);}

#MainPage .sec03 .item_wrap {gap: 40px;}
#MainPage .sec03 .item_wrap li, #MainPage .sec03.div4 .item_wrap li {width: calc(100% / 2 - 20px);}
#MainPage .sec03 .item_wrap li a p {font-size: 15px;}
}

@media all and (max-width: 700px) {
#footer .wrap .txt_wrap li.add {flex-direction: column; align-items: flex-start;}
#footer .wrap .txt_wrap li.add p {padding: 0; word-break: break-all;}

#MainPage .sec03 .item_wrap .right > div {width: 100%;}
}

@media all and (max-width: 650px) {
.sec001 {width: calc(100% - 40px);}
.sec001 > div.center .item_wrap {flex-direction: column; row-gap: 20px;}
.sec001 > div.center .item_wrap .left, .sec001 > div.center .item_wrap .right {width: 100%;}
.sec001 > div.center .item_wrap .left img {width: 100%; aspect-ratio: 1/0.4;}
.sec001 > div.center .item_wrap .right ul li:last-child,.sec001 > div.center .item_wrap .right ul li br {display: none;}
.sec001 > div.center .item_wrap .right a {margin-top: 20px;}

#MainPage .sec01 .total_wrap {flex-direction: column; row-gap: 40px;}
#MainPage .sec01 .total_wrap > div.item_wrap {width: 100%;}
#MainPage .sec01 .total_wrap > div.global_wrap {width: 100%; position: unset; top: unset; flex-direction: unset; flex-wrap: wrap; column-gap: 30px;}
#MainPage .sec01 .total_wrap > div.global_wrap > div {width: calc(100%/2 - 15px);}
#MainPage .sec01 .total_wrap > div.global_wrap .right {margin: 0;}
#MainPage .sec01 .total_wrap > div.global_wrap strong {font-size: 32px; display: flex; border-top: 2px solid #d5af50;align-items: center;justify-content: space-between;padding: 15px 0;}

.sub01_06 .con_wrap .wid70 > .sec02 ul li img {max-width: 50px;}
.sub01_06 .con_wrap .wid70 > .sec02 ul li p {word-break: keep-all; line-height: 1.3;}

.sub01_06 .con_wrap .wid70 strong.tit {font-size: 22px; line-height: 1.4;}

.sub01_06 .con_wrap .wid70 > ul {gap: 14px;}
.sub01_06 .con_wrap .wid70 > ul li {width: calc(100% / 2 - 7px); padding: 7px;}
.sub01_06 .con_wrap .wid70 > ul li p {word-break: keep-all;}
.sub01_06 .con_wrap .wid70 > ul li img {max-width: 55px;}

.floatSide.sideBtn.left {display: none;}

#footer01 .wrap {padding: 0; padding-top: 20px;}

.floatSide.sideBtn .btnWrap > div {width: 160px;}
.floatSide.sideBtn .btnWrap > div strong {font-size: 16px;}
.floatSide.sideBtn .btnWrap > div.right .img_wrap {flex-wrap: wrap; flex-direction: unset; justify-content: center; gap: 20px; margin-top: 10px;}
.floatSide.sideBtn .btnWrap > div.right .img_wrap > img {width: calc(100%/2 - 10px); max-width: 50px;}
.floatSideBtn {width: 50px; right: 30px; bottom: 110px;}

.sub01_06 .con_wrap > ul {gap: 40px;}
.sub01_06 .con_wrap > ul li {width: calc(100% / 2 - 20px);}

.cert_wrap {gap: 30px;}


.history_img .mob {display : block;}
.history_img .pc {display : none;}
/* .sub01_02 .history_flag {bottom: 0; top: unset;} */
/* .history_flag p, .history_flag p strong {color: #fff;} */

.sub01_01 .wrap {flex-direction: column; row-gap: 40px;}
.sub01_01 .wrap > img, .sub01_01 .wrap > ul {width: 100%;}
.sub01_01 .wrap > img {position: relative; top: 0;}

#recomItem .item_wrap {gap: 50px;}
#recomItem .item_wrap > li {width: calc(100% / 2 - 25px);}

#sit_pvi {flex-direction: column; row-gap: 15px; margin-top: 20px;}
#sit_pvi > div {width: 100%;}
.briefs_wrap .tit {padding-bottom: 15px;}

#gall_ul {gap: 40px;}
#gall_ul > li {width: calc(100%/2 - 20px);}

.sub01_05 .map_wrap {height: 400px;}

.sub01_03 .mob {display:block;}
.sub01_03 .pc {display:none;}

.sub01_01 .txt_box li {font-size: 17px;}
.sub01_01 .txt_box li h3 {font-size: 32px;}
.sub01_01 .txt_box li h4 {font-size: 24px; margin-top: 15px;}
.sub01_01 .txt_box li.point {font-size: 22px;}
.sub01_01 .txt_box:before {width: 200px; top: 90px;}

.sVisual .sub_maintxt h2 {font-size: 28px;}

#hd .up_btn {bottom: 40px; right: 30px; width: 50px;}

#MainPage .sec04 .wrap {row-gap: 30px;}
#MainPage .sec04 .wrap > div {width: 100%;}

#MainPage .sec01 .item_wrap {row-gap: 20px;}
#MainPage .sec01 .item_wrap > div {width: calc(100%/2);}
#MainPage .sec01 .item_wrap > div .txt strong br{display: none;}

.mainSwiper .swiper-scrollbar {width: calc(100% - 150px) !important;}
.main_visual01 .mainSwiper .swiper-slide .txt_box p {font-size: 35px; margin-bottom: 10px; line-height: 1.1;}
.main_visual01 .mainSwiper .swiper-slide .txt_box strong {font-size: 20px;}
}

@media all and (max-width: 500px) {
#container .sVisual {height: 30vh;}
.slogan {top: 55%;}
.sVisual > div p {font-size: 20px; margin-bottom: 7px;}
.slogan span {font-size: 16px;}

.briefs_wrap .tit h3 {font-size: 20px;}
.briefs_wrap .tit p {font-size: 15px;}

.sub01_02 .history_con .left {display: none;}
}

@media all and (max-width: 480px) {
#sit_pvi_big a.popup_item_image:before {display: none;}
}

@media all and (max-width: 450px) {
.sec001 {flex-direction: column;}
.sec001 > div.left.mob {width: 100%; flex-direction: unset; gap: 20px;}
.sec001 > div.left a {width: calc(100%/2 - 10px); min-height: 120px;}
.sec001 > div.right {width: 100%;}
.sec001 > div.right a strong {font-size: 24px}

.ingredient_wrap .table_wrap {overflow-x: scroll;}
.ingredient_wrap .table_wrap table {min-width: 100%; width: max-content;}

#sidebar .snb.snb1 > .over span, #container #sidebar .snb.snb1 .snb_con li > a {font-size: 16px;}

.floatSide.sideBtn {right: 15px;}
.floatSideBtn {width: 45px; right: 15px; bottom: 100px;}

.sub01_06 .con_wrap > ul {gap: 20px;}
.sub01_06 .con_wrap > ul li {width: calc(100% / 2 - 10px); padding: 7px;}
.sub01_06 .con_wrap > ul li p {font-size: 15px; word-break: keep-all; color: #999;}
.sub01_06 .con_wrap > ul li img {max-width: 50px;}

.cert_wrap li, .cert_wrap.three li  {width: 100%}

#MainPage .sec05 .wrap ul li a > img {max-width: 100%; aspect-ratio: 1 / 0.65;}
#MainPage .sec05 .wrap ul li a .left, #MainPage .sec05 .wrap ul li a span {margin: 0;}

.sub01_05 .txt li span {font-size: 16px;}
.sub01_05 .txt li p {font-size: 16px; min-width: 85px;}

.sub01_04 .txt {width: 100%;}
.sub01_04 .txt p {font-size: 16px;}
.sub01_04 .object li {width: 85%;}
.sub01_04 p.info {font-size: 18px;}

.con_wrap h2, #sct h2, .product_inquiry .product_inquiry_wrap h2, .sub01_07 .sec02 h2 {font-size: 28px;}

.sub01_01 .txt_box:before {width: 150px;}
.sub01_01 .txt_box li.point {font-size: 18px;}

#container #submenu {height: 55px; margin-top: -55px;}
#container #sidebar {height: 100%;}
#container #sidebar .snb .snb_con li > a {font-size: 14.5px;}
#sidebar .snb > .over span {font-size: 15px;}

.sVisual .sub_maintxt h2 {font-size: 24px;}

#hd .up_btn {width: 42px; background: #17151578; right: 15px;}

#MainPage .sec05 .wrap ul li a {flex-direction: column; row-gap: 12px; /* padding: 20px 0; */}
#MainPage .sec05 .wrap ul li a strong {font-size: 18px;}
#MainPage .sec05 .wrap ul li a p {font-size: 15px; margin-top: 7px;}

#MainPage > div:last-child {margin-bottom: 40px;}

#MainPage > div h2, #MainPage .sec05 .wrap .tit h3, #MainPage .sec01 .total_wrap > div.global_wrap strong {font-size: 26px;}
#MainPage > div p.sub_tit {font-size: 16px;}

#MainPage .sec01 .item_wrap > div .txt strong {font-size: 16px;}
#MainPage .sec01 .item_wrap > div .txt p {font-size: 15px; padding-right: 3px;}

.mainSwiper .swiper-pagination {right: -30px;}
}

@media all and (max-width: 400px) {
.sec001 > div.left a {min-height: 97px;}

#recomItem .item_wrap {gap: 14px;}
#recomItem .item_wrap > li {width: calc(100% / 2 - 7px);}
#recomItem .item_wrap > li a p {font-size: 15px;}

#MainPage .sec01 .total_wrap > div.global_wrap > div {width: 100%;}
#MainPage .sec01 .total_wrap > div.global_wrap .right {margin-bottom: 20px;}
#MainPage .sec01 .total_wrap > div.global_wrap .right a {width: 100%; height: 100%;}
#MainPage .sec01 .total_wrap > div.global_wrap .right a img {width:100%; max-height: 210px; object-fit: cover;}

#sit h2 {font-size: 22px;}
.briefs_wrap ul li span {padding-left: 0;}
.briefs_wrap ul li p {font-weight: 600;}
.sub01_06 .con_wrap .wid70 strong.tit {margin-bottom: 10px;}
.sub01_06 .con_wrap .wid70 > ul {margin-top: 20px; margin-bottom: 40px;}
.sub01_06 .con_wrap .wid70 > .sec02 ul li p {font-size: 16px;}

#gall_ul {gap: 14px;}
#gall_ul > li {width: calc(100% / 2 - 7px);}
.gall_text_href a {font-size: 15px;}

.floatSide.sideBtn.on, .floatSideBtn {display: none;}

.main_visual01 .mainSwiper .swiper-slide .txt_box p {font-size: 24px; margin-bottom: 5px;}
.main_visual01 .mainSwiper .swiper-slide .txt_box strong {font-size: 16px;}

.sub01_01 .txt_box li h2 {font-size: 24px;}
.sub01_01 .txt_box li h3, .sub01_01 .txt_box li h4 {font-size: 22px; margin: 0;}

/* #hd #logo {width: 150px;} */

.sub01_02 .his_con p {width: 100%;}
.sub01_02 .history_flag {padding: 0;}
.sub01_02 .history_flag p {font-size: 16px;}
.sub01_02 .history_flag p strong {font-size: 20px;}


#MainPage .sec04 .wrap > div strong {font-size: 16px;}

#MainPage .sec01 .item_wrap .right strong {font-size: 20px;}
#MainPage .sec01 .item_wrap .right ul li {font-size: 16px;}

#MainPage .sec02 .item_wrap {flex-direction: column;}
#MainPage .sec03 .item_wrap, #MainPage .sec04 .item_wrap {gap: 20px;}
#MainPage .sec03.div4 .item_wrap {gap: 40px;}
#MainPage .sec03 .item_wrap li, #MainPage .sec04 .item_wrap > div {width: calc(100% / 2 - 10px);}
#MainPage .sec02 .item_wrap > div {width: 100%;}
#MainPage .sec05 .wrap > ul > li.depth01 {width: 100%; border-right: unset;}

.briefs_wrap ul li {flex-direction: column;}

.sub01_04 .object li p {bottom: 55px;}

.sub01_07 .sec02 ul li {width: 100%;}
.sub01_07 .sec02 ul li p {font-size: 15px; color: #999}

/* .m_tnb a {width: 150px;} */
.total_m > ul > li.has-sub > a {font-size: 17px;}
.total_m > ul > li > ul > li > a {font-size: 15px;}
}

@media all and (max-width: 370px) {
.mainSwiper .swiper-pagination {padding: 4px 0; width: 70px;}
.mainSwiper .swiper-pagination {right: -30px;}
.mainSwiper .swiper-scrollbar {left: 20px !important;}
}

@media all and (max-width: 350px) {
#hd #lang01 form select {padding: 6px 5px; margin-right: 5px;}

#MainPage .sec03 .item_wrap li, #MainPage .sec04 .item_wrap > div, #MainPage .sec03.div4 .item_wrap li {width: 100%;}
#MainPage .sec03.div4 .item_wrap {gap: 20px;}
}