@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/

/* layout */
.logoImg_b{opacity:1;}
.logoImg_w{opacity:0;}
header .gnb [data-gnb="1"]{color:#111;}
.isScrolled .hdRight_tel,
.hdRight_tel{color:#222;}
.hdRight_tel path,
.hdRight_tel path{fill:var(--primary);}
.menu-btn .bar{background:#333;}


/* sub visual */
.subVisual{overflow:hidden; position:relative; padding-top:180rem;}
/*.subVisual::before{ content: ''; position: absolute; inset: 0; background: no-repeat 50% / cover; }*/
/*.subVisual.about::before{ background-image:url('/images/content/sub_visual-1.webp'); }*/
.subVisual .navi{display:flex; align-items:center;}
.subVisual .navi a{display:block; margin-right:20rem; width:18rem;}
.subVisual .navi img{display:block; width:100%;}
.subVisual .navi p{position:relative; color:#555; font-size:17rem;}
.subVisual .navi p+p{margin-left:48rem;}
.subVisual .navi p:nth-of-type(1):after{content:''; display:block; position:absolute; right:-26rem; top:8rem; height:9rem; width:9rem; border-top:1px solid #555; border-right:1px solid #555; transform:rotate(45deg); transform-origin:center;}
/*
@media(prefers-reduced-motion:no-preference){
	.subVisual::before{ animation: subVisual_bg 1.8s both; }
	@keyframes subVisual_bg {
		0%{ transform: scale(1.05); }
		100%{ transform: scale(1); }
	}
	.subVisual .inr > *{ opacity: 0; animation: subVisualText .6s .2s both; }
	.subVisual .inr > *:nth-child(2){ animation-delay: .4s; }
	@keyframes subVisualText {
		0%{ transform: translateY(40rem); opacity: 0; }
		100%{ transform: translateY(0); opacity: 1; }
	}
}
*/
/* lnb */
.lnbWrap{margin-top:60rem; border-bottom:1px solid #ddd; font-size:18rem; font-weight:500; z-index:5; }
.lnb ul{margin:0 auto;}
.lnb li{display:inline-block; padding:0 30rem }
.lnb li:first-child{padding-left:0;}
.lnb li:last-child{padding-right:0;}
.lnb a{position:relative; display:flex; align-items:center; padding:16rem 0; color:#888; font-size:20rem; transition:.2s;}
.lnb a.isVisiting{color:var(--primary); font-weight:bold;}
.lnb a.isVisiting::before{ content: ''; position: absolute; inset: 0; border-bottom: 2px solid currentColor; }
@media(hover:hover){
    .lnb a:hover{color:var(--primary);}
}
@media(max-width:1279px){
    .subVisual{padding-top:140rem;}
    .lnbWrap{margin-top:40rem;}
}
@media(max-width:767px){
    .subVisual{padding-top:90rem;}
    .subVisual .navi a{margin-right:12rem; width:17rem;}
    .subVisual .navi p{font-size:16rem;}
    .subVisual .navi p+p{margin-left:40rem;}
    .subVisual .navi p:nth-of-type(1):after{right:-22rem; top:7rem;}
    .lnbWrap{margin-top:30rem;}
	.lnb{ overflow: auto clip; white-space:nowrap; }
	.lnb ul{ display:table; table-layout:auto; margin:0; overflow-y: hidden;}
	.lnb li{ display:table-cell; padding:0 20rem;}
    .lnb a{padding:10rem 0; font-size:18rem;}
}


/* common content */
main#content{min-height:300px; padding:100rem 0 130rem; }
.sub_title{ margin-bottom:100rem;}
.sub_title h2{font-size:55rem; color:#000; font-weight:700;}
#content:has(.join_area) .sub_title{ display: none; } /* 멤버 페이지는 각 페이지가 타이틀을 가진 경우가 많아서 공통 서브 타이틀 숨기기 */

.subTit1{position:relative; padding-left:15rem; margin-bottom:25rem; font-size:28rem; color:#000;}
.subTit1:before{content:''; display:block; position:absolute; left:0; top:7rem; width:4rem; height:28rem; background:var(--primary);}

.mt100{margin-top:100rem;}
.mt60{margin-top:60rem;}

.common_table{ border-top: 2px solid #222; text-align: center; }
.common_table :is(th, td){ padding: 14rem 1em 12rem; border: 1rem solid #e5e5e5; }
.common_table col:is(:nth-of-type(1), :nth-of-type(2)){ width: 18.33333333%; }
.common_table :is(th, td):first-child{ border-left: 0; }
.common_table :is(th, td):last-child{ border-right: 0; }
.common_table :is(thead, tfoot){ background: #f6f7f9; font-size: 17rem; font-weight: 500; }

li.bullets01{position:relative; padding-left:15rem; font-size:18rem; color:#555;}
li.bullets01+li.bullets01{margin-top:8rem;}
li.bullets01:before{content:'-'; display:block; position:absolute; left:0; top:0;}

table.table th, table.table td{padding:20rem; font-size:18rem;}
table.table td{color:#444;}
@media(max-width:1279px){
    main#content{padding:80rem 0 110rem;}
    .sub_title{margin-bottom:80rem;}
    table.table th, table.table td{padding:15rem 10rem; font-size:18rem;}
}
@media(max-width:767px){
    main#content{padding:55rem 0 80rem;}
    .sub_title{margin-bottom:50rem;}
    .sub_title h2{font-size:30rem;}
    .subTit1{margin-bottom:20rem; font-size:24rem;}
    .subTit1:before{height:24rem;}
    
    .mt100{margin-top:70rem;}
    .mt60{margin-top:40rem;}
    
    table.table th, table.table td{padding:10rem 8rem; font-size:15rem;}
}


/* 회사소개 > 인사말 */
.greetings .inr > h2{margin-bottom:30rem; color:#000; font-size:var(--fs40);}
.greetings .inr > h2 > br.show_mo{display:none;}
.greetings p{font-size:18rem; color:#555; line-height:1.6;}
.greetings b{color:#111; font-weight:bold;}
.greetings .txtBox{position:relative; margin:100rem 0 60rem auto; padding:40rem 50rem; width:960rem;}
.greetings .txtBox:before, .greetings .txtBox:after{content:''; display:block; position:absolute; width:60rem; height:60rem;}
.greetings .txtBox:before{top:0; left:0; border-top:6rem solid #eee; border-left:6rem solid #eee;}
.greetings .txtBox:after{bottom:0; right:0; border-bottom:6rem solid #eee; border-right:6rem solid #eee;}
.greetings .txtBox h3{margin-bottom:15rem; font-size:30rem; color:#aaa;}
.greetings .txtBox li:not(:nth-child(1)){position:relative; margin-top:10rem; padding-left:12rem;}
.greetings .txtBox li:not(:nth-child(1)):before{content:'·'; display:block; position:absolute; left:0; top:0; font-size:18rem; color:#333; font-weight:900;}
.greetings .img{display:block; margin-bottom:80rem; width:100%; height:500rem; background:transparent;}
.greetings .valueTxt{position:relative; padding:100rem 20rem 80rem; text-align:center;}
.greetings .valueTxt:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:calc(100% + 300rem); background:url('/images/content/greetings2.jpg')no-repeat center/cover; z-index:-2;}
.greetings .valueTxt:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:calc(100% + 300rem); background:rgba(0,0,0,0.5); z-index:-1;}
.greetings .valueTxt h3{margin-bottom:20rem; font-size:30rem; color:#fff;}
.greetings .valueTxt p{color:#fff; opacity:0.9; font-weight:300;}
.greetings .valueBox{margin:auto; padding:80rem 40rem 0; max-width:1000rem; width:90%; background:#fff;}
.greetings .valueBox img{display:block; margin:auto; max-width:500rem; width:100%;}
@media(max-width:1279px){
    .greetings span+p > br{display:none;}
    .greetings .txtBox{margin:80rem 0 60rem auto; padding:30rem 40rem; width:725rem;}
    .greetings .img{margin-bottom:60rem; height:400rem;}
}
@media(max-width:767px){
    .greetings .inr > h2{font-size:22rem;}
    .greetings .inr > h2 > br.show_mo{display:block;}
    .greetings .inr > h2 > br.hide_mo{display:none;}
    .greetings p{font-size:17rem;}
    .greetings p > br{display:none;}
    .greetings .txtBox{margin:60rem 0 50rem auto; padding:25rem 30rem; width:100%;}
    .greetings .txtBox h3{margin-bottom:10rem; font-size:20rem;}
    .greetings .img{margin-bottom:50rem; height:280rem;}
    .greetings .valueTxt{padding:60rem 20rem 40rem;}
    .greetings .valueTxt h3{font-size:22rem;}
    .greetings .valueBox{padding:30rem 10rem 0;}
    .greetings .valueTxt:before,
    .greetings .valueTxt:after{height:calc(100% + 200rem)}
}


/* 회사소개 > 연혁 */
.his{display:flex; padding-top:30rem; border-top:1px solid #e8e8e8;}
.his+.his{margin-top:100rem;}
.his h2{width:30%; font-size:var(--fs40); font-weight:700; font-family:var(--font-rhd); line-height:1.3; color:#000; font-style:italic;}
.his h2 > br{display:none;}
.hisCnt{width:70%;}
.hisCnt_box{display:flex; position:relative; padding-left:20rem; padding-bottom:40rem; border-left:1px dashed var(--primary);}
.hisCnt_box:before{content:''; display:block; position:absolute; left:-7rem; top:6rem; width:14rem; height:14rem; border-radius:50%; border:3rem solid var(--primary); background:#fff; z-index:2;}
.hisCnt_box:first-child:after{content:''; display:block; position:absolute; top:0; left:-7rem; width:14rem; height:14rem; background:#fff;}
.hisCnt_box:last-child{padding-bottom:0;}
.hisCnt_box h3{font-size:17rem; font-weight:bold; color:var(--primary); width:90rem;}
.hisCnt_List{width:calc(100% - 90rem);}
.hisCnt_List li{display:flex; font-size:17rem; color:#555;}
.hisCnt_List li+li{margin-top:10rem;}
.hisCnt_List em{display:block; font-weight:bold; color:#111; width:50rem;}
.hisCnt_List p{width:calc(100% - 50rem);}
@media(max-width:1279px){
    .his{display:block; padding-top:20rem;}
    .his+.his{margin-top:60rem;}
    .his h2{width:100%;}
    .hisCnt{margin-top:30rem; width:100%;}
    .hisCnt_box{display:block; padding-bottom:30rem; padding-left:15rem;}
    .hisCnt_box:before{left:-6rem; width:12rem; height:12rem;}
    .hisCnt_box h3{margin-bottom:10rem; width:100%; font-size:17rem;}
    .hisCnt_List{width:100%;}
    .hisCnt_List li{font-size:16rem;}
    .hisCnt_List em{width:30rem;}
    .hisCnt_List p{width:calc(100% - 30rem);}
}


/* 회사소개 > 조직도 */
.group img.pc{display:block; width:100%;}
.group img.mo{display:none; width:100%;}
@media(max-width:767px){
    .group img.pc{display:none;}
    .group img.mo{display:block;}
}


/* 회사소개 > 오시는 길 */
.contectMap{width:100% !important; height:600rem;}
.contectMap .wrap_map{height:100% !important;}
.contectMap .map_border,
.contectMap .wrap_controllers{display:none !important;}
.contectInfo{display:flex; justify-content:space-between; position:relative; margin-top:-50rem; padding:0 80rem; z-index:1;}
.contectInfo_tit{display:flex; flex-direction:column; align-items:center; justify-content:center; flex-wrap:wrap; width:250rem; height:200rem; background:linear-gradient(-45deg, var(--primary), #7f80e9);}
.contectInfo_tit h3{margin-bottom:5rem; font-size:16rem; font-family:var(--font-rhd); color:#fff; font-weight:500; opacity:.7;}
.contectInfo_tit h2{font-size:var(--fs30); color:#fff; font-weight:600;}
.contectInfo_ul{display:flex; justify-content:flex-end; padding-top:50rem;}
.contectInfo_ul li{display:flex; align-items:center;}
.contectInfo_ul li+li{margin-left:80rem;}
.contectInfo_ul span{display:block; margin-right:12rem; width:20rem; height:20rem;}
.contectInfo_ul img{display:block; width:100%; height:100%; object-fit:contain;}
.contectInfo_ul a{font-size:18rem; color:#555;}
@media(max-width:1279px){
    .contectInfo{display:block; margin-top:0; padding:0;}
    .contectInfo_tit{width:100%; height:100rem;}
    .contectInfo_ul{justify-content:center;}
    .contectMap{height:440rem;}
}
@media(max-width:767px){
    .contectInfo_tit{height:86rem;}
    .contectInfo_tit h3{margin-bottom:2rem; font-size:15rem;}
    .contectInfo_tit h2{font-size:22rem;}
    .contectInfo_ul{display:block;}
    .contectInfo_ul li{padding:0 10rem;}
    .contectInfo_ul li+li{margin-left:0; margin-top:15rem; padding-top:15rem; border-top:1px dashed #ddd;}
    .contectMap{height:70vh;}
}


/* 회사소개 > 청진기술력 */
.technology p{font-size:18rem; color:#555;}
.technology .boxSt1{width:100%; padding:40rem 20rem; border:1px solid #e8e8e8;}
.technology .boxSt1 h2{margin:0 auto 40rem; color:#fff; font-size:22rem; background:linear-gradient(-45deg, var(--primary), #7f80e9); font-weight:600; text-align:center; width:400rem; height:70rem; line-height:69rem; border-radius:40rem;}
.technology .boxSt1 h3{margin-bottom:30rem; font-size:20rem; color:var(--primary); text-align:center;}
.technology .boxSt1 p{margin-top:30rem; text-align:center; color:#111; font-size:20rem;}
.technology .intro{display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 20rem; height:350rem; background:url(/images/content/technology_introBg.jpg)no-repeat center/cover;}
.technology .intro h2{margin-bottom:10rem; font-size:40rem; color:#fff;}
.technology .intro h3{font-size:35rem; color:#fff; font-weight:500;}
.technology .sec1{display:flex; flex-wrap:wrap;}
.technology .sec1 .txt{padding-right:80rem; width:calc(100% - 600rem);}
.technology .sec1 .img1{display:block; width:600rem;}
.technology .sec1 .img1 img{display:block; width:100%;}
.technology .sec1 .img2{display:flex; justify-content:space-evenly; align-items:center; margin-top:50rem; padding:50rem 20rem; width:100%; background:#f7f7f7;}
.technology .sec1 .img2 img{width:720rem;}
.technology .sec1 .img2 em{display:block; font-size:20rem; font-weight:500; color:var(--primary);}
.technology .sec1 .boxSt1 i{display:block; margin-bottom:15rem; text-align:center; font-size:14rem; color:#777; font-style:normal;}
.technology .sec1 .boxSt1 img{display:block; margin:auto; max-width:720rem; width:100%;}
.technology .sec1 .boxSt1 img.mo{display:none;}
.technology .sec2 li+li{margin-top:50rem;}
.technology .sec2 .img{display:flex; justify-content:space-between; margin-bottom:20rem;}
.technology .sec2 img{display:block; width:calc(50% - 10rem);}
.technology .sec2 p{padding:20rem; background:#f5f5f5;}
.technology .sec4 ul{display:grid; grid-template-columns:1fr 1fr; gap:40rem;}
.technology .sec4 .img{display:block; width:100%;}
.technology .sec4 img{display:block; width:100%;}
.technology .sec4 em{display:block; margin-top:20rem; font-size:20rem; color:#222; text-align:center;}
.technology .sec5{display:flex;}
.technology .sec5 .txt{padding-right:50rem; width:45%;}
.technology .sec5 .img{display:block; padding:40rem 20rem; width:55%; background:#f7f7f7;}
.technology .sec5 .img img{display:block; margin:auto; width:440rem;}
.technology .sec6 table.table td{vertical-align:top;}
.technology .sec6 table.table ul{text-align:left; color:#444;}
.technology .sec6 table.table li{position:relative; padding-left:14rem;}
.technology .sec6 table.table li:before{content:'-'; display:block; position:absolute; left:0; top:0;}
.technology .sec6 table.table li+li{margin-top:8rem;}
.technology .sec6 table.table .img{display:block; margin:auto; width:60%;}
.technology .sec6 table.table .img img{display:block; width:100%;}
.technology .sec6 table.table em{font-size:22rem; font-weight:bold; color:#222;}
@media(max-width:1279px){
    .technology .sec1 .txt{padding-right:50rem; width:45%;}
    .technology .sec1 .img1{width:55%;}
    .technology .sec1 .img2 img{width:50%;}
    .technology .sec5 .txt p > br{display:none;}
}
@media(max-width:767px){
    .technology p{font-size:17rem;}
    .technology .boxSt1{padding:20rem 20rem 30rem;}
    .technology .boxSt1 h2{margin-bottom:25rem; width:100%; font-size:20rem; height:56rem; line-height:55rem;}
    .technology .boxSt1 h3{margin-bottom:20rem;}
    .technology .boxSt1 p{margin-top:20rem; font-size:18rem;}
    .technology .intro{height:200rem;}
    .technology .intro h2{font-size:26rem;}
    .technology .intro h3{font-size:22rem;}
    .technology .sec1 .txt{padding-right:0; width:100%;}
    .technology .sec1 .img1{margin-top:30rem; width:100%;}
    .technology .sec1 .img2{display:block; margin-top:30rem; padding:30rem 20rem;}
    .technology .sec1 .img2 img{width:100%;}
    .technology .sec1 .img2 em{font-size:18rem; text-align:center; margin-top:15rem;}
    .technology .sec1 .boxSt1 img.pc{display:none;}
    .technology .sec1 .boxSt1 img.mo{display:block;}
    .technology .sec2 li+li{margin-top:40rem;}
    .technology .sec2 .img{margin-bottom:10rem;}
    .technology .sec2 img{width:calc(50% - 5rem);}
    .technology .boxSt1 h3{font-size:18rem;}
    .technology .sec4 ul{gap:15rem;}
    .technology .sec4 em{margin-top:15rem; font-size:18rem;}
    .technology .sec5{display:block;}
    .technology .sec5 .txt{padding-right:0; width:100%;}
    .technology .sec5 .img{margin-top:30rem; padding:30rem 20rem; width:100%;}
    .technology .sec5 .img img{width:80%;}
    .technology .sec6 table.table .img{width:100%;}
    .technology .sec6 table.table em{font-size:18rem;}
}
@media(max-width:480px){
    .technology .sec2 .img{display:block;}
    .technology .sec2 img{width:100%;}
    .technology .sec2 img+img{margin-top:10rem;}
}


/* 제품소개 */
.prd{overflow:hidden;}
.prd p{font-size:18rem; color:#555;}
.prd p b{color:#111;}
.prd .sec1Tit em{display:block; margin-bottom:10rem; text-align:center; font-size:var(--fs22); color:var(--primary); font-weight:500;}
.prd .sec1Tit h2{position:relative; text-align:center; font-size:var(--fs50); color:#000;}
.prd .sec1Tit h2:after{content:''; display:block; margin:45rem auto 0; width:1px; height:100rem; background:#888;}
.prd .sec1Img{position:relative; margin:60rem 0; width:100%; height:430rem;}
.prd1 .sec1Img{background:url(/images/content/prd01_0101_pc.jpg)no-repeat center/cover;}
.prd2 .sec1Img{background:url(/images/content/prd02_0101_pc.jpg)no-repeat center/cover;}
.prd3 .sec1Img{background:url(/images/content/prd03_0101_pc.jpg)no-repeat center/cover;}
.prd .sec1Img_pr{display:flex; justify-content:flex-end; align-items:flex-end; position:absolute; padding-top:45rem; top:200rem; right:0; height:400rem; width:550rem; background:#fff;}
.prd .sec1Img_pr img{display:block; width:auto; height:100%; object-fit:contain;}
.prd .se1Txt{width:calc(100% - 600rem);}
.prd .se1Txt h3{margin-bottom:20rem; font-size:var(--fs30); font-weight:500; color:#000;}
.prd .se1Txt h3 > br{display:none;}
.prd .se1Txt h3 b{font-weight:bold;}
.prd .se1Txt h3 em{display:inline-block; position:relative;}
.prd .se1Txt h3 em:before{content:''; display:block; position:absolute; bottom:4rem; left:0; width:100%; height:17rem; background:#eaeaff; z-index:-1;}
.prd .sec1prd{display:flex; flex-direction:row-reverse; align-items:flex-end;}
.prd .sec1prd .txt{padding:40rem 0 40rem 80rem; width:60%;}
.prd .sec1prd .img{display:block; width:40%; height:350rem; padding:30rem 20rem; background:#f8f8f8;}
.prd .sec1prd img{display:block; height:100%; width:100%; object-fit:contain;}
.prdFeature li{display:flex; align-items:center; padding:50rem 40rem 50rem 0; border:1px solid #e8e8e8;}
.prdFeature li+li{margin-top:20rem;}
.prdFeature_icon{display:flex; align-items:center; justify-content:center; width:250rem; height:100%;}
.prdFeature_icon img{display:block; width:70rem; height:70rem; object-fit:contain;}
.prdFeature_txt{width:calc(100% - 250rem);}
.prdFeature_txt h3{margin-bottom:15rem; font-size:22rem;}
.prdFeature_txt h3 em{color:var(--primary); font-weight:500;}
.prd .sec3{display:flex; justify-content:center; align-items:center; width:100%; height:300rem; text-align:center;}
.prd1 .sec3{background:url(/images/content/prd01_03.jpg)no-repeat center/cover;}
.prd2 .sec3{background:url(/images/content/prd02_03.jpg)no-repeat center/cover;}
.prd3 .sec3{background:url(/images/content/prd03_03.jpg)no-repeat center/cover;}
.prd .sec3 p{font-size:20rem; color:#f5f5f5;}
.prd .sec3 p b{color:#fff;}
.prd .size table.table{width:100%; table-layout:fixed;}
.prd .size table.table thead th{background:#f4f4f4; font-size:18rem; padding:12rem 10rem;}
.prd .size table.table tbody td{font-size:18rem; padding:12rem 10rem; color:#555;}
.prd .size i{display:block; margin-top:15rem; font-style:normal; font-size:17rem; color:#ed4646;}
.prd .construction{padding-bottom:20rem;}
.prd .construction .swiper{overflow:visible;}
.prd .construction .swiper .img{display:block; width:100%;}
.prd .construction .swiper .img img{display:block; width:100%;}
.prd .construction .swiper em{display:block; padding:20rem 15rem; font-size:18rem; color:#111; background:#f5f5f5; text-align:center;}
@media(max-width:1279px){
    .prd p > br{display:none;}
    .prd .sec1Tit h2:after{margin:30rem auto 0; height:70rem;}
    .prd .sec1Img{margin:50rem 0; height:360rem;}
    .prd .sec1Img_pr{padding-top:35rem; top:250rem; height:280rem; width:400rem;}
    .prd .se1Txt{width:calc(100% - 430rem);}
    .prd .sec1prd .txt{padding:40rem 0 40rem 50rem}
    .prd .sec1prd .img{height:280rem;}
    .prdFeature li{padding:40rem 30rem 40rem 0;}
    .prdFeature_icon{width:200rem;}
    .prd .sec3{padding:0 4%;}
}
@media(max-width:767px){
    .prd p{font-size:17rem;}
    .prd .sec1Tit em{margin-bottom:5rem;}
    .prd .sec1Img{margin:40rem 0; height:260rem;}
    .prd .sec1Img_pr{padding-top:20rem; padding-left:20rem; top:auto; bottom:-70rem; width:65%; height:70%;}
    .prd .sec1Img_pr img{width:100%;}
    .prd .se1Txt{width:100%;}
    .prd .se1Txt h3{line-height:1.4; font-size:24rem;}
    .prd .se1Txt h3 > br{display:block;}
    .prd .se1Txt h3 em:before{bottom:0; height:15rem;}
    .prd .sec1prd{display:block;}
    .prd .sec1prd .txt{padding:0; width:100%;}
    .prd .sec1prd .img{margin-top:30rem; width:100%;}
    .prdFeature li{display:block; padding:20rem 20rem 30rem;}
    .prdFeature_icon{justify-content:flex-end; width:100%;}
    .prdFeature_icon img{width:60rem; height:60rem;}
    .prdFeature_txt{margin-top:-50rem; width:100%;}
    .prdFeature_txt h3{font-size:20rem;}
    .prdFeature_txt h3 em{display:block; margin-bottom:3rem;}
    .prd .sec3{padding:60rem 4%; height:auto;}
    .prd .sec3 p{font-size:17rem;}
    .prd .size table.table thead th{font-size:17rem;}
    .prd .size table.table tbody td{font-size:17rem;}
}


/* 매장찾기 */
.store_locator{ --border: #e0e6e9; display: grid; gap: 30rem;
	.search_panel{ position: relative; border: 1px solid var(--border); }
	.heading{ height: 60rem; padding: 15rem; background: var(--primary); font-size: 18rem; color:#fff; text-align: center; }
	.form{ padding: 15rem 20rem; }
	#keyword{ width: 100%; height: 60rem; padding: 20rem; }
	.search_results{ overflow-y: auto; padding: 15rem 20rem; border-top: 1px solid var(--border); }
	.store-btn{ width: 100%; padding: 10rem 0; border-bottom: 1px solid #eee; text-align: left; }
	.results-name{ font: 700 18rem var(--font-pre); }
	.results-address{ margin-top: 10rem; font-weight: 300; color: #666; }
	.results-tel{ display: none; margin-top: 10rem; font-weight: 300; color: #666; }

	.map_view{ width: 100%; height: 600rem; }
	.store_info{ position: relative; width: 300px; background: #fff; border: 1px solid #ddd; }
	.store_info::before{ content: ''; position:absolute; left:50%; ; bottom:-16rem; width:14rem; height:14rem; margin-left:-7.5rem; background:#fff; transform:translateY(-51%) rotate(-45deg); border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
	.info-header{ display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 8rem; background: var(--primary); padding: 12rem 8rem; color:#fff; }
	.location-icon{ width: 15rem; aspect-ratio: 20/25; background: url('/images/content/icon_map.svg') no-repeat 50% / contain; }
	.info-name{ position: relative; font-size: 15rem; }
	.close-btn{ width: 30rem; height: 30rem; background: var(--black); }
	.info-body{ padding: 10rem; }
	.info_swiper .swiper-slide{ aspect-ratio: 1; }
	.swiper-slide{ background: no-repeat 50% / contain; }
	.info-address{ margin-top: 5rem; white-space: normal; }
	.info-tel{ margin-top: 10rem; display: inline-block; }
	/* .info_search_image{position:absolute; right:35%; top:44%} */
	@media(min-width:768px){
		&{ grid-template-columns: 400rem 1fr; }
		.search_results{ height: 448rem; }
		.store_info:not(:has(.swiper)){ translate: -5% 76px; }
		/* .store_info:has(.swiper){ translate: -5% 244px; } */
		.store_info:has(.swiper){ translate: -5.7% 307px; }
	}
	@media(max-width:767px){
		.search_results{ height: 250rem; }
		.store_info:not(:has(.swiper)){ translate: -5% 69px; }
		.store_info:has(.swiper){ translate: -5.7% 307px; }
	}
}