@charset "utf-8";


.intro2{color: #222; display: flex; align-items: center; color: #222; flex-wrap: wrap;}
.intro2 .txt{width: 50%; padding: 6rem;}
.intro2 .txt h3{font-size: 3.5rem;margin-bottom: 5rem;}
.intro2 .txt h3 span{color: #c0d94c;}
.intro2 .txt p{font-size: 2rem; line-height: 3.5rem;word-break: keep-all;}
.intro2 .txt p + p{margin-top: 4rem;}
.intro2 .txt h4{font-size: 2.5rem;margin-top: 9rem; text-align: right;}
.intro2 .img{width: 50%; border-radius: 5rem 0 5rem 0; overflow: hidden;}
.intro2 .img img{width: 100%;}
br.br1040{display: none;}
br.br768{display: none;}
br.mo{display: none;}

@media screen and (max-width:1400px){
    .intro2 .txt{ padding: 4rem;}
}
@media screen and (max-width:1280px){
    .intro2 .txt{ padding: 0 3rem;}
    .intro2 .txt h3{font-size: 3rem;margin-bottom: 3rem;}
    .intro2 .txt p{font-size: 1.8rem; line-height: 3.2rem;}
    .intro2 .txt p + p{margin-top: 2rem;}
    .intro2 .txt h4{font-size: 2.2rem;margin-top: 6rem;}
}
@media screen and (max-width:1040px){
    .intro2 .txt{width: 100%; order: 2; margin-top: 5rem;}
    .intro2 .img{border-radius: 0; order: 1;}
    br.br1040{display: block !important;}
}
@media screen and (max-width:768px){
    br.br768{display: block !important;}
}
@media screen and (max-width:680px){
    .intro2 .txt{order: 2; padding: 5rem 2rem; margin-top: 0;}
    .intro2 .txt h3{font-size: 2.7rem;}
    .intro2 .txt p{font-size: 1.6rem; line-height: 3rem;}
    .intro2 .txt h4{font-size: 2rem;margin-top: 4rem;}
    .intro2 .img{order: 1; width: 100%; border-radius: 2rem;}
    .intro2 .img2{order: 3;}
    .intro2 .txt2{order: 4;}
    br.br1040{display: block !important;}
}
@media screen and (max-width:480px){
    br.mo{display: block !important;}
}


#historyTop {width:100%; height:360px;  background:url('/images/sub/history-bg.jpg')no-repeat 60% center; display:table}
#historyTop .in-box {width:90%; display:table-cell; vertical-align:middle; text-align:center; color:#FFF; position:relative}
#historyTop .in-box:before {content:'SINCE 1957'; width:100%; font-size:10rem; opacity:.2; font-weight:900; font-family:'Montserrat'; position:absolute; left:50%; bottom:-30px; transform:translateX(-50%)}
#historyTop .eng {margin-bottom:2em; font-size:1.3rem; font-weight:700; letter-spacing:0.5em; font-family:'Montserrat'}
#historyTop h3 {font-size:4rem; font-weight:300;  line-height:1.4em;}

@media all and (max-width:1280px) {	
    #historyTop h3 {font-size:3.5rem;}
}
@media all and (max-width:980px) {	
    #historyTop h3 {font-size:3rem;}
}
@media all and (max-width:640px) {	
    #historyTop .in-box:before { font-size:8rem; }
}
@media all and (max-width:480px) {	
    #historyTop {height: auto; background-position:45% center}
	#historyTop .in-box {padding:80px 0}
	#historyTop .in-box:before { font-size:7rem; bottom:-23px;}
	#historyTop .eng {margin-bottom:1.5em; font-size: 1.2rem;}
	#historyTop h3 {font-size:2.7rem;}
}




.his_wrap {overflow:hidden; box-sizing:border-box; position:relative; }
.his_wrap:before{content:""; position:absolute; top:0; left:50%; margin-left:-0.5px; width:1px; height:100%; background:#ddd; z-index:1;}

.his_wrap .his_bx{box-sizing:border-box; padding-top:5em; position:relative; overflow:hidden;}
.his_wrap .his_bx .in{clip: rect(auto, auto, auto, auto); top:0; left:0; width:100%; height:100%; position:absolute; z-index:0; overflow:hidden;}
.his_wrap .his_bx .in .bg{position: fixed; display: block; top: 0; left: 0; width: 100%; height: 100%; background-repeat:no-repeat; background-position:center center; transform: translateZ(0); will-change: transform; }
.his_wrap .his_bt{padding-bottom:8em}

.his_wrap li {position:relative; z-index:2;  width:50%; float:right; text-align:left; padding:0 20px 3em; box-sizing:Border-box;}
.his_wrap li+li{clear:both;}

.his_wrap li .t { position:relative; font-size:5.0rem;  margin-bottom:30px; color:#b7d432; font-weight: 700;}
.his_wrap li .t:before {content:""; position:absolute; top:0.45em; left:-30px; width:20px; height:20px; border-radius:100%; background:#b7d432; border:6px solid #f0f7ce;}
.his_wrap li .c { font-size:1.7rem; line-height: 1.8em;}
.his_wrap li .c dt{ width:7rem; display:inline-block; vertical-align:top; margin-bottom:15px; color:#212121; font-weight: 700; line-height: 1.5em;  font-size:2rem; font-family:'Roboto'; }
.his_wrap li .c dd{width:calc(100% - 7rem); display:inline-block; vertical-align:top; margin-bottom:15px; line-height: 1.5em; font-size: 2rem;}
.his_wrap li .c p { position: relative; margin-bottom:10px; padding: 0 15px; }
.his_wrap li .c p::before { content:''; width: 3px; height: 3px; background: #b7d432; position: absolute; left:0; top: 50%; margin-top: -1.8px; }

.his_wrap li:nth-of-type(2n) {float:left; text-align:right; }
.his_wrap li:nth-of-type(2n) .t:before{left:unset; right:-30px;}
.his_wrap li:nth-of-type(2n) dt{float:right; }
.his_wrap li:nth-of-type(2n) .c p::before { left: unset; right:0; }

@media all and (max-width:767px) {
	.his_wrap .his_bx{ padding-left:10px;}
	.his_wrap:before{ margin-left:0; left:10px;  }
	.his_wrap li{ width:100%;}
	.his_wrap li .t { font-size: 4.0rem; }
	.his_wrap li .t:before { top:0.35em;  }
	.his_wrap li .c dt{ width:6rem; }
	.his_wrap li .c dd{width:calc(100% - 6rem); }
    
	.his_wrap li:nth-of-type(2n){float:right; text-align:left; }
	.his_wrap li:nth-of-type(2n) .t:before{left:-30px; right:inherit;}
	.his_wrap li:nth-of-type(2n) dt{float:left; }
    
	.his_wrap li:nth-of-type(2n) .c p::before { right:unset; left: 0;  }
}

@media all and (max-width:568px) {
    .history-top { padding: 12% 0; }
	.history-top h4 { font-size: 3.5rem; }
    .his_wrap li .t { font-size:3.5rem; }
    .his_wrap li .c dt{font-size: 1.8rem;}
    .his_wrap li .c dd{font-size: 1.8rem;}
}




.organization_graph strong, .organization_graph b{font-size:2rem; font-weight:normal; letter-spacing:-1px; position:relative; z-index:3;}
.organization_graph, .organization_graph span{font-size:1.8rem; font-weight:normal;}

.organization_graph{text-align:center; position:relative;}
.organization_graph>li>strong{display:inline-block; width:220px; padding:2rem; box-sizing:border-box; text-align:center; background:#b7d432; color:#fff; border-radius:1rem;}
.organization_graph>li:first-child>ul{position:absolute; top:0; display:block; width:200px; box-sizing:border-box;}
.organization_graph>li:first-child>ul.li_1st_side_R{top:70px; left: calc(50% + 200px);}
.organization_graph>li:first-child>ul>li strong{display:block; padding:2rem; border-radius:1rem;}
.organization_graph>li:first-child>ul.li_1st_side_R>li strong{text-align:center; background-color:#f2f2f2;}
.organization_graph>li:first-child>ul:before{content:''; width:38%; height:1px; background:#ddd; display:block; position:absolute; right:-38%; top:0; bottom:0; margin:auto;}
.organization_graph>li:first-child>ul.li_1st_side_R:before{left:-200px; right:auto; width:200px; z-index:2;}
.organization_graph>li+li{padding-top:30px; position:relative;}
.organization_graph>li+li:before{content:''; width:1px; height:30px; display:block; background:#ddd; position:absolute; top:0; left:0; right:0; margin:auto;}
.organization_graph>li:nth-child(2){padding-top:80px;}
.organization_graph>li:nth-child(2):before{height:80px;}

.title_base_opt{font-size:2rem; font-weight:normal; letter-spacing:-1px;}
.title_2nd{width:100%; font-weight: bold; border: 1px solid #b7d432; color:#b7d432; padding:2rem; box-sizing:border-box; display:block; margin:3rem 0; position:relative; z-index:3; border-radius:1rem;}
.title_3rd{display:flex; align-items:center; justify-content:center; box-sizing:border-box; width:102px; height:80px; margin-bottom:20px; line-height:120%; position:relative; z-index:3;}

.li_3rd_box{display:flex; justify-content:space-between; width:100%; box-sizing:border-box;}
.li_3rd_box .li_3rd_item{display:flex;  align-items:center;}

.bark_gray_bg{display:flex; width:100%; margin:0 auto; overflow:hidden; position:relative;}
.bark_gray_bg:before{content:''; width:50%; height:1px; display:block; background:#ddd; position:absolute; top:0; left:0; right:0; margin:auto;}
.bark_gray_bg>li{width:50%; box-sizing:border-box; padding:0 2rem; position:relative;}
.bark_gray_bg>li .title_2nd{margin-left:auto; margin-right:auto;}
.bark_gray_bg>li:before{content:''; width:1px; height:30px; display:block; background:#ddd; position:absolute; top:0; left:50%; margin:auto;}

.li_3rd_box.line_ceiling{display:flex; flex-direction:column; gap:1.5rem; margin:0;}
.li_3rd_box.line_ceiling:before{display:none;}
.li_3rd_box.line_ceiling .li_3rd_item{display:flex;  background:#fff; border:1px solid #eaf2e6; border-radius:1rem; padding:2rem; gap:2rem;}
.li_3rd_box.line_ceiling .title_3rd{width:21rem; margin:0; padding:1.5rem 1rem; border-radius:1rem;  display:flex; align-items:center; justify-content:center; text-align:center; background: #4e4e4e; color: #fff;}
.li_3rd_box.line_ceiling .title_3rd b{font-weight:800;}
.li_3rd_box.line_ceiling .line_headpin:before{display:none;}
.li_3rd_box.line_ceiling .li_4th_box{display:flex; flex-wrap:wrap; gap:1rem; width:100%; margin:0;}
.li_3rd_box.line_ceiling .li_4th_box>li{height:auto; padding:0.7rem 1.5rem; margin:0; border-radius:999px; background:#f7f7f7; white-space:normal;}
.li_3rd_box.line_ceiling .li_4th_box>li>span{display:block; font-size:1.7rem; line-height:1.2; word-break:keep-all;}



@media all and (max-width:1280px) {
    .organization_graph strong, .organization_graph b{font-size:1.8rem;}
    .organization_graph, .organization_graph span{font-size:1.6rem;}
    .li_3rd_box.line_ceiling .title_3rd {width: 17rem;}
    .bark_gray_bg>li{padding:0 1rem;}
    .li_3rd_box.line_ceiling .li_4th_box>li>span{font-size:1.5rem;}
}
@media all and (max-width:980px) {
    .organization_graph>li:first-child>ul.li_1st_side_R{top:70px; left: calc(50% + 130px);}
    .organization_graph>li:first-child>ul.li_1st_side_R:before{left:-130px; width:130px;}
    .li_3rd_box.line_ceiling .li_3rd_item{flex-wrap: wrap;}
    .li_3rd_box.line_ceiling .title_3rd{width: 100%;}
    .title_3rd{height: 4.5rem;}
}
@media all and (max-width:768px) {
    .organization_graph { text-align:left; }
	.organization_graph > li + li:before{ left:50%; right:auto; margin:auto;}
	.organization_graph > li:nth-child(2):before{height:80px;}
    .organization_graph>li:first-child>ul.li_1st_side_R{left: calc(50% + 5rem);}
    .organization_graph>li:first-child>ul.li_1st_side_R:before{left:-5rem; width:5rem;}

    
	.title_2nd { text-align:center; }
	.title_3rd { width:90%; text-align:center; }
    
	.li_4th_box { width:96%; margin:0 auto; }
	.li_4th_box > li { text-align:center; height:90px; }
	.li_4th_box > li > span { word-break:break-all; }
    
    .bark_gray_bg { display:block; }
	.bark_gray_bg:before{  height:59%; background:transparent; margin:auto auto auto 0; border-left:1px solid #ddd; border-top:1px solid #ddd; }
	.bark_gray_bg > li { width:100%; padding:0 0px 0 1.5rem; }
	.bark_gray_bg > li:before{ width:50%; height:1px; top:24px; left:0%; }
	.bark_gray_bg > li:after{ top:48px; }
    .li_3rd_box.line_ceiling .li_3rd_item{padding: 1rem;}
    .li_3rd_box.line_ceiling .li_4th_box{gap: 0.5rem;}
    .li_3rd_box.line_ceiling .li_4th_box>li{padding: 0.7rem;}
    .li_3rd_box.line_ceiling .li_4th_box>li>span{letter-spacing: -0.06em;}
    .organization_graph>li:first-child>ul{width: 18rem;}
    .organization_graph>li>strong{width: 50%;}
    .organization_graph>li{text-align: center;}
}


@media all and (max-width:480px) {
    .bark_gray_bg:before{height:57.4%;}
    .organization_graph strong, .organization_graph b{font-size:1.6rem;}
    .organization_graph>li:first-child>ul{width: 16rem;}
    .organization_graph>li:first-child>ul>li strong{padding: 1.5rem;}
    .organization_graph>li:first-child>ul.li_1st_side_R{top:75px;}
}



.intro4 .map_box{}
.intro4 .map_box .root_daum_roughmap .wrap_controllers{display: none;}
.intro4 .map_box .root_daum_roughmap .cont .section.lst{display: none;}
.intro4 .info_box{margin: 35px 0;}
.intro4 .info_box h3{color: #222; font-size: 24px;}
.intro4 .info_box p{margin-top: 10px; font-size: 18px; color: #777;}
.intro4 .btn_box{display: flex; gap:12px;}
.intro4 .btn_box .btn{font-size: 16px; font-weight: 600; line-height: 52px; padding: 0 30px 0 30px; display: block;}
.intro4 .btn_box .btn.naver{color: #fff; background: #00bf18 url(/images/sub/navermap.webp) no-repeat left 20px center / 18px; padding-left: 4.4rem; padding-right: 2.5rem;}
.intro4 .btn_box .btn.kakao{background: #ffe700 url(/images/sub/kakaomap.webp) no-repeat left 20px center / 18px; padding-left: 44px; padding-right: 25px; color: #000;}
.intro4 .btn_box .btn.tel{color: #fff; background: #b7d432;}


@media all and (max-width:1400px){
	.intro4 .reser_btn a{font-size: 19px; padding: 18px 0; gap:13px;}
	.intro4 .reser_btn a img{max-width: 23px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 440px !important;}
	.intro4 .info_box{margin: 25px 0;}
	.intro4 .info_box h3{font-size: 22px;}
	.intro4 .info_box p{font-size: 17px; margin-top: 8px;}
	.intro4 .btn_box .btn{line-height: 48px; font-size: 1.6rem; padding: 0 28px;}
	.intro4 .btn_box .btn.naver{background-position: left 20px center; background-size: 16px;}
	.intro4 .btn_box .btn.kakao{background-position: left 20px center; background-size: 16px;}
}
@media all and (max-width:1280px){
	.intro4 .reser_btn a{font-size: 18px; padding: 17px 0; gap:12px;}
	.intro4 .reser_btn a img{max-width: 22px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 400px !important;}
	.intro4 .info_box{margin: 22px 0;}
	.intro4 .info_box h3{font-size: 21px;}
	.intro4 .btn_box .btn{line-height: 46px; padding: 0 26px;}
}
@media all and (max-width:768px){
	.intro4 .reser_btn a{font-size: 17px; padding: 16px 0; gap:11px;}
	.intro4 .reser_btn a img{max-width: 21px;}
	.intro4 .root_daum_roughmap .wrap_map{height: 360px !important;}
	.intro4 .info_box h3{font-size: 20px;}
	.intro4 .info_box p{font-size: 1.6rem; margin-top: 0.6rem;}
	.intro4 .btn_box{gap:1rem;}
	.intro4 .btn_box .btn{line-height: 44px; padding: 0 2.3rem;}
	.intro4 .btn_box .btn.naver{background-position: left 2.2rem center; background-size: 1.5rem;}
	.intro4 .btn_box .btn.kakao{background-position: left 2.2rem center; background-size: 1.5rem;}
}
@media all and (max-width:500px){
	.intro4 .reser_btn a{font-size: 1.6rem; padding: 1.5rem 0; gap:1rem;}
	.intro4 .reser_btn a img{max-width: 2rem;}
	.intro4 .root_daum_roughmap .wrap_map{height: 320px !important;}
	.intro4 .info_box h3{font-size: 2.3rem;}
	.intro4 .btn_box .btn{line-height: 4.2rem;}
}


.trs_box{margin-top: 5rem; border-top: 2px solid #b7d432; padding: 3rem; display: flex;}
.trs_box h3{font-size: 3rem; color: #222;width: 25rem;}
.trs_box .cont{width: calc(100% - 25rem);}
.trs_box .cont p{font-size: 2rem; display: flex; align-items: center;}
.trs_box .cont span{font-size: 1.5rem;color: #fff; display: inline-block;padding: 0.3rem 1.2rem; border-radius: 100px;margin: 0.3rem;}
.trs_box .cont > div p{margin-bottom: 0.5rem;}
.trs_box .cont > div + div{margin-top: 2rem;}
.sb2{background: #3ab449;}
.gr{background: #53b42a;}
.bl{background: #6175f5;}

@media all and (max-width:1400px){
    .trs_box h3{font-size: 2.5rem;width: 20rem;}
    .trs_box .cont{width: calc(100% - 20rem);}
    .trs_box .cont p{font-size: 1.8rem;}
}
@media all and (max-width:768px){
    .trs_box{flex-wrap: wrap; padding:0; margin-top: 3rem;}
    .trs_box h3{font-size: 2.5rem;width: 100%; padding: 1.5rem; border-bottom: 1px solid #ddd; }
    .trs_box .cont{width: 100%;padding: 1.5rem;}
}
@media all and (max-width:480px){
    .trs_box h3{font-size: 2rem;}
}


.s_box{display: flex; color: #222;}
.s_box + .s_box{margin-top: 5rem;}
.s_box .tt{width: 28rem; border-top: 3px solid #b7d432;padding: 2rem;}
.s_box .tt h3{font-size: 3.5rem;}
.s_box .cont{border-top: 1px solid #ddd; width: calc(100% - 28rem); padding: 2rem;}


.outline{display:table; width:100%; border-collapse:collapse; border:1px solid #dfe6c9; background:#fff;}

.outline dl{display:table-row;}
.outline dt,.outline dd{display:table-cell; padding:2rem; border:1px solid #dfe6c9; vertical-align:middle; font-size:1.8rem;}
.outline dt{width:220px; background:#f3f8e6; font-weight:700; color:#2f3a1f; text-align: center;}
.outline dd{background:#fff; color:#333;}
.outline dl.w100 dt{ text-align:center;}
.outline dl.w100 dd{padding:2rem;}
.outline dl.w100 ul{ width:100%; display: flex; flex-wrap: wrap;gap: 1rem;}
.outline dl.w100 li{display: flex; align-items: center;gap: 1rem; width: 100%; justify-content: stretch;}
.outline dl.w100 li h3,
.outline dl.w100 li p{ padding:1.5rem 2rem; border:1px solid #e1e7cc; font-size:1.7rem; vertical-align:middle; border-radius: 100px;}
.outline dl.w100 li h3{width:10rem; background:#f7faec; font-weight:800; color:#4a5a2a; text-align:center;}
.outline dl.w100 li p{ width: calc(100% - 11rem); word-break: keep-all;}


@media all and (max-width:1400px){
    .s_box .tt{width: 25rem;}
    .s_box .cont{width: calc(100% - 25rem);}
    .outline dt{width:18rem;}
}
@media all and (max-width:1280px){
    .s_box .tt h3{font-size: 3rem;}
}
@media all and (max-width:980px){
    .s_box{flex-wrap: wrap;}
    .s_box .tt{width: 100%;}
    .s_box .cont{width: 100%;}
}

@media all and (max-width:768px){
    .outline{ border: 0;display:flex; flex-wrap: wrap; gap: 2rem;}
    .outline dl{display:block; width: 100%; text-align: center;}
    .outline dt,.outline dd{display:block; width:100%;}
    .outline dt{border-bottom:none;}
}
@media all and (max-width:480px){
    .s_box .tt{padding: 1.5rem;}
    .s_box .tt h3{font-size: 2.5rem;}
    .s_box .cont{padding: 1.5rem;}
    .outline dl.w100 dd{padding:1rem;}
    .outline dl.w100 li{flex-wrap: wrap;gap: 0rem;}
    .outline dl.w100 li h3{border-bottom: 0;}
    .outline dl.w100 li h3,
    .outline dl.w100 li p{ padding:1rem 1.5rem; border-radius: 0px; width: 100%;font-size: 1.6rem;}
    .outline dl.w100 ul{gap:1.5rem;}
}



#amazingslider-1{position:relative;}
.slider-overlay{position:absolute;left:3rem;top: 3rem;  z-index:50;display:flex; flex-wrap: wrap;gap: 0.5rem;}
.slider-overlay .overlay-label{display:inline-block;border-radius:999px;color:#b7d432; font-size:1.8rem;font-weight:800;}
.slider-overlay #sliderTitle{font-size:3rem;font-weight:800;color:#2f3a1f;letter-spacing:-.5px; width: 100%; color: #fff;}


@media all and (max-width:768px){
    .slider-overlay{ bottom:16px; padding:1rem 1.8rem;}
    .slider-overlay #sliderTitle{font-size:1.7rem;}
}


.service1{display: flex; gap: 5rem; flex-wrap: wrap; align-items: stretch; }
.service1 .item{width: 100%;color: #222; display: flex;align-items:center;border-radius: 1rem; overflow: hidden;background: #fbfcf3 url('/images/sub/service1_bg.png') 98% 10% / 15rem no-repeat;}
.service1 .item:nth-child(even){background-position: 42% 10%;}
.service1 .item:nth-child(even) .img{order: 2;}
.service1 .item .img{width: 50%;}
.service1 .item .img img{width: 100%;}
.service1 .item .txt{width: 50%; padding:3rem 5rem;}
.service1 .item .txt h3{font-size:3rem; position: relative;padding-bottom: 2rem; margin-bottom: 2rem;}
.service1 .item .txt h3:after{position: absolute; width: 5rem; height: 0.3rem; background: #b7d432; content: ''; bottom: 0;left: 0;}
.service1 .item .txt p{font-size: 2rem; line-height: 3rem;}
.service1 .item .txt ul{font-size: 2rem; margin-top: 2rem; }
.service1 .item .txt ul li{position: relative; padding-left: 2.5rem;}
.service1 .item .txt ul li::after{content: '\e86c'; font-family: 'Material Symbols Outlined'; position: absolute;left: 0;top: 0;color: #b7d432;}
.service1 .item .txt ul li + li{margin-top: 1rem;}

@media all and (max-width:1280px){
    .service1{gap: 3rem;}
    .service1 .item{flex-wrap: wrap; width: calc(100%/2 - 3rem/2); align-items: start; align-content: start; background-position: 95% 95%; background-size: 10rem;}
    .service1 .item:nth-child(even){background-position: 95% 95%;}
    .service1 .item .img{width: 100%;}
    .service1 .item .txt{width: 100%; padding: 4rem;}
    .service1 .item:nth-child(even) .img{order: 1;}
    .service1 .item:nth-child(even) .txt{order: 2;}
    .service1 .item .txt h3{font-size:2.7rem;}
    .service1 .item .txt p{font-size: 1.8rem; line-height: 2.6rem;}
    .service1 .item .txt ul{font-size: 1.8rem;}
}
@media all and (max-width:880px){
    .service1{gap: 5rem;}
    .service1 .item{width: 100%;}
}
@media all and (max-width:480px){
    .service1 .item .txt{padding: 4rem 2rem;}
    .service1 .item .txt h3{font-size:2.5rem;}
    .service1 .item .txt p{font-size: 1.6rem;}
    .service1 .item .txt ul{font-size: 1.6rem;}
    .service1 .item .txt ul li{padding-left: 2rem; letter-spacing: -0.07em;}
}

.check{font-size: 2rem; padding: 3rem; background: #f3f8e693;}
.check p{padding-left: 2.5rem;position: relative;}
.check p:after{content: '\e86c'; font-family: 'Material Symbols Outlined'; position: absolute;left: 0;top: 0;color: #b7d432;}



.process{display:flex;gap:4rem;list-style:none;padding:0;margin:0;counter-reset: step;align-items:stretch;}
.process li{position:relative;flex:1;background:#b7d432;color:#fff;border-radius:1.4rem;padding:7rem 1rem;text-align:center; display: flex; align-items: center; justify-content: center;}
.process li::before{counter-increment: step;content: counter(step);position:absolute;top: 0.1rem;left: 0.1rem;width:6rem;height:6rem;color:rgba(255,255,255,.2);font-size:7rem;font-weight:900;display:flex;align-items:center;justify-content:center;border-radius:.6rem; font-family: 'Montserrat';}
.process li::after{content:"›";position:absolute;top:50%;right:-2.6rem;transform:translateY(-50%);font-size:3.6rem;font-weight:700;color:#b7d432;opacity:.8;}
.process li:last-child::after{display:none;}
.process p{position:relative;z-index:1;margin:0;font-size:2rem;line-height:1.35;font-weight:700;}


@media all and (max-width: 1280px){
    .process{flex-wrap: wrap;gap: 2.4rem 3.2rem;}
    .process li{flex: 1 1 calc(33.333% - 3.2rem);min-width: 220px;}
    .process li::after{right: -2.2rem;}
}

@media all and (max-width: 768px){
    .process{gap: 2rem 2.4rem;}
    .process li{flex: 1 1 calc(50% - 2.4rem);min-width: 200px;padding: 3.2rem 1.6rem;}
    .process p{font-size: 1.8rem;}
}

@media all and (max-width: 480px){
    .check{font-size: 1.8rem; padding: 2rem;}
    .process{flex-direction: column;gap: 3rem;}
    .process li{width: 100%;min-width: 0;padding: 3rem 1.6rem;}
    .process li::after{top: auto;bottom: -3.5rem;right: 50%;transform: translateX(50%) rotate(90deg);font-size: 3.2rem;opacity: .6;}
    .process li:last-child::after{display:none;}
    .process li::before{width: 5rem;height: 5rem;font-size: 6rem;}
    .process p{font-size: 1.7rem;}
    .process p br{display: none;}
}


.d_list ul{display: flex; gap: 2rem; flex-wrap: wrap;}
.d_list ul li{width: calc(100%/2 - 1rem); padding: 2rem 4rem;font-size: 1.8rem; border-radius: 100px; border: 1px solid #e2eeac;} 
.d_list ul.ver2 li{border: 0; background: #f8fbf1;} 
.d_list ul li p{padding-left: 2.5rem; position: relative;} 
.d_list ul li p:after{content: '\e86c'; font-family: 'Material Symbols Outlined'; position: absolute;left: 0;top: 0;color: #b7d432;} 

@media all and (max-width: 768px){
    .d_list ul{gap: 1rem;}
    .d_list ul li{width: 100%; padding: 1.5rem 3rem;} 
}
@media all and (max-width: 480px){
    .d_list ul li{font-size: 1.6rem;} 
}


.support_form{color: #222;}
.support_form .mid{margin-bottom: 3rem;}


:root{--form-label-width: 220px;}

.form_list{border-top: 2px solid #b7d432;font-size: 1.8rem;color: #111;}
.form_list > li{display: flex;align-items: center;gap: 2rem;padding: 1.8rem 2.4rem;border-bottom: 1px solid #e5e7eb;background: #fff;}
.form_list > li > label{width: var(--form-label-width);flex-shrink: 0;font-weight: 700;letter-spacing: -0.02em;white-space: nowrap;}
.form_list .req{color: #ef4444;margin-left: .4rem;font-weight: 800;}
.form_list input,
.form_list select{width: 100%;height: 50px;padding: 0 1.6rem;border: 1px solid #d1d5db;border-radius: 0.5rem;font-size: 1.6rem;background: #fff;color: #111;}

.form_list input::placeholder{color: #9ca3af;}
.form_list input:focus,
.form_list select:focus{outline: none;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);}
.form_list li.addr{align-items: flex-start;}
.addr_wrap{width: 100%;display: flex;flex-direction: column;gap: 1rem;}
.addr_row{display: flex;gap: 1rem;}
.addr_row input{max-width: 180px;}
.btn_addr{height: 50px;padding: 0 1.6rem;border-radius: 0.5rem;border: 1px solid #d1d5db;background: #f9fafb;font-size: 1.5rem;font-weight: 700;cursor: pointer;white-space: nowrap;}
.btn_addr:hover{background: #eef2f7;}
.form_list li.row2{align-items: center;}
.row2_wrap{width: 100%;display: flex;gap: 1.2rem;}
.row2_wrap select{ flex: 0.9; min-width: 0; }
.row2_wrap input{  flex: 1.6; min-width: 0; max-width: 25rem;}
.form_list select{    -webkit-appearance: none; -moz-appearance: none; cursor: pointer; font-family: 'Pretendard'; background-image: linear-gradient(45deg, transparent 50%, #6b7280 50%), linear-gradient(135deg, #6b7280 50%, transparent 50%); background-position: calc(100% - 18px) 50%, calc(100% - 12px) 50%; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; max-width: 25rem;}


.privacy{}
.privacy textarea{border: 1px solid #ddd; resize: none; padding: 2rem; font-size: 1.6rem; font-family: 'Pretendard', sans-serif; line-height: 1.4em; color: #666; border-radius: 0.5rem !important; }
.privacy .chk_agree{padding-top: 2rem; font-size: 1.6rem; text-align: center;}
/* textarea */
.form_list textarea{width: 100%;min-height: 180px;padding: 1.2rem 1.6rem;border: 1px solid #d1d5db;border-radius: 0.5rem;font-size: 1.6rem;line-height: 1.6;background: #fff;color: #111;font-family: 'Pretendard';resize: vertical;}

.form_list textarea::placeholder{color: #9ca3af;}

.form_list textarea:focus{outline: none;border-color: #2563eb;box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);}
.form_list > li.textarea_row{align-items: flex-start;}

@media (max-width: 1024px){
    :root{ --form-label-width: 180px; }
}

@media (max-width: 768px){
    .support_form .top{font-size: 1.8rem; padding: 3rem 2rem; line-height: 2.8rem;}
    .support_form .top p{width: 100%;}
    .support_form .top p span{width: 100%; margin-bottom: 1rem;}
    :root{ --form-label-width: 100%; }
    .form_list > li{flex-direction: column;align-items: stretch;gap: 1rem;}
    .form_list > li > label{width: 100%;}
    .addr_row input{max-width: 100%;}
    .form_list textarea{min-height: 160px;}
}


.go_support{margin-top: 5rem; text-align: center;}
.go_support a {padding: 2rem 4rem; text-align: center; font-size: 2rem; display: inline-block;  background: #b7d432; color: #fff; border-radius: 0.5rem; text-shadow: 0.3s;border: 1px solid #b7d432;}
.go_support button{padding: 2rem 4rem; text-align: center; font-size: 2rem; display: inline-block;background: #b7d432; color: #fff; border-radius: 0.5rem; text-shadow: 0.3s;border: 1px solid #b7d432;font-family: 'Pretendard';}
.go_support a:hover {transition: 0.3s; background: #fff; color: #b7d432;}
.go_support button:hover {transition: 0.3s; background: #fff; color: #b7d432;}

@media screen and (max-width:1280px){
    .sp_info li h3{font-size: 2.5rem;}
    .sp_info li h3 span{font-size: 2.5rem; padding-bottom: 0.3rem;}
    .sp_info li p{font-size: 1.8rem;}
    .go_support a {font-size: 1.8rem; padding: 1.5rem 3rem;}
    .go_support button {font-size: 1.8rem; padding: 1.5rem 3rem;}
}
@media screen and (max-width:680px){
    .sp_info{flex-wrap: wrap; margin-top: 2rem; gap: 2rem;}
    .sp_info li{width: 100%; padding: 3rem;}
    .sp_info li p{padding: 0 0.5rem; margin-top: 1rem;}
}
@media screen and (max-width:480px){
    .sp_info li h3{font-size: 2.2rem;}
    .sp_info li h3 span{font-size: 2.2rem; }
    .sp_info li p{font-size: 1.6rem;}
    .go_support a {font-size: 1.6rem;}
    .go_support button {font-size: 1.6rem;}
}




.terms { border: 10px solid #eef4ed; padding: 4%; max-width: 1600px; line-height: 1.7em; font-size: 1.6rem;}
.terms h3 { font-size: 2.4rem; color:#212121; }
.terms h4 { font-size: 2rem; color:#212121; margin: 2em 0 0.5em; }
.terms p + p { margin-top: 1em; }
.terms p + h3 { margin-top: 2.5em; }

@media all and (max-width:976px){
	.terms{font-size: 1.4rem;}
	.terms h3{font-size: 2.2rem;}
	.terms h4{font-size: 1.9rem;}
}
@media all and (max-width:480px){
	.terms h3{font-size: 1.9rem;}
	.terms h4{font-size: 1.7rem;}
}