@media screen and (max-width:1480px){
	#section3 .start .year {left:20px; margin: 0; max-width:220px;}
}

@media screen and (max-width:1440px){
/* header */
	.header .logo {left:20px;}
	.header .btn_menu {right:20px;}
	.header .gnb {right:100px;}
	.header .gnb li > a {font-size:18px; padding:0 30px;}
/* main */
	.mvisual_navi {left:20px;}
	.mcon01 .flex dt {padding-top:80px;}
	.mcon01 .flex dt .tit {padding-top:120px; font-size:30px;}
	.mcon01 .flex dt .tit:before {height:100px;}
	.mcon01 .flex dl.on dt {width:45%; padding-left:30px; padding-right:30px;}
	.mcon01 .flex dl.on dd {width:55%;}
	.mcon02 .slide {margin:-10px;}
	.mcon02 .flex {gap:20px;}
	.mcon02 .flex a {width:calc((100% - 100px)/6);}
	.mcon02 .slick-slide {padding:0 10px;}
	.mcon02 .slick-slide > div {padding:10px 0;}
/* sub */
	.location {margin-bottom:80px;}
	.container .title {font-size:56px; margin-bottom:30px;}
	.container .tb {font-size:18px; margin-bottom:150px;}
	
	.container2 .title {font-size:56px; margin-bottom:30px;}
	.container2 .tb {font-size:18px; margin-bottom:150px;}
	
	.verified_area {padding-right:40%;}
	.verified_area:before {right:0; width:40%; height:30vw;}
	.verified_area dd {padding-left:20px;}
	.process .box {padding:30px 20px 15px;}
	.business .imgarea .imgbox {width:calc(100% + 20px);}
	.business .txt {padding:100px 0 0 30px;}
	.business2 dd {padding-left:40px;}
	.business2 dd .tit {font-size:26px;}
	
/* 오시는 길 */
	.map_txt .txt {width:43%;}
	.map_txt .con {width:57%;}
	.map_txt .con .i {padding-left:110px; font-size:16px; line-height:50px;}
	.map_txt .con .i:before {width:50px;}
	.map_txt .con .i strong {left:60px;}
	
}

