@charset "utf-8";

/*fonts*/
/*HGGGothicssi_Pro*/
@font-face {
	font-family: 'HGGGothicssi_Pro'; font-weight:400;
	src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_40g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_40g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_40g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_40g.woff') format('woff');
}
@font-face {
	font-family: 'HGGGothicssi_Pro'; font-weight:600;
	src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_60g.woff') format('woff');
}
@font-face {
	font-family: 'HGGGothicssi_Pro'; font-weight:800;
	src:  url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.eot'); 
    src: 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.ttf') format('truetype'), 
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.woff2') format('woff2'),
    url('/webPub/sc_2018/font/HGGGothicssi_Pro/HGGGothicssi_Pro_80g.woff') format('woff');
}


/*common*/
*{padding:0; margin:0; text-decoration:none; list-style:none; box-sizing:border-box;}
body {overflow-x:hidden;}
body::after{position:absolute; width:0; height:0; overflow:hidden; z-index:-1;}
iframe{border: 0; margin: 0; padding: 0;}
#wrap{margin:0 auto; max-width: 1920px; min-width: 1250px;}


/*header common*/
/*common*/
.emergency_relief_cnts_top {
  height: 30px;
}
.CampaignList{left: 47.75%; margin-left: -274px; top: 30px;}
.CampaignList ul {padding: 6px 14px !important;}
.CampaignList ul li {margin-bottom: 7px;}

/*white*/
.emergency_relief_cnts_top {
  background: #fff;
  border-bottom-color: #dadada;
}
.emergency_relief_cnts_top ul.util_right li a {
  color: #7f7f7f;
}
.emergency_relief_cnts_top ul.util_right .save_user,
.emergency_relief_cnts_top ul.util_right .save_user strong{ 
  color:#000;
}

/*brown*/
/*.emergency_relief_cnts_top {height: 30px;}*/


