@charset "utf-8";

/* 
* content CSS Document
* KOWEB
*/

#header{background:#fff;}
#header::before{border-bottom:1px solid #ededed; opacity:1;}
#header .logo__img .cls-1{fill:var(--primary);}
header .gnb [data-gnb="1"]{color:#111;}


/* sub visual */
.subVisual .inrSub{display:flex; align-items:flex-end; padding:calc(var(--header-height) + 120rem) 0 100rem; justify-content:space-between;}
/*
.subVisual::before{ content: ''; position: absolute; inset: 0; background: no-repeat 50% / cover; }
.subVisual.about::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual.onetouch::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual.franchise::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual.edu::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual.check::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual.board::before{ background-image:url('/images/content/sub_visual.jpg'); }
.subVisual.common::before{ background-image:url('/images/content/sub_visual.jpg'); }
*/
.subVisual h2{ font-size: var(--fs60); color:#000; }
.subVisual_navi{display:flex; align-items:center; margin-bottom:15rem; font-size:18rem;}
.subVisual_navi .home{display:block; margin-top:-2rem; height:16rem;}
.subVisual_navi .arrow{display:block; margin:0 8rem; height:11rem;}
.subVisual_navi i{display:block; text-decoration:none; font-weight:500; color:#888; font-style:normal;}
.subVisual_navi em{display:block; font-weight:bold; color:var(--primary);}
/*
@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; }
	}
}
*/
@media(max-width:1279px){
    .subVisual .inrSub{padding:calc(var(--header-height) + 100rem) 0 80rem;}
    .subVisual_navi{margin-bottom:8rem;}
}
@media(max-width:767px){
    .subVisual .inrSub{padding:calc(var(--header-height) + 70rem) 0 60rem; flex-direction:column-reverse; align-items:flex-start;}
}

/* lnb */
/*
.lnb{ background: #2b2b2b; border-bottom: 1px solid #ddd; text-align:center; font-size:18rem; font-weight: 500; color: #dadada; z-index:5; }
.lnb ul{ margin: 0 auto; }
.lnb li{display:inline-block; padding: 0 28rem; }
.lnb a{ position: relative; display: flex; align-items: center; height: 4.0625em; }
.lnb a:hover,
.lnb a.on{ color: var(--primary); }
.lnb a.on::before{ content: ''; position: absolute; inset: 0; border-bottom: 2px solid currentColor; }
@media(max-width:767px){
	.lnb{ overflow: auto clip; white-space:nowrap; }
	.lnb ul{ display:table; margin:0 auto; table-layout:auto; overflow-y: hidden;}
	.lnb li{ display:table-cell; }
}
*/

/* common content */
#content{ min-height:300px; padding-bottom:120rem;}
h2.subTit{position:relative; margin-bottom:25rem; padding-left:30rem; font-size:var(--fs25); color:#000;}
h2.subTit:before{content:''; display:block; position:absolute; left:0; top:8rem; width:20rem; height:20rem; border-radius:50%; border:6rem solid var(--primary); box-sizing:border-box;}
li.liBullets1{position:relative; padding-left:12rem; font-size:18rem; color:#444; text-align:left;}
li.liBullets1+li.liBullets1{margin-top:6rem;}
li.liBullets1:before{content:'·'; display:block; position:absolute; left:0; top:0; font-weight:900;}
li.liBullets2{display:flex; font-size:18rem; color:#444;}
li.liBullets2 em{width:22rem;}
li.liBullets2 p{width:calc(100% - 22rem);}
li.liBullets2+li.liBullets2{margin-top:6rem;}
.mt100{margin-top:100rem;}
.mt50{margin-top:50rem;}
.mt20{margin-top:20rem;}

.common_table{border-top: 2px solid #222; text-align: center; table-layout:fixed;}
.common_table :is(th, td){padding:18rem 1em 15rem; border:1rem solid #e5e5e5; font-size:18rem;}
.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; }

@media(max-width:1279px){
    #content{padding-bottom:100rem;}
    h2.subTit{margin-bottom:20rem;}
    h2.subTit:before{top:7rem;}
    .mt100{margin-top:80rem;}
    .mt50{margin-top:40rem;}
}
@media(max-width:767px){
    #content{padding-bottom:80rem;}
    h2.subTit{padding-left:28rem; font-size:24rem;}
    h2.subTit:before{width:19rem; height:19rem;}
    .mt100{margin-top:60rem;}
}


/* 회사소개 > 인사말 */
.about1{display:flex; justify-content:center;}
.about1Img{display:block; width:560rem;}
.about1Img img{display:block; width:100%; height:100%; object-fit:cover;}
.about1Txt{position:relative; padding-left:100rem; padding-top:20rem;}
.about1Txt h2{margin-bottom:40rem; font-weight:700; font-size:var(--fs30); color:#111;}
.about1Txt h2 em{display:block; margin-left:125rem;}
.about1Txt p{font-size:18rem; color:#444;}
.about1Txt p+p{margin-top:20rem;}
.about1Txt i{display:block; position:relative; margin-top:50rem; font-size:18rem; color:#888; font-style:normal; text-align:end;}
.about1Txt i svg{display:block; position:absolute; left:0; bottom:0; width:350rem; opacity:0.1;}
.about1Txt i svg .cls-1{fill:#000;}
@media(max-width:1279px){
    .about1Img{width:40%;}
    .about1Txt{padding-top:0; padding-left:50rem; width:60%;}
    .about1Txt p > br{display:none;}
}
@media(max-width:767px){
    .about1{display:block;}
    .about1Img{width:100%; height:250rem;}
    .about1Txt{margin-top:40rem; padding-left:0; width:100%;}
    .about1Txt h2{margin-bottom:30rem;}
    .about1Txt h2 em{margin-left:80rem;}
    .about1Txt i{margin-top:30rem;}
    .about1Txt i svg{width:280rem;}
}


/* 회사소개 > 라엘링크 소개 */
.about2Txt{display:flex;}
.about2Txt_logo{display:block; width:480rem;}
.about2Txt_logo svg{display:block; width:100%;}
.about2Txt_logo svg .cls-1{fill:var(--primary);}
.about2Txt_p{padding-left:100rem; width:calc(100% - 480rem);}
.about2Txt_p p{font-size:18rem; color:#444;}
.about2Txt_p p+p{margin-top:20rem;}
.about2AIDA_ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:40rem;}
.about2AIDA__li{position:relative; padding-top:100%;}
.about2AIDA__li div{display:flex; flex-direction:column; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; border-top:3rem solid var(--primary); border-bottom:1px dashed #ccc; border-left:1px dashed #ccc; border-right:1px dashed #ccc; border-radius:50%;}
.about2AIDA__icon{display:block; margin:0 auto; height:100rem;}
.about2AIDA__icon img{display:block; height:100%;}
.about2AIDA__h3{margin:25rem 0 15rem; font-size:var(--fs30); color:#aaa; line-height:1;}
.about2AIDA__h3 em{color:var(--primary);}
.about2AIDA__p{font-size:20rem; color:#222; font-weight:600; line-height:1;}
@media(max-width:1279px){
    .about2Txt{display:block;}
    .about2Txt_logo{width:300rem;}
    .about2Txt_p{margin-top:30rem; padding-left:0; width:100%;}
    .about2AIDA_ul{gap:15rem;}
    .about2AIDA__icon{height:60rem;}
    .about2AIDA__h3{margin:20rem 0 12rem; font-size:25rem;}
}
@media(max-width:767px){
    .about2Txt_logo{width:220rem;}
    .about2Txt_p p > br{display:none;}
    .about2AIDA_ul{grid-template-columns:repeat(2, 1fr); gap:25rem 15rem;}
    .about2AIDA__icon{margin-top:-5rem;}
    .about2AIDA__p{font-size:18rem;}
}


/* 회사소개 >  라엘링크 차별화전략 */
.about3 p{font-size:18rem; color:#444;}
.about3 p+p{margin-top:10rem;}
.about3 p b{color:#111;}
.about3 p i{display:inline-block; font-style:normal;}
.about3 p i{display:inline-block; font-style:normal;}
.about3Cont7_img{display:block; margin-top:30rem; padding:60rem; border:1px solid #ddd;}
.about3Cont7_img img{display:block; margin:auto; max-width:500rem; width:100%;}
@media(max-width:1279px){
    .about3Cont7_img{padding:40rem; margin-top:20rem;}
}
@media(max-width:767px){
    .about3 p+p{margin-top:15rem;}
    .about3 p b{display:block; margin-bottom:5rem; font-size:20rem;}
    .about3 p i{display:none;}
    .about3Cont7_img{padding:30rem 20rem;}
}


/* PG 라엘링크 > PG 원스톱 절차 */
.pg1Box{display:flex;}
.pg1Box em{display:block; padding-top:3rem; font-size:18rem; font-weight:bold; color:var(--primary); width:120rem;}
.pg1Box_txt{position:relative; padding-left:50rem; padding-bottom:60rem; width:calc(100% - 120rem); border-left:1px solid #ddd;}
.pg1Box:first-child .pg1Box_txt:after{content:''; display:block; position:absolute; left:-7rem; top:0rem; width:13rem; height:13rem; background:#fff; border-radius:50%;}
.pg1Box:last-child .pg1Box_txt{padding-bottom:0 !important;}
.pg1Box_txt:before{content:''; display:block; position:absolute; left:-7rem; top:10rem; width:13rem; height:13rem; background:var(--primary); border-radius:50%; z-index:2;}
.pg1Box_txt h3{margin-bottom:10rem; font-size:22rem; color:#111;}
.pg1Box_txt p{font-size:18rem; color:#444;}
@media(max-width:767px){
    .pg1Box{display:block; position:relative; border-left:1px solid #ddd;}
    .pg1Box:first-child:after{content:''; display:block; position:absolute; left:-7rem; top:0rem; width:13rem; height:13rem; background:#fff; border-radius:50%;}
    .pg1Box:before{content:''; display:block; position:absolute; left:-7rem; top:10rem; width:13rem; height:13rem; background:var(--primary); border-radius:50%; z-index:2;}
    .pg1Box:first-child .pg1Box_txt:after,
    .pg1Box_txt:before{display:none;}
    .pg1Box em{margin-bottom:5rem; padding-left:30rem; width:100%;}
    .pg1Box_txt{padding-left:30rem; padding-bottom:40rem; width:100%; border:none;}
}


/* PG라엘링크 > 제품 소개 */
.prList{display:grid; grid-template-columns:1fr 1fr; gap:40rem;}
.prList_li{display:flex; padding:30rem; border:1px solid #ddd; cursor:pointer; transition:0.2s;}
.prList_li__span{display:block; width:150rem; height:150rem;}
.prList_li__img{display:block; width:100%; height:100%; object-fit:contain;}
.prList_li__txt{display:flex; flex-direction:column; justify-content:center; padding-left:30rem; width:calc(100% - 150rem);}
.prList_li__h2{display:flex; align-items:flex-end; font-size:var(--fs25); color:#111; transition:0.2s; font-family:var(--font-mon)}
.prList_li__i{display:none; margin-bottom:4rem; margin-left:20rem; font-size:17rem; color:#666; font-style:normal; font-weight:400; font-family:var(--font-pre)}
.prList_li__spec{display:grid; grid-template-columns:repeat(5, 1fr); gap:5rem; margin-top:15rem;}
.prList_li__spec li{font-size:14rem; text-align:center;}
.prList_li__spec p{display:flex; align-items:center; justify-content:center; flex-direction:column; padding:5rem 7rem; border:1px solid #87bdc5; border-bottom:0; height:52rem; color:#555;}
.prList_li__spec em.line{display:block; border-top:1px solid #87bdc5; width:100%;}
.prList_li__spec h6{padding:5rem 7rem; background:#87bdc5; color:#fff; font-size:14rem; font-weight:400;}
.prList_li__spec li.none{filter:grayscale(10); opacity:0.6;}
.prInfo{display:block; position:fixed; left:0; top:0; width:100%; height:100vh; cursor:auto; z-index:10; opacity:0; visibility:hidden; transition:0.2s ease;}
.prInfo.block{opacity:1; visibility:visible;}
.prInfo.active{opacity:1; visibility:visible;}
.prInfo:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.prInfo .inr{display:flex; flex-direction:column; justify-content:center; height:100%;}
.prInfo .tit{display:flex; justify-content:space-between; align-items:center; padding:0 50rem; width:100%; height:80rem; background:#222; border:1px solid #fff;}
.prInfo .tit h2{font-size:var(--fs30); color:#fff; font-weight:600; font-family:var(--font-mon); line-height:1;}
.prInfo .tit .btnClose{display:block; position:relative; width:40rem; height:40rem;}
.prInfo .tit .btnClose span{display:block; position:absolute; left:50%; top:50%; width:3rem; height:32rem; background:#fff;}
.prInfo .tit .btnClose span:first-child{transform:translate(-50%,-50%) rotate(45deg);}
.prInfo .tit .btnClose span:last-child{transform:translate(-50%,-50%) rotate(-45deg);}
.prInfo_wrap{display:flex; flex-wrap:wrap; padding:50rem; width:100%; height:75vh; background:#fff;}
.prInfo_img{width:42%; height:100%;}
.prInfo_swiper2 li{padding:30rem;}
.prInfo_swiper2 .img{display:block; margin:auto; width:350rem; height:350rem; object-fit:contain;}
.prInfo_swiper2 .img img{display:block; width:100%; height:100%; object-fit:contain;}
.prInfo_swiper2 .swiper-button-next:after, .prInfo_swiper2 .swiper-button-prev:after{color:#333;}
.prInfo_swiper1{margin-top:20rem;}
.prInfo_swiper1 li{cursor:pointer;}
.prInfo_swiper1 .img{display:block; padding:10rem; width:100%; height:100rem; border:1px solid #ededed;}
.prInfo_swiper1 .img img{display:block; width:100%; height:100%; object-fit:contain;}
.prInfo_swiper1 li.swiper-slide-thumb-active .img{border-color:#888;}
.prInfo_swiper1 li.swiper-slide-thumb-active .img img{opacity:0.3;}
.prInfo_table{padding-left:50rem; width:58%; height:100%; overflow-y:scroll;}
.prInfo_table table{width:100%;}
.prInfo_table th,
.prInfo_table td{padding:16rem 1em 13rem; font-size:16rem !important;}
.prInfo_table td{color:#444;}
.prInfo_table td a{display:inline-block; color:#63aac5;}
.prInfo_table td.ta-l{text-align:left !important;}
.prInfo_table .bullets1{position:relative; padding-left:13rem;}
.prInfo_table .bullets1+.bullets1{margin-top:4rem;}
.prInfo_table .bullets1:before{content:'-'; display:block; position:absolute; left:0; top:0;}
@media(hover:hover){
    .prList_li:hover{border-color:var(--primary);}
    .prList_li:hover .prList_li__h2{color:var(--primary);}
}
@media(max-width:1279px){
    .prList{gap:15rem;}
    .prList_li{padding:30rem 20rem;}
    .prInfo .tit{padding:0 20rem; height:70rem;}
    .prInfo_wrap{padding:40rem 20rem;}
    .prInfo_img{overflow-y:scroll;}
    .prInfo_swiper2 .img{width:240rem; height:240rem;}
    .prInfo_swiper1 .img{height:70rem;}
    .prInfo_table{padding-left:20rem;}
}
@media(max-width:1279px) and (min-width:768px){
    .prList_li{display:block;}
    .prList_li__span{margin:0 auto 30rem;}
    .prList_li__txt{padding-left:0; width:100%;}
}
@media(max-width:767px){
    .prList{display:block;}
    .prList_li{position:relative; padding-top:80rem; padding-bottom:25rem; margin-bottom:15rem;}
    .prList_li__span{width:120rem; height:130rem;}
    .prList_li__img{object-position:top;}
    .prList_li__txt{padding-left:20rem; width:calc(100% - 120rem);}
    .prList_li__h2{position:absolute; left:20rem; top:25rem; font-size:24rem;}
    .prList_li__i{margin-bottom:6rem;}
    .prList_li__spec{margin-top:0; grid-template-columns:repeat(3, 1fr);}
    .prInfo .tit{height:62rem;}
    .prInfo .tit h2{font-size:24rem;}
    .prInfo_wrap{display:block; padding:30rem 20rem; overflow-y:scroll;}
    .prInfo_img{width:100%; height:auto;}
    .prInfo_swiper2 li{padding:0;}
    .prInfo_swiper2 .img{width:210rem; height:210rem;}
    .prInfo_swiper2 .swiper-button-next:after, .prInfo_swiper2 .swiper-button-prev:after{font-size:35rem;}
    .prInfo_swiper1{margin-top:30rem;}
    .prInfo_swiper1 .img{padding:5rem;}
    .prInfo_table{margin-top:30rem; padding-left:0; width:100%; height:auto;}
/*    .prInfo_table table{width:auto;}*/
    .prInfo_table th,
    .prInfo_table td{font-size:15rem !important;}
}


/* PG가맹점 > 가맹점 */
.franchise3Wrap{display:flex;}
.franchise3Wrap > ul{padding-right:50rem; width:45%;}
.franchise3Wrap > ul > li{padding:40rem 30rem; border:1px solid #ddd; border-left:10rem solid #cedcde;}
.franchise3Wrap > ul > li+li{margin-top:15rem;}
.franchise3Wrap > ul > li h3{margin-bottom:15rem; font-size:20rem; color:#111;}
.franchise3Map{display:flex; flex-direction:column; align-items:center; justify-content:center; width:55%; background:linear-gradient(45deg,#b2c3c6,#d7e0e3);}
.franchise3Map h2{display:inline-block; margin:50rem auto 40rem; padding:0 25rem; height:54rem; line-height:54rem; font-size:22rem; color:#7ea4ab; background:#fff; border-radius:30rem;}
.franchise3Map_div{position:relative; width:465rem;}
.franchise3Map__span{display:block; width:100%;}
.franchise3Map__img{display:block; width:100%;}
.franchise3Map__a{display:block; position:absolute; width:70rem; z-index:1;}
.franchise3Map__a em{display:block; position:absolute; left:0; top:24rem; width:100%; text-align:center; font-size:22rem; color:#fff; line-height:1; font-weight:500;}
.franchise3Map__a svg{display:block; width:100%;}
.franchise3Map__a svg .cls-1{fill:#222;}
.franchise3Map__a span{display:block; position:relative; margin:10rem auto 0; width:11rem; height:11rem; background:#d13a3a; border-radius:50%;}
.franchise3Map__a span:before{content:''; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) scale(0); width:30rem; height:30rem; background:#d13a3a; border-radius:50%; opacity:0; animation:mapPoint 1.2s infinite both;}
.franchise3Map__a.seoul{left:20%; top:5%;}
.franchise3Map__a.gyeong-gi{left:37%; top:9%;}
.franchise3Map__a.gang-won{right:30%; top:4%;}
.franchise3Map__a.chungcheong{left:31%; top:28%;}
.franchise3Map__a.gyeongsang{right:21%; bottom:46%;}
.franchise3Map__a.jeolla{left:23%; bottom:32%;}
.franchise3Map__a.jeju{left:30%; bottom:8%;}
@keyframes mapPoint{
    0%{transform:translate(-50%,-50%) scale(0); opacity:0;}
    70%{opacity:0.2;}
    100%{transform:translate(-50%,-50%) scale(1); opacity:0;}
}
@media(max-width:1279px){
    .franchise3Wrap > ul{padding-right:30rem; width:48%;}
    .franchise3Wrap > ul > li{padding:30rem 20rem;}
    .franchise3Map{width:52%;}
    .franchise3Map h2{margin:40rem auto 25rem;}
    .franchise3Map_div{width:440rem;}
}
@media(max-width:767px){
    .franchise3Wrap{flex-direction:column-reverse;}
    .franchise3Wrap > ul{margin-top:30rem; padding-right:0; width:100%;}
    .franchise3Map{width:100%;}
    .franchise3Map h2{margin:30rem auto 15rem; font-size:20rem; height:50rem; line-height:50rem;}
    .franchise3Map_div{width:80%;}
    .franchise3Map__a{width:55rem;}
    .franchise3Map__a em{font-size:18rem; top:20rem;}
}


/* PG가맹점 > 가맹점 현황 */
.franchise3List{display:grid; grid-template-columns:repeat(5, 1fr); gap:20rem;}
.franchise3List li{}
.franchise3List a{display:block; padding:25rem 30rem; width:100%; height:90rem; border:1px solid #ddd;}
.franchise3List img{display:block; width:100%; height:100%; object-fit:contain;}
@media(max-width:1279px){
    .franchise3List{grid-template-columns:repeat(4, 1fr); gap:15rem;}
    .franchise3List a{padding:20rem 20rem; height:80rem;}
}
@media(max-width:767px){
    .franchise3List{grid-template-columns:repeat(3, 1fr); gap:10rem;}
    .franchise3List a{padding:10rem 15rem; height:50rem;}
}


/* EDU > PG란? */
.about4 p{font-size:18rem; color:#444;}
.about4Cont1_ul{margin-top:20rem;}
.about4Cont2_table td{text-align:left;}
.about4Cont2_table td em{color:#c90d0d;}
.about4Cont2_vs{margin-top:20rem; padding:30rem 0 0; border:1px solid #ddd;}
.about4Cont2_vs h3{margin:auto; padding:8rem 0; border-radius:30rem; width:320rem; font-size:var(--fs25); background:#eee; color:#222; text-align:center; font-weight:600;}
.about4Cont2_vs__div{display:flex; align-items:center; padding:60rem 0;}
.about4Cont2_vs__span{display:block; padding:0 60rem; width:50%;}
.about4Cont2_vs__span:first-child{border-right:1px dashed #ccc;}
.about4Cont2_vs__span img{display:block; width:100%;}
.about4Cont3_system{margin-top:10rem;}
.about4Cont3_img1{padding:60rem; border:1px solid #ddd;}
.about4Cont3_img1 img{display:block; margin:auto; max-width:1000rem; width:100%;}
.about4Cont3_img1 img.mo{display:none;}
.about4Cont3_img2{display:flex; justify-content:space-between;}
.about4Cont3_img2__box{width:calc(50% - 25rem);}
.about4Cont3_img2__span{display:block; width:100%; border:1px solid #ddd;}
.about4Cont3_img2__img{display:block; width:100%;}
.about4Cont3_img2__em{display:block; margin-top:10rem; text-align:center; font-size:18rem; font-weight:500; color: aliceblu#222;}
.about4Cont3_ul2{display:grid; grid-template-columns:repeat(5, 1fr); gap:15rem;}
.about4Cont3_ul2 li{padding:30rem 20rem; background:#f5f5f5;}
.about4Cont3_ul2 h3{font-size:20rem; margin-bottom:10rem;}
.about4Cont4_effect{display:grid; grid-template-columns:repeat(3, 1fr); gap:40rem;}
.about4Cont4_effect li{padding:40rem 30rem; border:1px solid #ddd; border-top:4rem solid var(--primary);}
.about4Cont4_effect em{display:block; font-size:16rem; font-weight:bold; color:var(--primary); font-family:var(--font-mon);}
.about4Cont4_effect h3{margin:20rem 0; font-size:20rem; color:#222;}
/* NETTE 추가 START */
.about4Cont4_effect.col2{display:grid; grid-template-columns:repeat(2, 1fr); gap:40rem;}
.about4Cont3_ul2.col2{display:grid; grid-template-columns:repeat(2, 1fr); gap:15rem;}
/* NETTE 추가 END */
@media(max-width:1279px){
    .about4Cont2_vs__div{padding:40rem 0;}
    .about4Cont2_vs__span{padding:0 40rem;}
    .about4Cont3_img1{padding:40rem;}
    .about4Cont3_ul2{grid-template-columns:1fr 1fr 1fr;}
    .about4Cont3_img2__box{width:calc(50% - 10rem);}
    .about4Cont4_effect{grid-template-columns:repeat(2, 1fr); gap:20rem 15rem;}
    .about4Cont4_effect li{padding:30rem 20rem;}
}
@media(max-width:767px){
    .about4Cont2_vs{padding:20rem 0 0;}
    .about4Cont2_vs__div{display:block; padding:40rem 20rem;}
    .about4Cont2_vs__span{padding:0; width:100%;}
    .about4Cont2_vs__span:first-child{padding-bottom:40rem; margin-bottom:40rem; border-right:0; border-bottom:1px dashed #ccc;}
    .about4Cont3_img1{padding:30rem 20rem;}
    .about4Cont3_img1 img.pc{display:none;}
    .about4Cont3_img1 img.mo{display:block;}
    .about4Cont3_ul2{grid-template-columns:1fr 1fr;}
    .about4Cont3_img2{display:block;}
    .about4Cont3_img2__box{width:100%;}
    .about4Cont3_img2__box1{margin-bottom:30rem;}
    .about4Cont4_effect{display:block;}
    .about4Cont4_effect li+li{margin-top:20rem;}
    .about4Cont4_effect h3{margin:15rem 0;}
}


/* EDU > PG 진행 세부절차 */
.edu2Cont1_ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:40rem;}
.edu2Cont1_ul li{padding:40rem 30rem; text-align:center; font-size:0; border:1px solid #ddd;}
.edu2Cont1_ul span{display:inline-block; margin:auto; height:100rem;}
.edu2Cont1_ul img{display:block; height:100%;}
.edu2Cont1_ul em{display:block; margin:20rem 0 15rem; font-size:16rem; font-family:var(--font-mon); color:var(--primary); font-weight:bold;}
.edu2Cont1_ul p{font-size:20rem; font-weight:500; color:#333;}
.edu2Cont1_ul i{display:block; margin-top:5rem; color:#666; font-size:16rem; font-style:normal;}
.edu2Cont1_ul2{}
.edu2Cont1_ul2 li{padding:40rem 30rem; background:#f5f5f5;}
.edu2Cont1_ul2 li+li{margin-top:20rem;}
.edu2Cont1_ul2 h3{margin-bottom:10rem; font-size:var(--fs22); color:#111;}
.edu2Cont1_ul2 p{font-size:18rem; color:#444;}
@media(max-width:1279px){
    .edu2Cont1_ul{gap:15rem;}
    .edu2Cont1_ul li{padding:30rem 15rem;}
    .edu2Cont1_ul span{height:80rem;}
    .edu2Cont1_ul p{font-size:18rem;}
    .edu2Cont1_ul2 li{padding:30rem 20rem;}
}
@media(max-width:767px){
    .edu2Cont1_ul{grid-template-columns:repeat(2, 1fr);}
}


/* EDU > PG 업종안내 */
.edu3Txt{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:30rem;}
.edu3Txt_tit em{display:inline-block; margin:0 auto 20rem; padding:8rem 25rem; border-radius:40rem; font-size:16rem; font-weight:600; color:#fff; background:var(--primary);}
.edu3Txt_tit h2{font-size:var(--fs40); color:#111;}
.edu3Txt_tit h3{margin-top:5rem; font-size:22rem; color:#aaa; font-weight:600;}
.edu3Txt p{padding-left:80rem; width:52%; margin-top:-5rem; font-size:18rem; color:#444;}
.edu3Img{display:block; margin-top:20rem; padding:60rem; margin-left:auto; margin-right:auto;  background:#f5f5f5;}
.edu3Img img{display:block; margin:auto; max-width:700rem; width:100%;}
@media(max-width:1279px){
    .edu3Txt{display:block;}
    .edu3Txt p{padding-left:0; margin-top:20rem; width:auto;}
    .edu3Img{padding:40rem; margin-top:40rem;}
}
@media(max-width:767px){
    .edu3Txt_tit h2{font-size:25rem;}
    .edu3Txt_tit h3{margin-bottom:25rem; font-size:20rem;}
    .edu3Txt p{font-size:18rem;}
    .edu3Txt p > br.mo_hide{display:none;}
    .edu3Img{padding:30rem 20rem; }
}
    


/* EDU > PG 가맹점 준비사항 */
.edu4 p{font-size:18rem; color:#444;}
.edu4 .common_table{width:100%;}


/* EDU > PG 상품안내 */
.edu5Cont1{display:grid; grid-template-columns:repeat(3, 1fr); gap:40rem;}
.edu5 h2{padding:40rem; font-size:var(--fs30); color:rgba(255,255,255,0.85); background:var(--primary); font-weight:600;}
.edu5 h2 em{color:#fff; font-weight:800;}
.edu5 .box{position:relative; padding:40rem 30rem; border:1px solid #ddd;}
.edu5 .box img{display:block; position:absolute; top:37rem; right:30rem; height:35rem;}
.edu5 .box h3{font-size:22rem; color:#111;}
.edu5 .box p{margin-top:15rem; font-size:18rem; color:#444;}
@media(max-width:1279px){
    .edu5Cont1{grid-template-columns:repeat(2, 1fr); gap:15rem;}
    .edu5 h2{padding:30rem 20rem}
    .edu5 .box img{right:20rem; top:28rem;}
    .edu5 .box{padding:30rem 20rem;}
}
@media(max-width:767px){
    .edu5 h2{font-size:22rem; padding-top:65rem;}
    .edu5 .box img{height:30rem;}
    .edu5 .box h3{font-size:20rem;}
}




/* 매장찾기 */
.area_find{position:relative; margin-top:20rem;}
.area_find .find_wrap{position:relative; background:#fff; overflow:hidden;}
.area_find .box_double.shop{position:relative; float:left; background:#fff; margin:0;}
.area_find .box_double.shop div.search{width:400rem;}
.area_find .box_double.shop div.search em{padding:15rem 0; background: var(--primary); font-size:18rem; color:#fff;}
.area_find .box_double.shop div.search{padding:0;}
.area_find .box_double.shop div.search:before{display:none;}
.area_find .box_double.shop div.search .form .button{min-width:auto; width:40rem; background: #000 url(/images/content/icon_search.png) no-repeat 50% 50%;}
.area_find .box_double.shop div.search .form{padding-top:10rem}
.area_find .box_double.shop div.search .form input[type="text"]{width: calc(100% - 35rem);}
.area_find .box_double.shop .list_search{overflow-y:scroll; width:90%; height:460rem; margin:15rem auto;}
.area_find .box_double.shop .list_search li a{display:block; padding:10rem 0; border-bottom:1px solid #eee; text-align:left;}

.info_search_image{position:absolute; right:35%; top:44%}
.info_search_text{position:relative; max-width:460rem; width:max-content; border:1px solid #ddd; transform: translateX(-6%); }
.info_search_text .button{z-index:9; position:absolute; right:10rem; top:10rem; min-width:auto; width:30rem; height:30rem; padding:0;}
.info_search_text h3{position:relative; background:var(--primary); padding:15rem 40rem 15rem 40rem;  color:#fff;}
.info_search_text h3:before{content:""; position:absolute; left:10rem; top:10rem; width:20rem; height:25rem;background:url(/images/content/icon_map.svg) no-repeat 50% 50%;}
.info_search_text p{position:relative; padding:10rem; background:#fff; font-size:13pt; line-height:100%; white-space:initial; }
.info_search_text p:last-of-type::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;}

.store_map{float:right; width:calc(100% - 430rem); height:600rem;}
@media (max-width: 1023px) {
	.area_find .box_double.shop {position: static; float:none; }
	.area_find .box_double.shop div.search {width: 100%; }
	.store_map{float:none; width:100%; height:500rem;}
}