/* hover */
@media screen and (min-width:1024px){
/* header */
	.header .gnb li:hover > a {color:#34485b; font-weight:700;}
	.header .gnb li:hover > a span:after {width:calc(100% + 60px);}
	.header .snb a:hover {color:#34485b; font-weight:600;}
	.header .sitemap li:hover > a {font-weight:800;}
	.header .sitemap .snb a:hover {color:#222; font-weight:500;} 
	.header.hover .logo,
	.header.hover .btn_menu p {background:#34485b;}
	.header.hover .gnb:before,
	.header.hover .gnb:after {opacity:1;}
	.header.hover .gnb .bg {opacity:1;}
	.header.hover .gnb li > a {color:#34485b;}
	.header.hover .snb {display:block;}
	

	
}

/* tablet */
@media screen and (max-width:1023px){
	br.pc_vw {display:none;}
/* header */
	.header {height:80px;}
	.header .logo {line-height:80px; width:160px;}
/*	.header .btn_menu {height:80px;}*/
	.header .btn_menu p {width:30px; height:3px; margin-left:-15px;}
	.header .btn_menu .t {margin-top:-12px;}
	.header .btn_menu .b {margin-top:8px;}
	.header .gnb {display:none;}
/* footer */
	.footer {font-size:15px;; padding:40px 0 30px;}
	.footer .flex{gap:8px 40px;}
	.footer dl {gap:8px;}
/* main */
	.mvisual p {font-size:2.6vw;}
	.mvisual_navi {width:300px; height:560px;}
	.mvisual_navi .slick-list {padding-bottom:15px; height:calc(100% + 175px); /*transform:translateY(-175px);*/}
	.mvisual_navi .slick-slide > div {padding:10px 0;}
	.mvisual_navi .slick-slide .imgfit {height:161px;}
	.mcon .title {font-size:54px;}
	.mcon01 .title {margin-bottom:60px;}
	.mcon01 .flex {gap:10px;}
	.mcon01 .flex dl {width:160px;}
	.mcon01 .flex dt {padding-top:50px;}
	.mcon01 .flex dt .tit {padding-top:60px; font-size:26px;}
	.mcon01 .flex dt .tit:before {height:50px;}
	.mcon01 .flex dt p {font-size:15px; line-height:24px;}
	.mcon01 .flex dd p {font-size:18px;}
	.mcon01 .flex dl.on {width:calc(100% - 340px);}
	.mcon01 .flex dl.on dt {padding-left:20px; padding-right:20px;}
	.mcon02 .flex {gap:10px;}
	.mcon02 .flex a {width:calc((100% - 40px)/5); height:10vw;}
	.mcon02 .slide {margin:-5px;}
	.mcon02 .slick-slide {padding:0 5px;}
	.mcon02 .slick-slide > div {padding:5px 0;}
	.mcon02 .slick-slide a {height:10vw;}
/* sub */
	.location span {font-size:14px;}
	.container,
	/*	.container.inner {padding-top:110px; padding-bottom:160px;}*/
	.container .title {font-size:38px; margin-bottom:20px;}
	.container .tb {font-size:16px; margin-bottom:100px;}

	.container2,
	.container2.inner {padding-top:110px; padding-bottom:160px;}
	.container2 .title {font-size:38px; margin-bottom:20px;}
	.container2 .tb {font-size:16px; margin-bottom:100px;}


	.dlbox dt {height:320px;}
	.dlbox dd {padding:0 20px;}
	.dlbox .tt {font-size:28px; padding-bottom:15px; margin-bottom:20px;}
	.dlbox p {font-size:16px; line-height:24px;}

	.verified_area {padding:0 20px 34vw 0;}
	.verified_area:before {top:auto; bottom:0; width:50%; height:30vw; box-shadow:#151a2b 20px -20px 0}
	.verified_area dl {margin-bottom:50px;}
	.verified_area dt {width:130px; height:130px; padding:20px;}
	.verified_area dd {width:calc(100% - 130px); padding-left:15px;}
	.verified_area .tt {font-size:14px;}
	.verified_area .tt strong {font-size:24px;}
	.verified_area p {font-size:16px; line-height:24px;}

	.process {flex-direction:column;}
	.process .box {position:relative; width:100%; min-height:140px; padding:20px 20px 20px 140px; align-items:flex-start;}
	.process i {position:absolute; top:20px; left:20px; width:100px; height:100px;}
	.process .tt {font-size:18px; line-height:40px; height:40px; width:140px; margin:0 0 10px;}
	.process p {font-size:14px; text-align:left;}
	.process a {font-size:14px;}
	.process ul {width:100%; margin:10px 0 0; justify-content:flex-start;}

	.tabs {gap:10px; margin-bottom:70px;}
	.tabs a {font-size:15px; line-height:56px; height:58px; width:180px;}
	.business {flex-direction:column-reverse;}
	.business .imgarea,
	.business .txt {width:100%;}
	.business .imgarea .imgbox {width:100%;}
	.business .txt {padding:0 0 20px;}
	.business .tit {font-size:24px;}
	.business .txt p {font-size:16px; margin:15px 0 30px;}
	.business .txt li {font-size:15px; line-height:34px;}
	.business2 dl {margin-bottom:60px;}
	.business2 dt {width:240px; height:147px;}
	.business2 dd {width:calc(100% - 240px); padding:0 0 0 30px;}
	.business2 dd img {height:35px;}
	.business2 dd .tit {font-size:22px; margin:20px 0 15px;}
	.business2 dd p {font-size:16px; line-height:26px;}
	
  .product_list {flex-direction:row;gap:28px;max-width:1440px;margin:0 auto;}
  .product_card {width:100%;max-width:450px;}
	
	.tbl th{font-size:13px;}
	.tbl td{font-size:13px;}

/*연혁*/
	 #section3 .slidetxt {margin-bottom:100px;}
	 #section3 .slidetxt strong {font-size:40px;}
	 #section3 .slidetxt p {font-size:60px; margin-top:30px;}
	 #section3 .tit {margin-bottom:30vh;}
	 #section3 #his_end {bottom:285px;}
	 #section3 .years {padding-left:240px;}
	 #section3 .year li {font-size:80px;}
	 #section3 .cont {padding-top:20px;}
	 #section3 .cont .con {min-height:calc(50vh - 60px); margin-bottom:60px;}
	 #section3 .cont .con .point {top:5vh;}



  .values_list .val {flex:1 1 calc(50% - 20px);}
  .values_list .ico {width:70px; height:70px;}
  .values_list .ico .material-symbols-outlined {font-size:34px;}
/* 오시는 길 */
	.map_txt {margin-top:60px;}
	.map_txt .txt {width:35%;}
	.map_txt .tit {font-size:30px; line-height:40px;}
	.map_txt .btns {margin-top:50px; gap:12px; flex-direction:column;}
	.map_txt .btns a {font-size:15px; width:180px; height:48px; padding:0 15px;}
	.map_txt .con {width:65%;}
	.map_txt .con .i {padding-left:100px; font-size:15px; line-height:35px;}
	.map_txt .con .i + .i {margin-top:15px;}
	.map_txt .con .i:before {width:35px;}
	.map_txt .con .i strong {left:44px;}
	.map_txt .con .line {margin:35px 0;}
	.map_txt .con .i4 span i {font-size:12px; padding:0 6px; /* line-height:20px; height:20px; margin-right:10px; */}

}


@media (max-width:1024px){
  .values_list {grid-template-columns:repeat(2,1fr);gap:28px;}
  .values_list .ico {--ico:96px;}
  .values_list .tit {margin-top:20px;font-size:22px;}
  .values_list .desc {margin-top:12px;font-size:18px;}
}
/* 반응형 - 모바일 */
@media (max-width:600px){
  .values_list {grid-template-columns:repeat(2,1fr);gap:28px 24px;} /* 세로28px, 가로24px 간격 */
  .values_list .ico {--ico:80px;}
  .values_list .tit {margin-top:16px;font-size:18px;}
  .values_list .desc {margin-top:10px;font-size:15px;}
}



/* mobile */
@media screen and (max-width:767px){
	.pc_vw {display:none !important;}
	.mo_vw {display:block !important;}
/* header */
	.header {height:50px;}
	.header .logo {line-height:50px; width:120px;}
	.header .btn_me {height:50px;}
	.header .btn_menu p {width:20px; height:2px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:6px;}
	.header.on .btn_menu .t,
	.header.on .btn_menu .b {margin-top:-1px;}
	.header .sitemap li {padding:10px 0;}
	.header .sitemap li > a {font-size:20px; line-height:30px;}
	.header .sitemap .snb a {font-size:12px; line-height:30px;}
/* footer */
	.footer {font-size:12px;; padding:20px 0;}
	.footer .flex{gap:6px 20px; margin:10px 0;}
	.footer dl {gap:4px;}
	.footer dl:first-child {width:100%;}
	.gotop {bottom:20px; right:20px; width:40px; height:40px; background-size:40% 40%;}
/* main */
	.mvisual i {right:20px; width:40px; height:40px; font-size:12px; margin-top:-80px;}
	.mvisual p {right:20px; margin-top:0; font-size:7.4vw; line-height:10.8vw; padding-left:15%;}
	.mvisual span {right:20px; margin-top:0; font-size:2.5vw; line-height:3.2vw; padding-left:15%;}
	.mvisual_navi {top:auto; bottom:20px; left:15px; width:calc(100% - 30px); height:auto; padding:0; transform:none; margin:0; overflow:hidden;}
	.mvisual_navi .slick-list {padding:0 calc((100vw - 30px)/3) 0 0; width:calc(100% + ((100vw - 30px)/3)); height:auto; /*transform:translateX(calc((-100vw + 30px)/3));*/}
	.mvisual_navi .slick-slide > div {padding:0 5px;}
	.mvisual_navi .slick-slide .imgfit {height:16vw;}
	.mvisual_navi i {bottom:10px; right:10px; width:5vw; height:5vw; font-size:2vw; line-height:5vw;}
	.mvisual_navi p {top:10px; left:10px; font-size:2vw;}
	.mcon .title {font-size:25px;}
	.mcon .title p {font-size:13px; line-height:1.4; margin-top:10px;}
	




	
	.mcon01 .title {margin-bottom:40px;}
	.mcon01 .flex {flex-direction:column;}
	.mcon01 .flex dl,
	.mcon01 .flex dl.on {width:100%;}
	.mcon01 .flex dl {height:80px; max-height:220px;}
	.mcon01 .flex dd {width:100%;}
	.mcon01 .flex dt {padding-top:20px;}
	.mcon01 .flex dt .tit {font-size:22px; padding-top:40px;}
	.mcon01 .flex dt .tit:before {height:30px;}
	.mcon01 .flex dl.on {height:220px;}
	.mcon01 .flex dt p {font-size:12px; line-height:18px;}
	.mcon01 .flex dl.on dt,
	.mcon01 .flex dl.on dd {width:50%;}
	.mcon01 .flex dl.on dt {padding-left:10px; padding-right:10px;}
	.mcon02 .title {margin-bottom:30px;}
	.mcon02 .flex {gap:4px;}
	.mcon02 .flex a {width:calc((100% - 12px)/4); height:11vw;}
	.mcon02 .slide {margin:-2px;}
	.mcon02 .slick-slide {padding:0 2px;}
	.mcon02 .slick-slide > div {padding:2px 0;}
	.mcon02 .slick-slide a {height:auto;}
/* sub */
	.container,
	.container.inner {padding-top:70px; padding-bottom:10px;}
	.container2,
	.container2.inner {padding-top:70px; padding-bottom:100px;}
	
	.location {margin-bottom:30px;}
	.location .home {width:14px; height:14px;}
	.location em {width:24px; height:10px; background-size:5px;}
	.location span {font-size:12px; line-height:14px;}
	.container .title {font-size:24px; margin-bottom:10px;}
	.container .tb {font-size:13px; line-height:20px; margin-bottom:50px;}
	.container2 .title {font-size:24px; margin-bottom:10px;}
	.container2 .tb {font-size:13px; line-height:20px; margin-bottom:50px;}
	.dlbox dl {flex-direction:column !important; margin-bottom:30px;}
	.dlbox dt,
	.dlbox dd {width:100%;}
	.dlbox dt {height:62vw;}
	.dlbox dd {padding:20px 0 0;}
	.dlbox .tt {font-size:20px; padding-bottom:10px; margin-bottom:10px;}
	.dlbox p {font-size:13px; line-height:20px;}

	.verified_area {padding:0 0 38vw;}
	.verified_area dl {margin-bottom:30px; flex-direction:column;}
	.verified_area dt {width:100px; height:100px; padding:15px;}
	.verified_area dd {width:100%; padding:10px 0 0;}
	.verified_area .tt {font-size:12px; gap:10px; margin-bottom:10px;}
	.verified_area .tt strong {font-size:20px;}
	.verified_area p {font-size:13px; line-height:20px;}
	.verified_area:before {right:-10px; box-shadow:#151a2b 10px -10px 0;}

	.process .box {min-height:90px; padding:15px 15px 15px 90px;}
	.process i {top:15px; left:15px; width:60px; height:60px; background-size:50% 50%;}
	.process .tt {font-size:14px; line-height:30px; height:30px; width:100px;}
	.process p,
	.process a {font-size:12px; line-height:18px;}
	.process ul {margin:5px 0 0;}
	.process li {font-size:12px; line-height:18px;}

	.tabs {gap:4px; margin-bottom:30px;}
	.tabs a {font-size:13px; line-height:38px; height:40px; width:calc((100% - 8px)/3);}
	.business .txt {padding:0 0 15px;}
	.business .tit {font-size:20px;}
	.business .txt p {font-size:13px; line-height:20px; margin:10px 0 20px;}
	.business .txt li {font-size:13px; line-height:24px;}
	.business .imgarea .imgbox {gap:8px;}
	.business .imgarea .imgbox li {width:calc(50% - 4px);}
	.business .imgarea .imgbox p {top:10px; right:10px; font-size:14px;}
	.business2 dl {margin-bottom:30px; flex-direction:column;}
	.business2 dt {width:100%; height:54vw;}
	.business2 dd {width:100%; padding:20px 0 0 0;}
	.business2 dd img {height:30px;}
	.business2 dd .tit {font-size:18px; margin:15px 0 10px;}
	.business2 dd p {font-size:13px; line-height:20px;}


  .product_list { margin-top:40px;
    display: block !important;
    padding: 0 !important;
  }
  .product_card {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 20px !important;
    display: block !important;
  }
  
  .product_card img {width:100% !important; height:120px !important; object-fit:cover !important; border-radius:8px 8px 0 0 !important;}
  .product_info {padding:13px 6px 16px 6px !important; background:#f4f4f4 !important; gap:7px !important;}
  .product_info h3 {font-size:1.05rem !important; margin-bottom:5px !important;}
  .product_info p {font-size:0.89rem !important; margin-bottom:4px !important;}
  .more_link {width:88px !important; height:29px !important; font-size:0.9rem !important;}
  
    .notice_p {
    font-size:0.9rem;
    padding:0px 0px;
    border-radius:7px;
    margin:22px 0;
  }
  
  .sub_txt {font-size:13px; margin-bottom:10px;}
  
  .main_visual_img {    padding-top: 50px;}


  .flex_area {flex-direction:column; gap:18px;}
  .flex_area .img_box, .flex_area .tbl {width:100%;}

.down_cards {grid-template-columns:repeat(2,1fr);}
  
  .down_gallery {grid-template-columns:repeat(3,1fr); gap:24px 14px;}
  .down_item img {max-width:170px;}

  .values_list {gap:12px;}
  .values_list .val {gap:12px;}
  .values_list .ico {flex-basis:40px; width:40px; height:40px;}
  .values_list .tit {font-size:16px;}
  .values_list .desc {font-size:13px;}
  .values_list {gap:15px;}
  .values_list .val {flex:1 1 100%;}
  .values_list .ico {width:60px; height:60px;}
  .values_list .ico .material-symbols-outlined {font-size:28px;}
  
	.board_write th,
	.board_write td {font-size:13px; padding:5px 0;}
	.board_write th {width:80px; padding-left:10px;}
	.board_write td select,
	.board_write td input {height:40px;}
	.board_write td span {font-size:13px; line-height:40px;}
	.board_write td textarea {height:120px;}
	.yak_area {margin-top:30px;}
	.yak_area strong {font-size:16px; margin-bottom:20px;}
	.yak_area p {font-size:12px; padding:10px; margin-bottom:25px;}
	label.check {font-size:13px;}
	.btn_submit {font-size:14px; line-height:40px; height:40px; width:100%; margin-top:30px;}
	
/* CEO 인사말 */
  .about-inner {grid-template-columns:1fr; gap:20px;}
  .about-img {grid-column:1; grid-row:auto;}
  .about-inner > :not(.about-img) {grid-column:1;}
  .eyebrow {margin:0 0 6px; font-size:clamp(16px,3.5vw,22px);}
  .about-title {margin:0 0 14px; font-size:clamp(20px,5vw,28px); padding-bottom:10px;}
  .about-body {line-height:1.65; font-size:clamp(14px,4vw,16px);}
  .sign {margin-top:20px;}

	.store-inner {grid-template-columns:1fr; gap:18px;} 
	.store-wrap {padding:28px 0px;} 
	.store-title {margin-bottom:12px;} 
	.store-img {grid-row:auto; grid-column:auto;}

  .store-mapbtns {margin-top:30px; gap:10px; flex-direction:row; display:flex; flex-wrap:wrap;}
  .store-mapbtns a {font-size:13px; width:calc(50% - 5px); height:38px; padding:0 10px; background-size:12px;}



/*연혁*/
	#section3 {padding-top:100px;}
	#section3 .slidetxt {margin-bottom:50px;}
	#section3 .slidetxt > * {width:100%;}
	#section3 .slidetxt strong {font-size:20px;}
	#section3 .slidetxt p {font-size:30px; margin-top:20px;}
	#section3 .tit {margin-bottom:20vh;}
	#section3 #his_end {bottom:235px;}
	#section3 .years {padding-left:90px;}
	#section3 .year li {font-size:30px;}
	#section3 .cont {padding-top:0;}
	#section3 .cont .con {min-height:calc(40vh - 30px); margin-bottom:30px;}
	
#section3 .year li i {display: none;}	

/*소개*/
  .biz-cards{grid-template-columns:1fr;gap:16px;padding:14px;}
  .biz-card{box-shadow:var(--shadow);}
  .card-media{aspect-ratio:16/9;padding:12px;}
  .card-media img{transform:scale(1);transition:transform .45s ease;}
  .card-body{padding:18px;}
  .card-title{font-size:20px;margin:0 0 10px;}
  .card-text{font-size:15px;line-height:1.6;}

/* 오시는 길 */
	.wrap_map {height:300px !important;}
	.map_txt {flex-direction:column; gap:20px; margin-top:30px;}
	.map_txt .txt {width:100%;}
	.map_txt .tit {font-size:20px; line-height:30px;}
	.map_txt .btns {margin-top:30px; gap:10px; flex-direction:row;}
	.map_txt .btns a {font-size:13px; width:calc(50% - 5px); height:38px; padding:0 10px; background-size:12px;}
	.map_txt .con {width:100%;}
	.map_txt .con .i {padding-left:80px; font-size:13px; line-height:30px;}
	.map_txt .con .i + .i {margin-top:10px;}
	.map_txt .con .i:before {width:30px;}
	.map_txt .con .i strong {left:35px;}
	.map_txt .con .line {margin:30px 0;}
	.map_txt .con .i4 span i {font-size:11px; padding:0 5px; margin-right:5px;}


/*핵심역량*/
	.orbit-sec{padding:30px 16px 40px;}
	.orbit-sec .orbit{aspect-ratio:auto;border-radius:0;}
	.orbit-sec .ring{display:none;}
	.orbit-sec .center{position:relative;left:auto;top:auto;transform:none;margin:0 auto 16px;width:220px;height:220px;font-size:18px;}
	.orbit-sec .sat{position:relative;left:auto;top:auto;transform:none;margin:10px auto;width:180px;height:180px;}
	.orbit-sec .sat p{-webkit-line-clamp:6;}

.feat5__card {padding: 20px 20px;}
.feat5__title {    font-size: 30px;}
.feat5 .mi {    font-size: 55px;}
.feat5__list {font-size: 21px;}

/*브랜드 사업*/
  .brand-links__title{font-size:24px;line-height:1.35;margin-bottom:8px;}
  .brand-links__eyebrow{font-size:15px;line-height:1.7;margin-bottom:16px;}

 .mini_logo  {width:50%;}
  
  
  .brand-gallery{width:100%;max-width:100%;margin-inline:0;padding-inline:0;gap:8px;}
  .brand-gallery{display:grid;grid-template-columns:1fr 1fr;}
  .brand-gallery .g--hero{grid-column:1 / -1;grid-row:auto;aspect-ratio:16/10;}
  .brand-gallery figure:not(.g--hero){aspect-ratio:1 / 1;}
  .brand-gallery img{width:100%;height:100%;object-fit:cover;}
  .brand-gallery{    width:100%;max-width:100%;margin:0;padding:0;    display:grid;
    grid-template-columns:1fr 1fr;    grid-template-rows:none !important;  
    grid-auto-rows:auto;          gap:8px;    line-height:0;  }
  .brand-gallery .g--hero{    grid-column:1 / -1; grid-row:auto;    aspect-ratio:16/10; height:auto;    }  
  .brand-gallery figure:not(.g--hero){    aspect-ratio:1 / 1;     }

  .tbl {    width:100%;    overflow-x:auto;
    -webkit-overflow-scrolling:touch; /* iOS에서 부드럽게 */  }
  .tbl table {    min-width:600px;   }
.scroll-notice {display:block;}
}

@media (max-width:1280px){.feat5__grid{grid-template-columns:repeat(4,1fr);} }
@media (max-width:1024px){.feat5__grid{grid-template-columns:repeat(3,1fr);} }
@media (max-width:768px){.feat5__grid{grid-template-columns:repeat(2,1fr); .feat5 .mi{font-size:30px;} }
@media (max-width:720px){.feat5__grid{grid-template-columns:1fr;} }


@media screen and (max-width:500px){
	.hd_pops {top:60px !important; left:1% !important; max-width:98%;}
	.hd_pops_con {max-width:100% !important; height:auto !important;    max-height:300px; overflow:scroll;}
	.tbl th, .tbl td, .board_list th, .board_list td {height:30px; }
	.search_house .search_set .text{padding:5px;}
}