/*sns_area*/
.sns_area{ padding:47px 0 62px; border-top:3px solid #f8f6f3;}
.sns_area h3{font-weight: normal; display: inline-block; font-size: 16px; color: #4e4e4e; vertical-align: middle; margin-right:8px;}
.sns_area .div_inner {margin: 0 auto; height: 100%; text-align: center;}
.sns_area > .div_inner > a{display: inline-block; margin-left: 14px; vertical-align: middle; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s;}
.sns_area > .div_inner > a > img{width:54px;}

/*contents*/
.campaign-view-contents{width:auto;}
#saveone5 .div-sec{max-width:1920px; min-width:1250px;}
#saveone5 .div-sec img.center_img{position: relative; top: 0; left: 50%; transform: translateX(-50%); display: block; max-width: none;}
#saveone5 .div-sec .screen-out {position: absolute !important; width: 1px !important; height: 1px !important; overflow: hidden !important; clip-path: inset(50%) !important; white-space: nowrap !important;}
#saveone5 .div-sec .div-inner{position: absolute; top: 0; left: 50%; bottom:0; margin-left: -625px; width: 1250px;}

.area01{overflow: hidden; position:relative; background:#222; height:1038px;}
.area01 .video-wrap{position:absolute; top:0px; left:-335px; width:1920px;}
.area01 .video-wrap iframe{width: 1078px; aspect-ratio: 1 / 1;}
.area01 .video-wrap #soMain{display: flex; justify-content: flex-end; opacity:0; transition:1s ease-out;}
.area01 .video-wrap #soMain.on{opacity:1;}
.area01 .video-wrap .a1_texture_area{position:absolute; top:0; left:0;}
.area01 .a1_title_wrap{position: absolute; top:0; left:0; width:100%; height:100%;}
.area01 .a1_title01{display:block; margin-top:190px; margin-left:356px;}
.area01 .a1_title02{display:block; margin-top:30px; margin-left:330px;}
.area01 .a1_title03{display:block; margin-top:35px; margin-left:356px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:42px; color:#fff; letter-spacing: -0.025em; line-height: 1.2;}
.area01 .a1_title01 img, .area01 .a1_title02 img{display:block;}
.area01 .a1_cont01{margin-top:10px; margin-left: 356px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:22px; color:#fff; letter-spacing: 0em; line-height: 1.454;}
.area01 .a1_cont01 span{font:inherit; font-weight:800; font-size: 32px;}
.area01 .a1_cont02{margin-top:9px; margin-left: 356px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:22px; color:#fff; letter-spacing: 0em; line-height: 1.454;}
.area01 .a1_cont03{margin-top:9px; margin-left: 356px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:22px; color:#fff; letter-spacing: 0em; line-height: 1.454;}

.area02{position:relative; overflow: hidden; height:434px; background: url('/webPub/sc_2026/saveone5/images/a2-bg.jpg') no-repeat center;}
.area02 .a2-bg1{position:absolute; bottom:0; left:-335px; z-index:1;}
.area02 .a2-bg2{position:absolute; bottom:0; left:-335px; z-index:2; animation: wave-flow 60s linear infinite;}
.area02 .a2-bg3{position:absolute; bottom:0; left:-335px; z-index:3;}
.area02 .a2-walk1{position:absolute; top:168px; left:-39px; z-index:3;}
.area02 .a2-walk2{position:absolute; top:230px; right:83px; z-index:3;}
@keyframes wave-flow {
  0%   { transform: translateX(-66.666%); }
  100% { transform: translateX(0); }
}
.area02 .mySwiper2{overflow: hidden; width: 100%; height: 300px;}
.area02 .mySwiper2 .swiper-slide{display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0 !important; }
.area02 .mySwiper2 .swiper-slide.swiper-slide-active { opacity: 1 !important; }
.area02 .mySwiper2 .swiper-slide.act-out{opacity: 0 !important; transition:none;}
.area02 .mySwiper2 .swiper-slide p{position:relative; font-family: 'MaruBuriSemiBold'; font-size: 23px; letter-spacing: -0.025em; line-height: 1.739; color:#2c1d0f;}
.area02 .mySwiper2 .swiper-slide p:first-of-type::before{content: ''; position: absolute; top: -2px; left: -42px; display: block; width: 36px; height: 28px; background:url('/webPub/sc_2026/saveone5/images/a2-dd01.png')no-repeat;}
.area02 .mySwiper2 .swiper-slide p:last-of-type::before{content: ''; position: absolute; top: 6px; right: -40px; display: block; width: 36px; height: 28px; background:url('/webPub/sc_2026/saveone5/images/a2-dd02.png')no-repeat;}
.area02 .mySwiper2 .swiper-slide span{display: block; margin-top: 16px; font-family: "Noto Sans KR", sans-serif; font-size: 18px; letter-spacing: -0.005em; line-height: 1.2; color:#a9897a;}


.area03{position:relative; background:#121212;}
.area03 .a3_swiper_wrap{position:relative; left:50%; margin-left:-960px; width:1920px;}
.area03 .a3_swiper_wrap .swiper-wrapper{height:auto;}
.area03 .a3_swiper_wrap .swiper-slide{position:relative;}
.area03 .a3_swiper_wrap .a3_navi_area{position:absolute; top:0; left:50%; bottom:0; margin-left:-660px; width:1320px;}
.area03 .a3_swiper_wrap .swiper-button-prev{margin-top:-90px; width:72px; height:72px; left:-171px;}
.area03 .a3_swiper_wrap .swiper-button-next{margin-top:-90px; width:72px; height:72px; right:-171px;}
.area03 .a3_swiper_wrap .swiper-button-prev img,
.area03 .a3_swiper_wrap .swiper-button-next img{display:block;}
.area03 .a3_swiper_wrap .swiper-button-prev::after,
.area03 .a3_swiper_wrap .swiper-button-next::after{content:none;}

.area03 .a3_title{position:absolute;top:170px; left:372px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:45px; color:#fff; line-height:1.2; letter-spacing:-0.03em; opacity:0; transition:1s .5s;}
.area03 .a3_title span{margin-left:18px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:30px; color:#d7d7d7; line-height:2.2; letter-spacing:0.005em;}
.area03 .a3_cont_area{position:absolute; top:290px; left:372px; display: flex; flex-direction: column; gap: 16px;}
.area03 .a3_cont_area .a3_cont{font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:20px; color:#fff; line-height:1.85; letter-spacing:-0.04em; opacity:0; transition:1s .5s;}
.area03.aos-animate .a3_title,
.area03.aos-animate .a3_cont_area .a3_cont{opacity:1;}
.area03 .a3_info{position:absolute; bottom:86px; left:374px;}
.area03 .a3_info > span{opacity:0; transition:1s;}
.area03 .a3_info > span.on{opacity:1;}

.area04{position:relative; z-index: 2;}
.area04 .a4_slide{display: flex; justify-content: space-between; margin:123px auto 0; width:1250px;}
.area04 .a4_slide .a4_swiper_wrap{position:relative; width:1000px;}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01{position:absolute; top:0; left:0; bottom:0; right:0; padding:81px 0 0 80px; z-index: 1;}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01 .a4_txt{padding-bottom:20px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:18px; color:#fff; line-height:1.555; letter-spacing: -0.04em;}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01 .a4_txt:last-of-type{padding-bottom:0;}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01 .a4_btn01{position:relative; display:inline-block; margin-top:72px; padding-left:30px; padding-right:115px; height:63px; line-height:63px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:23px; color:#fff; letter-spacing:0.005em; text-align: left; background:#da281c; box-shadow:6px 6px 0px 0px rgb(0, 0, 0, 0.2);}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01 .a4_btn01 .line{position: absolute; top: 29px; right: 30px; width:74px; height:1px;}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01 .a4_btn01 .line:before{content: ""; position: absolute; top: 2px; left: 0; width: 0.5px; height: 2px; background-color: #fff; animation:scroll_motion 2.5s infinite;}
.area04 .a4_slide .a4_swiper_wrap .a4_cont01 .a4_btn01 .line:after{content: ""; position: absolute; top: -1px; right: 0px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(50deg);}
.area04 .a4_slide .a4_thumbnail_wrap{width:240px;}
.area04 .a4_slide .a4_thumbnail_wrap .swiper-pagination1{}
.area04 .a4_thumbnail_wrap .swiper-pagination-bullet{position:relative; margin:0 0 20px 20px !important; width:100px !important; height:100px; border:2px solid transparent; border-radius:2px; filter: grayscale(100); opacity:1 !important; background:transparent !important; cursor:pointer; box-sizing: border-box; flex:1; overflow:hidden;}
.area04 .a4_thumbnail_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active{border:2px solid #da281c; filter: grayscale(0);}
.area04 .a4_thumbnail_wrap .swiper-pagination-bullet:before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; background:#fff;}
.area04 .a4_thumbnail_wrap .swiper-pagination-bullet img{position: absolute; top: 0; left: 0; opacity: 0.5; width:100%;}
.area04 .a4_thumbnail_wrap .swiper-pagination-bullet.swiper-pagination-bullet-active img{opacity: 1;}
.area04 .a4_thumbnail_wrap .swiper-slide img{display:block;}

.area05{overflow:hidden; position:relative; margin-top: -70px; height: 394px; background: url('/webPub/sc_2026/saveone5/images/a5_bg.jpg') top center; background-attachment: fixed;}
.area05 .a5_cont{display:block; margin:64px auto 0; width:1050px;}
.area05 .a5_cont .a5_cont01{margin-top:130px;font-family:"MaruBuri"; font-size:23px; color:#fff; line-height:1.739; letter-spacing:-0.025em; text-align:center;}
.area05 .a5_cont .a5_cont01::before{position: absolute; top: 2px; left: 70px; content: ''; width: 36px; height: 28px; background: url('/webPub/sc_2026/saveone5/images/a5_dq01.png')no-repeat; background-size: cover;}
.area05 .a5_cont .a5_cont01::after{position: absolute; bottom: 50px; right: 123px; content: ''; width: 36px; height: 28px; background: url('/webPub/sc_2026/saveone5/images/a5_dq02.png')no-repeat; background-size: cover;}
.area05 .a5_cont .a5_cont02{margin-top:20px; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:17px; color:#fff; line-height:1.5; letter-spacing:-0.04em; text-align:center;}
.a5_ani_wrap{position:absolute; top:0; right:-228px; width:366px; height:395px;}
.a5_ani_wrap img{display:block;}
.a5_ani_wrap .a5_ani_top{position:absolute; top:-220px;right:-180px; filter: drop-shadow(-16px 0px 5px #000000); transition:1s .5s;}
.a5_ani_wrap.aos-animate .a5_ani_top{top:0;right:0;}
.a5_ani_wrap .a5_ani_bottom01{filter: drop-shadow(-16px 0px 5px #000000);}
.a5_ani_wrap .a5_ani_bottom01,
.a5_ani_wrap .a5_ani_bottom02{position:absolute; bottom:-260px; left:-240px; transition:1s 1s;}
.a5_ani_wrap.aos-animate .a5_ani_bottom01,
.a5_ani_wrap.aos-animate .a5_ani_bottom02{bottom:0; left:0;}
.a5_ani_wrap .a5_ani_top_head{position:absolute; top:-120px; right:-80px; filter: drop-shadow(-16px 0px 5px #000000); transition:1s .5s;}
.a5_ani_wrap.aos-animate .a5_ani_top_head{top:130px; right:123px;}
.a5_ani_wrap .a5_ani_top_head img{display:block; transform: rotate(-85deg); transition:.5s 2s;}
.a5_ani_wrap.aos-animate .a5_ani_top_head img{transform: rotate(0deg);}

.area06{position:relative;}
.area06 .a6_txt01{position:absolute; top:254px; left:-14px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:40px; color:#fefefe; letter-spacing: -0.02em; line-height:1.475;}
.area06 .a6_btn01{position:absolute; top:496px; left:-14px; display:inline-block; padding-left:42px; padding-right:147px; height:83px; line-height: 83px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:29px; color:#a11c15; letter-spacing:-0.01em; text-align: left; background:#ffffff; border-radius:4px; box-shadow:10px 10px 0px 0px rgb(0, 0, 0, 0.2); z-index: 2;}
.area06 .a6_btn01 .line{position: absolute; top: 39px; right: 36px; width:80px; height:1px;}
.area06 .a6_btn01 .line:before{content: ""; position: absolute; top: 2px; left: 0; width: 0.5px; height: 2px; background-color: #a11c15; animation:scroll_motion 2.5s infinite;}
.area06 .a6_btn01 .line:after{content: ""; position: absolute; top: -1px; right: 0px; width: 6px; height: 6px; border-top: 2px solid #a11c15; border-right: 2px solid #a11c15; transform: rotate(50deg);}

.area06 .a6_swiper_wrap{position:absolute; top:0px; right:-228px;}
.area06 .mySwiper6{padding:798px 60px 20px 50px;}
.area06 .mySwiper6 .swiper-wrapper{width:966px;}
.area06 .mySwiper6 .swiper-slide{display:flex; opacity:0 !important;}
.area06 .mySwiper6 .swiper-slide.swiper-slide-active{opacity:1 !important;}

.area06 .mySwiper6 .swiper-slide div.a6_slide{overflow: visible; position:relative; width: 322px;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_txt{display:block; margin-left: 70px; margin-bottom:12px; width: max-content; font-family: 'SpoqaHanSansNeo'; font-weight: 500; font-size: 16px; color: #222222; letter-spacing: -0.075em; line-height: 1.343; text-align:left;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_img{display:block; transition:.5s;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_img:hover{transform:scale(1.1);}
.area06 .mySwiper6 .swiper-slide .save_red{position:absolute; display:block; top:-184px; right:120px; font-family:'SpoqaHanSansNeo'; font-weight:300; font-size:17px; color:#a11c15; line-height: 1.263; letter-spacing: -0.025em;}
.area06 .mySwiper6 .swiper-slide .road_brown{position:absolute; display:block; top:-160px; left:320px; font-family:'SpoqaHanSansNeo'; font-weight:300; font-size:17px; color:#a6794d; line-height: 1.263; letter-spacing: -0.025em;}
.area06 .mySwiper6 .swiper-slide .save_red span{font-weight:300; font-size:17px;}
.area06 .mySwiper6 .swiper-slide .road_brown span{font-weight:300; font-size:17px;}
.area06 .mySwiper6 .red-slide.swiper-slide-active .save_red span{font-weight:500; }
.area06 .mySwiper6 .brown-slide.swiper-slide-active .road_brown span{font-weight:500; }
.area06 .mySwiper6 .brown-slide.swiper-slide-active .road_brown{font-weight:500; }

.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line01{display:block; position:absolute; top:-364px; right:-256px; width:396px; height:352px; border-top:1px solid #a11c15; border-left:1px solid #a11c15;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line01 .dot1-1{display:block; position:absolute; bottom:0; left:-4px; width:7px; height:7px; border-radius:50%; background:#a11c15;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line01 .dot1-2{display:block; position:absolute; top:-4px; right:0; width:7px; height:7px; border-radius:50%; background:#a11c15;}

.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line02{display:block; position:absolute; top:-310px; left:182px; width:132px; height:298px; border-top:1px solid #a11c15; border-left:1px solid #a11c15;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line02 .dot2-1{display:block; position:absolute; bottom:0; left:-4px; width:7px; height:7px; border-radius:50%; background:#a11c15;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line02 .dot2-2{display:block; position:absolute; top:-4px; right:0; width:7px; height:7px; border-radius:50%; background:#a11c15;}

.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line03{display:block; position:absolute; top:-248px; right:100px; width:4px; height:236px; border-right:1px solid #a11c15;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line03 .dot3-1{display:block; position:absolute; bottom:0; right:-4px; width:7px; height:7px; border-radius:50%; background:#a11c15;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line03 .dot3-2{display:block; position:absolute; top:0; left:0; width:7px; height:7px; border-radius:50%; background:#a11c15;}

.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line04{display:block; position:absolute; top:-426px; right:-106px; width:220px; height:414px; border-top:1px solid #a6794d; border-left:1px solid #a6794d;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line04 .dot4-1{display:block; position:absolute; bottom:0; left:-4px; width:7px; height:7px; border-radius:50%; background:#a6794d;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line04 .dot4-2{display:block; position:absolute; top:-3px; right:0; width:7px; height:7px; border-radius:50%; background:#a6794d;}

.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line05{display:block; position:absolute; top:-174px; right:149px; width:0px; height:162px; border-top:1px solid #a6794d; border-left:1px solid #a6794d;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line05 .dot5-1{display:block; position:absolute; bottom:0; left:-4px; width:7px; height:7px; border-radius:50%; background:#a6794d;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line05 .dot5-2{display:block; position:absolute; top:-3px; right:-3px; width:7px; height:7px; border-radius:50%; background:#a6794d;}

.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line06{display:block; position:absolute; top:-230px; right:155px; width:168px; height:218px; border-right:1px solid #a6794d; border-top:1px solid #a6794d;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line06 .dot6-1{display:block; position:absolute; bottom:0; right:-4px; width:7px; height:7px; border-radius:50%; background:#a6794d;}
.area06 .mySwiper6 .swiper-slide div.a6_slide span.a6_slide_line06 .dot6-2{display:block; position:absolute; top:-4px; left:0; width:7px; height:7px; border-radius:50%; background:#a6794d;}

.area06 .swiper-button-next{position:absolute; left: unset; top: unset; bottom: 56px; right:0px; width:50px; height:50px;}
.area06 .swiper-button-next img{display:block;}
.area06 .swiper-button-next::after{content:none;}

.area07{position:relative;}
.area07 .a7_cont_area{position:absolute; top:47px; left:-16px;}
.area07 .a7_txt01{display:inline-block; padding:0 20px; height:32px; line-height:30px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:19px; color:#ffffff; letter-spacing: -0.04em; background:#a11c15; border-radius:4px;}
.area07 .a7_txt02{display:block; margin-top:11px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:17px; color:#333333; letter-spacing: -0.03em; line-height:1.65;}
.area07 .a7_txt02 span{text-decoration:underline; text-underline-position:under; text-decoration-thickness: 2px; text-decoration-color: #a11c15;}
.area07 .a7_txt03{display:block; margin-top:2px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:15px; color:#333333; letter-spacing: -0.02em; line-height:1.7;}
.area07 .a7_btn01{position:relative; display:inline-block; margin-top:16px; padding-left:20px; padding-right: 101px; height:47px; line-height: 47px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:17px; color:#da291c; letter-spacing:0.005em; text-align: left; border:2px solid #da291c; border-radius: 3px; box-sizing: border-box;}
.area07 .a7_btn01 .line{position: absolute; top: 20px; right: 15px; width:75px; height:1px;}
.area07 .a7_btn01 .line:before{content: ""; position: absolute; top: 2px; left: 0; width: 0.5px; height: 1px; background-color: #da291c; animation:scroll_motion 2.5s infinite;}
.area07 .a7_btn01 .line:after{content: ""; position: absolute; top: -1px; right: 0px; width: 6px; height: 6px; border-top: 1px solid #da291c; border-right: 1px solid #da291c; transform: rotate(50deg);}

.area08{position:relative; padding-top:172px; margin-bottom:140px; background:#fff url('/webPub/sc_2026/saveone5/images/a8_bg.png')no-repeat bottom right;}
.area08 .a8_title{padding-bottom:70px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:40px; color:#222; letter-spacing:-0.025em; line-height:1.45; text-align:center;}
.area08 .mySwiper8{padding-bottom:120px;}
.area08 .mySwiper8 .swiper-wrapper{transition-timing-function: linear;}
.area08 .mySwiper8 .swiper-slide{margin-right: 24px; width:570px;}
.area08 .mySwiper8 .swiper-slide.last-slide {
  margin-right: 100px !important;
}
.area08 .mySwiper8 span{display:block;}
.area08 span.a8_slide01{margin-top:142px;}
.area08 span.a8_slide02{margin:38px auto 0; text-align: center;}
.area08 span.a8_slide03{margin-top:117px;}
.area08 span.a8_slide04{margin:80px auto 0; text-align: center;}
.area08 span.a8_slide05{margin-top:144px;}
.area08 span.a8_slide06{margin:0px auto 0; text-align: center;}
.area08 span.a8_slide07{margin-top:119px;}
.area08 span.a8_slide08{margin:82px auto 0; text-align: center;}
.area08 span.a8_slide09{margin-top:134px;}
.area08 span.a8_slide10{margin:30px auto 0; text-align: center;}
.area08 span.a8_slide11{margin-top:109px;}
.area08 span.a8_slide12{margin:72px auto 0; text-align: center;}
.area08 span.a8_slide13{margin-top:100px;}

.area09{position:relative; background:#222;}
.area09 .a9_cont_wrap{overflow:hidden; position:relative; left:50%; margin-left:-960px; width: 1920px;}
.area09 .a9_cont_wrap .pop_img{opacity:0; }
.area09 .a9_cont_wrap .pop_img.on{opacity:1;}
.area09 .a9_small{float:left; display:inline-block; width:485px;}
.area09 .a9_small > span{float:left; display:inline-block; margin-bottom:5px; width:240px; height:240px; background:#222;}
.area09 .a9_small > span:nth-child(2n){margin-left:5px;}

.area09 .a9_large{float:left; display:inline-block; margin:0 5px; width:940px;}
.area09 .a9_large > span{float:left; display:inline-block; margin-right:5px; margin-bottom:5px; width:310px; height:310px; background:#222;}
.area09 .a9_large > span.img19,
.area09 .a9_large > span.img22{margin-right:0;}
.area09 .a9_large span.center_txt{margin-bottom:0; padding-top:106px; width:940px; height:350px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:39px; color:#fff; text-align:center; line-height:65px; letter-spacing: -1px; box-sizing:border-box;}

.area09 .a9_cont_wrap.aos-animate .pop_img.on1{
	-webkit-animation: scale-in-center 1s .8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s .8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.area09 .a9_cont_wrap.aos-animate .pop_img.on2{
	-webkit-animation: scale-in-center 1s 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s 1.3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.area09 .a9_cont_wrap.aos-animate .pop_img.on3{
	-webkit-animation: scale-in-center 1s 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-center 1s 1.8s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

.area10{position:relative; padding-top:132px; padding-bottom:30px; height:976px; background:url('/webPub/sc_2026/saveone5/images/a10_bg.jpg')no-repeat;}
.area10 .a10_title{font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:50px; color:#222; text-align:center; letter-spacing:-0.025em}
.area10 .a10_text01{margin-top:10px; font-family:"HGGGothicssi_Pro"; font-weight:400; font-size:20px; color:#222; text-align:center; letter-spacing:0.005em}
.area10 .div-inner{position:relative !important;}
.area10 .a10_map{position:absolute; top:42px; left:50%; display:block; margin-left:-764px; width:1528px;}
.area10 .a10_map img.a10_mapBg{display:block; margin-left:628px;}

.area10 .a10_category{position:absolute; top:27px; left:194px;}
.area10 .a10_category .a10_cate_title{display:block; margin-top:22px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:21px; color:#222222; letter-spacing: 0.005em; line-height:1;}
.area10 .a10_category ul{margin-top:25px;}
.area10 .a10_category ul li{overflow:hidden; margin-bottom:13px; min-height:45px;}
.area10 .a10_category ul li .a10_cate{display:block; float:left; min-width:81px; font-family:"HGGGothicssi_Pro"; font-weight:400; font-size:16.5px; color:#222222; letter-spacing: 0.005em; line-height:1.5;}
.area10 .a10_category ul li .a10_box{display:block; float:left; margin-left:10px; margin-top:3px; width:42px; height:18px;}
.area10 .a10_category ul li .a10_box.a10_col01{background:#db291d;}
.area10 .a10_category ul li .a10_box.a10_col02{background:#faaf54;}
.area10 .a10_category ul li .a10_box.a10_col03{background:#ffed77;}
.area10 .a10_category ul li .a10_c1_country{display:block; float:left; margin-left:25px; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:16px; color:#222222; letter-spacing: -0.025em; line-height:1.468;}

.area10 .a10_text02{display:inline-block; margin-top:29px; padding-right:40px; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:17px; color:#222222; letter-spacing: -0.025em; line-height:36px; background:url('/webPub/sc_2026/saveone5/images/a10_icon.png')no-repeat; background-position:top right;}
.area10 .a10_text03{display:block; margin-top:21px; padding-left:5px; text-indent:-8px; font-family:'Noto Sans KR', sans-serif; font-weight:400; font-size:13.5px; color:#222222; letter-spacing: -0.05em; line-height:1.5;}

.area10 .a10_map a{position:absolute;}
.area10 .a10_map a.blink{-webkit-animation: blink-2 1.8s infinite both; animation: blink-2 1.8s infinite both;}
.area10 .a10_map a.a10_btn01{top:193px; right:522px;}
.area10 .a10_map a.a10_btn02{top:224px; right:460px;}
.area10 .a10_map a.a10_btn03{top:328px; right:377px;}
.area10 .a10_map a.a10_btn04{top:298px; right:255px;}
.area10 .a10_map a.a10_btn05{top:193px; right:250px;}
.area10 .poptype{display:none; position:absolute; box-shadow:0px 2px 6px 2px rgb(0, 0, 0, 0.2);}
.area10 .poptype.popup1{top:42px; left:490px;}
.area10 .poptype.popup2{top:42px; left:490px;}
.area10 .poptype.popup3{top:42px; left:490px;}
.area10 .poptype.popup4{top:42px; left:490px;}
.area10 .poptype.popup5{top:42px; left:490px;}
.area10 .poptype.on{display:block;}

@-webkit-keyframes blink-2 {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes blink-2 {
	0% {
		opacity: 1;
	}
	25% {
		opacity: 1;
	}
	60% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

.area11{position:relative; padding-top:120px; padding-bottom:104px;}
.area11 .a11_title{padding-bottom:87px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:40px; color:#222; text-align:center; line-height:56px; letter-spacing: -1px;}
.area11 .a11_swiper_wrap{overflow:hidden; padding-bottom: 140px;}
.area11 .a11_swiper{position:relative; margin:0 auto; width:1200px;}

.area11 .mySwiper11Big{overflow:visible;}
.area11 .mySwiper11Big .swiper-slide{opacity:1; transition:.8s;}
.area11 .mySwiper11Big .swiper-slide.swiper-slide-prev,
.area11 .mySwiper11Big .swiper-slide.swiper-slide-next,
.area11 .mySwiper11Big .swiper-slide.swiper-slide-duplicate-prev,
.area11 .mySwiper11Big .swiper-slide.swiper-slide-duplicate-next{opacity:0.5;}
.area11 .mySwiper11Big .swiper-slide > span{display:block;}
.area11 .mySwiper11In{overflow: hidden; margin:0 auto; position: absolute; top: 323px; right:-98px; z-index: 3; width: 670px; height: 460px; background: #fff; border-radius: 60px 0px 0px 0px; padding: 70px 60px; box-sizing: border-box; box-shadow:0px 2px 6px 2px rgb(0, 0, 0, 0.2);}
.area11 .mySwiper11In .swiper-wrapper{height: calc(100% - 52px);}

.area11 .sub-tit{margin-bottom:22px; font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:45px; color:#222;}
.area11 .sub-txt{margin-bottom:18px; display:block; font-family:'Noto Sans KR', sans-serif; font-weight:300; font-size:18px; color:#666; letter-spacing:-0.8px; line-height:25px;}

.area11 .a11_navi_area{display:flex; position:relative; bottom:0; left:0; height:50px; align-items: center;}
.area11 .a11_swiper_wrap .swiper-button-prev{ position: relative;width:50px; height:50px; left:auto; top:auto; margin-top:0;}
.area11 .a11_swiper_wrap .swiper-button-next{ position: relative;width:50px; height:50px; right:auto;top:auto; margin-top:0;}
.area11 .a11_swiper_wrap .swiper-button-prev img,
.area11 .a11_swiper_wrap .swiper-button-next img{display:block;}
.area11 .a11_swiper_wrap .swiper-button-prev::after,
.area11 .a11_swiper_wrap .swiper-button-next::after{content:none;}

.area11 .a11_navi_area .swiper-pagination{width: auto; position: relative; left: auto; right: auto; bottom: 0; margin: 0 20px;}
.area11 .a11_navi_area .swiper-pagination .swiper-pagination-bullet{}
.area11 .a11_navi_area .swiper-pagination .swiper-pagination-bullet-active{background:#db291d;}

.area12{position:relative;}
.area12 .a12_cont_area{margin-top:250px; text-align:left;}
.area12 .a12_title_area{display:flex; align-items: flex-end; margin-left: 18px;}
.area12 .a12_img01{display:block;}
.area12 .a12_txt01{display:block; margin-left: 10px; margin-bottom: 8px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:40px; color:#fff; text-align:right; letter-spacing: -0.005em; line-height:1; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.area12 .a12_txt02{display:block; margin-top:48px; margin-left: 16px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:29px; color:#fff; letter-spacing: -0.01em; line-height:1.551; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.area12 .a12_btn01{position:relative; display:inline-block; margin-top:49px; margin-left: 16px; padding-left:40px; padding-right:154px; height:74px; line-height: 74px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:27px; color:#fff; letter-spacing:-0.005em; text-align: left; background:#da291c;}
.area12 .a12_txt03{display:block; margin-top:50px; margin-left: 18px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:29px; color:#fff; letter-spacing: -0.01em; line-height:1.551; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);}
.area12 .a12_btn01 .line{position: absolute; top: 34px; right: 36px; width:80px; height:1px;}
.area12 .a12_btn01 .line:before{content: ""; position: absolute; top: 2px; left: 0; width: 0.5px; height: 2px; background-color: #fff; animation:scroll_motion 2.5s infinite;}
.area12 .a12_btn01 .line:after{content: ""; position: absolute; top: -1px; right: 0px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(50deg);}

.area13{position: relative; padding-top:110px; padding-bottom: 80px; background:#f6f6f6;}
.area13 .a13_title01{font-family:"HGGGothicssi_Pro"; font-weight:800; font-size:60px; color:#000; letter-spacing: -0.6px; text-align:center;}
.area13 .a13_wrap{margin:0 auto; width:1250px;}

.area13 .a13_tab_wrap .htab_area{overflow:hidden; padding-top:60px; }
.area13 .a13_tab_wrap .htab_area li{float:left; width:50%; height:78px; line-height:78px; background:#fff;}
.area13 .a13_tab_wrap .htab_area li.on{background:#da291c;}
.area13 .a13_tab_wrap .htab_area li a{display:block; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:29px; color:#222; text-align:center;}
.area13 .a13_tab_wrap .htab_area li.on a{color:#fff;}

.area13 .a13_tab_wrap .hcontent_area > div{display:none; margin:20px 0 0 0;}
.area13 .a13_tab_wrap .hcontent_area > div.on{display:block;}
.area13 .a13_tab_wrap .hcontent_area > div ul{margin:50px 0 0 0;}

.area13 .a14box-toggle { margin-top: -2px; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.1);}
.area13 .a14box-toggle button{overflow: visible; position: relative; padding: 0 40px; width: 100%; height: 90px; background: #fff; cursor: pointer; border: 0;}
.area13 .a14box-toggle button:after{content: ''; position: absolute; top: 0; right: 40px; bottom: 0; margin: auto; width: 25px; height: 22px;}
.area13 .a14box-toggle button[aria-pressed="false"]:after { background: url('/webPub/sc_2026/saveone5/images/a13_down.png'); }
.area13 .a14box-toggle button[aria-pressed="true"]:after { background: url('/webPub/sc_2026/saveone5/images/a13_up.png'); }
.area13 .a14box-toggle button img{display:block !important;}
.area13 .a14box-toggle button span{display: block; padding: 33px 0 0 180px; height: 89px; border-bottom: 1px solid #eee; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:24px; color:#333; letter-spacing: -0.6px; text-align:left; box-sizing: border-box;}
.area13 .a14box-toggle.pt01 button span{background: url('/webPub/sc_2026/saveone5/images/a13_num01.png')no-repeat; background-position: left bottom;}
.area13 .a14box-toggle.pt02 button span{background: url('/webPub/sc_2026/saveone5/images/a13_num02.png')no-repeat; background-position: left bottom;}
.area13 .a14box-toggle.pt03 button span{background: url('/webPub/sc_2026/saveone5/images/a13_num03.png')no-repeat; background-position: left bottom;}
.area13 .a14box-contents{overflow: hidden; margin-bottom:20px; width:100%; max-height: 0px; text-align: left; background: #fff; box-shadow: 0px 0px 10px 0px rgb(0, 0, 0, 0.2); transition:0.5s;}
.area13 .a14box-contents.s7box-on{max-height: 200px;}
.area13 .a14box-contents p{padding: 25px 50px 25px 219px; font-family: 'NanumSquare', "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; font-size: 17px; color: #333333; line-height: 32px; letter-spacing:-0.5px; word-break: keep-all; }

.no_scroll{overflow-y:hidden !important;}
.saveone_pop_wrap{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #222; z-index:99999; overflow-y:scroll;}
.spop_inner{position:relative; margin:0 auto; padding-top:49px; padding-bottom:100px; width:794px; text-align:center;  z-index: 11;}
.spop_cont01{margin-top:20px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:37px; color:#c61a0e; letter-spacing:-0.8px; line-height:37px;}
.spop_cont02{margin-top:14px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:20px; color:#fff; letter-spacing:-2px; line-height:21px;}
.spop_cont03{margin-top:28px; font-family:'Noto Sans KR', sans-serif; font-weight:500; font-size:23px; color:#fff; letter-spacing:-1.5px; line-height:35px;}
.spop_cont04{font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:16px; color:#fff; letter-spacing:0px; line-height:16px;}
.spop_cont05{margin-top:23px; margin-left:170px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:15px; color:#fff; letter-spacing:0px; line-height:26px; text-align:left;}
.select_area{margin-top:40px; padding-bottom:20px;}
.select_area:after{content:''; display:block; clear:both;}
.select_area .select_red,
.select_area .select_brown{float:left; display: flex; flex-wrap: wrap; width:387px;}
.select_area > div:first-child{margin-right:20px}
.select_area .sb_wrap{display: flex; justify-content: space-between; width:100%;}
.select_area .sb_wrap button{width:188px; height:95px; color:#fff; border:1px solid #7a7a7a; border-radius:10px; background:#222; cursor: pointer; transition:.3s;}
.select_area .sb_wrap button.btnOn{color:#222; border:1px solid #fff; background:#fff;}
.select_area .sb_wrap button p{font-family:'Noto Sans KR', sans-serif; font-weight:300; font-size:16px; line-height: 28px; letter-spacing: -0.5px;}
.select_area .sb_wrap button p:nth-child(2){font-size:15px; line-height: 1.3;}
.select_area .sb_wrap button p span{font-family:'Noto Sans KR', sans-serif; font-weight:600; font-size:25px;}
.select_area .sb_wrap button p b{display:none;}
.select_area .goods_img{display:block; margin-top:20px;}
.select_area .goods_img img{display:block; width:100%;}
.spop_ok_btn{display:block; margin-top:20px; width:100%; height:70px; line-height:70px; font-family:"HGGGothicssi_Pro"; font-weight:600; font-size:23px; color:#fff !important; background:#c61a0e; border-radius:15px;}
.spop_close_btn{display:block; position:absolute; top:44px; right:0;}

/*addLsize*/
.addLsize .spop_inner{width:950px;}
.addLsize .select_area .select_red,
.addLsize .select_area .select_brown{width:450px;}
.addLsize .select_area > div:first-child{margin-right:50px}
.addLsize .select_area .sb_wrap button{width:140px; height:112px;}
.addLsize .spop_cont05{margin-left:247px;}
.addLsize .select_area .sb_wrap button p b{display:inline;}

.float_area {position:fixed; right: 40px; bottom:-180px; z-index:10; filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.3)); transition:1s;}
.float_area.on {bottom:0;}
.float_area a {display:block;}

@keyframes scroll_motion {
	0% {
		left: 0;
		width: 0;
	}

	45% {
		left: 0;
		width: 100%;
	}

	55% {
		left: 0;
		width: 100%;
	}

	100% {
		left: 100%;
		width: 0;
	}
}