@charset "utf-8";

/*HsSaemaul*/
@font-face {
    font-family: 'HSSaemaul';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/HSSaemaul-Regular.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/*700SansYusoryeon*/
@font-face {
    font-family: '700SansYusoryeon';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2112@1.0/establishRoomNo703OTF.woff') format('woff');
    font-weight: normal;
    font-display: swap;
}

/*= RESET =*/
*{padding:0; margin:0; text-decoration:none; list-style:none; box-sizing:border-box;}
body {overflow-x:hidden; zoom:1;}
ul, ol{list-style-type:none;}
img,fieldset{border:none;}
body, input, textarea, select, button, table{font-size:13px; color:#333; font-family:"Pretendard", "SpoqaHanSansNeo", "Apple SD Gothic Neo", Helvetica, sans-serif, Arial; font-weight: 500;}
a{text-decoration:none; color:#666; }
a:link, a:visited{text-decoration:none; color:#666; /*outline: none!important;*/}
a:hover, a:active{text-decoration:none; color:#666; /*outline: none!important;*/}
input{border:0; margin: 0; padding: 0; outline: none; box-sizing: border-box; -webkit-appearance: none; appearance: none;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none;	margin: 0;}
input[type="number"] {-moz-appearance: textfield;}
input::-ms-clear,
input::-ms-reveal { display: none; width: 0; height: 0;}
select{vertical-align: top;height:24px;border:1px solid #c5c5c5;}
iframe{border: 0; margin: 0; padding: 0;}
button {overflow: visible; padding: 0; margin: 0; background: none; border: 0;}

/*////////////header////////////*/
/*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;}*/

/*footer
#footer {width: 100%; height: auto; background: #fffbf7; border-top: 2px solid #ed425a;}
#footer .inner {width: 1000px; margin: 0 auto; position: relative; min-height: 72px; padding-top: 22px;}*/

/*common*/
body.on{overflow: hidden;}
#wrap{margin: 0 auto; max-width: 1920px; min-width: 1320px;}

/*= CONTENT =*/
.content_area{margin: 0 auto; max-width: 1920px; min-width: 1320px;}

.div_sec{max-width:1920px; min-width: 1250px; overflow:hidden; position:relative; letter-spacing: 0;}
.div_sec img{display:block;}
.div_sec img.center_img{position: relative; top: 0; left: 50%; transform: translateX(-50%); display: block; max-width: none;}
.div_sec .screen_out {overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px;}
.div_sec .div_inner{position: absolute; top: 0; left: 50%; bottom:0; margin-left: -625px; width: 1250px;}

/*area01*/
.area01 .a1_campName{position: absolute; top:32px; left:0; font-size:20px; font-weight: 400; color:#333;}

.area01 .a1_box1{position: absolute; top:147px; left:0;}
.area01 .a1_box1 button{overflow: hidden; position: absolute; top:-57px; width:48px; height:48px; display: flex; align-items: center; justify-content: center; background:#fff; border-radius: 10px; cursor:pointer; filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.2));}
.area01 .a1_box1 .a1_pencil{width:714px;}

/*svg animation*/
.area01 .a1_pencil .title_mask {fill: #fff;}
.area01 .a1_pencil .title_path {fill: none;	stroke: #000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; stroke-dasharray: 8659.9494140625;}
.area01 .a1_pencil.on{animation: logo-ani 7.1s cubic-bezier(0.18, 0.14, 0.78, 0.99);}

@keyframes logo-ani {
	from { stroke-dashoffset: 8659.9494140625; }
	to { stroke-dashoffset: 0; }
}

.area01 .a1_box2{position: absolute; top:496px; left:0;}
.area01 .a1_box2 h1{position: relative; font-family: 'HSSaemaul'; font-weight: 500; font-size:88px; color:#ffacc5; line-height: 1;}

/*a1 animation*/
.area01 .a1_box2 h1::after{content: ''; position: absolute; top:-8px; right:-132px; width:106px; height:82px; background-image: url('/webPub/sc_2025/junwoo/images/a1_spoon.png'); background-size: cover; animation: swing10 2s 7s steps(1) infinite;}

@keyframes swing10 {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(10deg); }
  100%  { transform: rotate(0deg); }
}

.area01 .a1_box2 .a1_subtitle{margin-top:32px;}
.area01 .a1_box2 .a1_title01{margin-top:30px; font-size: 22px; line-height: 1.454;}
.area01 .a1_box2 .a1_title02{margin-top:20px; font-size: 22px; line-height: 1.454;}

/*area02*/
.area02 {height:900px; background:#f3eae1;}
.area02 .div_movie{ overflow:hidden; position:absolute; top:120px; left:50%; margin-left:-480px; display:block; width:960px; aspect-ratio: 16 / 9; border-radius: 30px; }
.area02 .div_movie iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.area02 .a2_btn_wrap{position: absolute; top: 700px; left:50%; margin-left: -240px; width: 480px; height: 120px; border-radius: 20px; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));}
.area02 .a2_btn_wrap:after{content: ''; position: absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); background: #995a6d; border-radius: 20px;}
.area02 .a2_btn_wrap .a2_btn{position:absolute; top:0; left: 0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 32px; color: #fff; line-height: 1.3125; text-align: center; border-radius: 20px; background:#ffacc5; transition:.2s; z-index: 2;}
.area02 .a2_btn_wrap .a2_btn:hover{transform: translate(-0.7rem, -0.7rem);}

/*area03*/
.area03 .a3_box{position: absolute; top:173px; left:826px;}
.area03 .a3_box .a3_title{position: relative; font-family: 'HSSaemaul'; font-weight: 500; font-size:60px; color:#fff; line-height: 1;}

/*a3 animation*/
.area03 .a3_box .a3_title::after{content: ''; position: absolute; top:-46px; left:-49px; width:69px; height:48px; background-image: url('/webPub/sc_2025/junwoo/images/a3_ani.png'); background-size: cover; opacity:0; transition: .2s;}
.area03 .a3_box .a3_title.on::after{opacity:1; animation: swing20re 2s .2s steps(1) infinite; transform-origin: calc(100% - 20px) calc(100% - 10px)}

@keyframes swing20re {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(-20deg); }
  100%  { transform: rotate(0deg); }
}

.area03 .a3_box .a3_text01{margin-top:55px; font-size: 22px; line-height: 1.454; color:#fff;}
.area03 .a3_box .a3_text02{margin-top:24px; font-size: 22px; line-height: 1.454; color:#fff;}
.area03 .a3_box .a3_text03{margin-top:28px;}
.area03 .a3_box .a3_text04{margin-top:28px; font-size: 22px; line-height: 1.454; color:#fff;}
.area03 .a3_noti{position: absolute; left:0; bottom:100px; font-weight: 400; font-size:18px; color:#fff; line-height: 1.333;}

/*area04*/
.area04 .a4_box{position: absolute; top:134px; left:0;}
.area04 .a4_box .a4_title{position: relative; font-family: 'HSSaemaul'; font-weight: 500; font-size:60px; color:#111111; line-height: 1;}

.area04 .a4_box .a4_ani_area{position: absolute; top:23px; right:72px; width:112px; height:105px; opacity: 0; transition: .2s;}
.area04 .a4_box .a4_ani_area.on{opacity: 1;}
.area04 .a4_box .a4_ani_area .a4_aniPan1{position: absolute; top:0; left:0;}
.area04 .a4_box .a4_ani_area .a4_aniPan2{position: absolute; top:0; left:0; opacity:0;}
.area04 .a4_box .a4_ani_area .a4_aniEgg1{position: absolute; top:0; left:0;}
.area04 .a4_box .a4_ani_area .a4_aniEgg2{position: absolute; top:0; left:8px;}

.area04 .a4_box .a4_text01{margin-top:52px; font-size: 22px; line-height: 1.454; color:#111111;}
.area04 .a4_box .a4_text02{margin-top:24px; font-size: 22px; line-height: 1.454; color:#111111;}
.area04 .a4_box .a4_text03{margin-top:24px;}

.recipeSwiper1{position: absolute; bottom:0; left:0; width:1250px;}
.recipeSwiper1 .a4-next{position: absolute; top:32px; right:24px; cursor: pointer; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2)); z-index: 1;}

/*area05*/
.area05 .a5_box{position: absolute; top:240px; left:740px;}
.area05 .a5_box .a5_title{position: relative; font-family: 'HSSaemaul'; font-weight: 500; font-size:60px; color:#111111; line-height: 1;}

/*a5 animation*/
.area05 .a5_box .a5_ani1{position: absolute; top:370px; right:-95px; animation: swing12 2s steps(1) infinite;}
.area05 .a5_box .a5_ani2{position: absolute; top:328px; right:-180px; animation: swing15 2s .5s steps(1) infinite;}

@keyframes swing12 {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(12deg); }
  100%  { transform: rotate(0deg); }
}

@keyframes swing15 {
  0%   { transform: rotate(0deg); }
  50%  { transform: rotate(-15deg); }
  100%  { transform: rotate(0deg); }
}

.area05 .a5_box .a5_text01{margin-top:52px; font-size: 22px; line-height: 1.454; color:#111111;}
.area05 .a5_box .a5_text02{margin-top:24px; font-size: 22px; line-height: 1.454; color:#111111;}
.area05 .a5_box .a5_text03{margin-top:24px;}

.recipeSwiper2{position: absolute; bottom:0; left:0; width:1250px;}
.recipeSwiper2 .a5-next{position: absolute; top:32px; right:24px; cursor: pointer; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2)); z-index: 1;}

/*area06*/
.area06 .a6_box{position: absolute; top:198px; left: 50%; transform: translateX(-50%); text-align: center;}
.area06 .a6_box .a6_title{position: relative; font-family: 'HSSaemaul'; font-weight: 500; font-size:60px; color:#fff; line-height: 1;}

.area06 .a6_box .a6_text01{margin-top:52px; font-size: 22px; line-height: 1.454; color:#fff;}
.area06 .a6_box .a6_text02{margin-top:24px; font-size: 22px; line-height: 1.454; color:#fff;}
.area06 .a6_box .a6_text02 span{font:inherit; font-weight: 700; color:#feabc5;}
.area06 .a6_box .a6_text03{margin-top:22px;}
.area06 .a6_box .a6_text04{margin-top:24px; font-size: 22px; line-height: 1.454; color:#fff;}

.recipeSwiper3{position: absolute; bottom:0; left:0; width:1250px;}
.recipeSwiper3 .a6-next{position: absolute; top:32px; right:24px; cursor: pointer; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2)); z-index: 1;}

/*area07*/
.area07 .a7_box1{position: absolute; top:125px; left:0;}
.area07 .a7_box1 .a7_title{position: relative; font-family: 'HSSaemaul'; font-weight: 500; font-size:60px; color:#111111; line-height: 1;}

.area07 .a7_box1 .a7_text01{margin-top:52px; font-size: 22px; line-height: 1.454; color:#111111;}
.area07 .a7_box1 .a7_text02{margin-top:24px; font-size: 22px; line-height: 1.454; color:#111111;}
.area07 .a7_box1 .a7_text03{margin-top:24px;}
.area07 .a7_box1 .a7_text04{margin-top:30px; font-weight: 700; font-size: 22px; line-height: 1.454; color:#111111;}
.area07 .a7_box1 .a7_text05{margin-top:25px; font-size: 22px; line-height: 1.454; color:#111111;}

.area07 .a7_box2{position: absolute; top:80px; right:-253px; width:1060px;}

.area07 .a7_box2 .a7_img1{position: absolute; top:160px; left:0; z-index: 2;}
.area07 .a7_box2 .a7_img2{position: absolute; top:0; right:0; z-index: 1;}
.area07 .a7_box2 .a7_noti{position: absolute; top:664px; left:0; font-weight: 400; font-size:18px; color:#111111; line-height: 1.333;}
.area07 .a7_box2 .a7_noti span.a7n_bold{font: inherit; font-weight:700; font-size: 20px;}
.area07 .a7_box2 .a7_noti span.a7n_medium{font: inherit; font-weight:500;}

/*a7 animation*/
.area07 .a7_img3{position: absolute; top:560px; left:-270px; animation: swing2 2s steps(1) infinite; transform-origin: center bottom;}

@keyframes swing2 {
  0%   { transform: rotate(-1deg); }
  50%  { transform: rotate(1deg); }
  100%  { transform: rotate(-1deg); }
}

/*area08*/
.area08 .a8_box1{position: absolute; top:178px; left:760px;}
.area08 .a8_box1 .a8_text01{margin-top:44px; font-size: 22px; line-height: 1.454; color:#111111;}
.area08 .a8_box1 .a8_text01 span{font:inherit; font-weight: 700;}
.area08 .a8_box1 .a8_text02{margin-top:24px;}
.area08 .a8_box1 .a8_btn_wrap{margin-top:46px; width: 400px; height: 100px; border-radius: 20px; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));}
.area08 .a8_box1 .a8_btn_wrap:after{content: ''; position: absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); background: #995a6d; border-radius: 20px;}
.area08 .a8_box1 .a8_btn_wrap .a8_btn{position:absolute; top:0; left: 0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 32px; color: #fff; line-height: 1.3125; text-align: center; border-radius: 20px; background:#ffacc5; transition:.2s; z-index: 2;}
.area08 .a8_box1 .a8_btn_wrap .a8_btn:hover{transform: translate(-0.7rem, -0.7rem);}

.area08 .a8_ani_area{position: absolute; top:456px; right:-110px; width:184px; height:180px;  opacity: 0; transition: .2s;}
.area08 .a8_ani_area.on{opacity: 1;}
.area08 .a8_ani_area > span{position: absolute; top:0; left:0; opacity:0;}
.area08 .a8_ani_area > span.a8_lunch1{opacity:1;}

/*area08 - junwoo2*/
.area08-2 .a8-2_box1{position: absolute; top:128px; left:760px;}
.area08-2 .a8-2_box1 .a8-2_text01{margin-top:44px; font-size: 22px; line-height: 1.454; color:#111111;}
.area08-2 .a8-2_box1 .a8-2_text01 span{font:inherit; font-weight: 700;}
.area08-2 .a8-2_box1 .a8-2_img_area{display: flex; justify-content: space-around; gap: 60px; margin-top: 42px;}
.area08-2 .a8-2_box1 .a8-2_img_area > div{display: flex; flex-direction: column; align-items: center;}
.area08-2 .a8-2_box1 .a8-2_img_area > div > span{ display: block; margin-top:26px; font-size: 22px; text-align: center;}

/*area09*/
.area09 {padding-top: 90px; padding-bottom:90px; background:#fff7f4;}
.area09 .a9_title{position: relative; width: 1250px; margin: 0 auto;}
.area09 .a9_title .a9_line{overflow: hidden; position: absolute; top:53px; left:255px; width:0; height:16px; transition:.5s .5s;}
.area09 .a9_title .a9_line.on{width:360px;}
.area09 .a9_title .a9_line img{display:block; width:360px; height:16px;}
.area09 .a9_title p{position: relative; font-family: '700SansYusoryeon'; font-size: 60px; color:#333; text-align: center; line-height: 1.075;}
.area09 .a9_title p span{font: inherit; font-size: 80px; color: #ff81a9;}
.area09 .a9_text{margin:20px auto 0; width:1250px; font-size: 22px; font-weight: 400; line-height: 1.454; color:#333333; text-align: center;}

.area09 .meal_top{ display: flex; flex-direction: row; justify-content: space-between; margin:0 auto; width: 1250px; }

.area09 .meal_select_area{position: relative; margin-top: 20px; width:500px;}
.area09 .meal_select_area ul li{position: absolute; display: flex; flex-direction: column; gap: 15px;}
.area09 .meal_select_area ul li.m_btn1{left:0px; top:100px; width:150px;}
.area09 .meal_select_area ul li.m_btn2{left:220px; top:100px; width:160px;}
.area09 .meal_select_area ul li.m_btn3{left:70px; top:300px; width:212px;}
.area09 .meal_select_area ul li.m_btn4{left:0px; top:500px; width:140px;}
.area09 .meal_select_area ul li.m_btn5{left:220px; top:500px; width:132px;}
.area09 .meal_select_area ul li button{position: relative; transition:.2s; cursor: url('/webPub/sc_2025/junwoo/images/a9_hand.png'), url('/webPub/sc_2025/junwoo/images/a9_hand.cur'), pointer;}
.area09 .meal_select_area ul li button:hover{transform: translateY(-10px);}
.area09 .meal_select_area ul li button:active{scale: 0.95;}
.area09 .meal_select_area ul li button span.motion{position: absolute; bottom:-45px; right:-45px; opacity:0; pointer-events: none; transition: .2s;}
.area09 .meal_select_area ul li button span.motion.on{opacity:1;}

.area09 .meal_action_area{position: relative; margin-top:20px;}
.area09 .meal_action_area .meal_confetti{position: absolute; top:0; left:50%; margin-left:-427px; opacity: 0; transform-origin: center bottom; transition: 0.2s ease;}
.area09 .meal_action_area .meal_confetti.show {opacity: 1;}
.area09 .meal_action_area .meal_coment{position: absolute; top:0; left:-130px; opacity: 0; transition: 0.2s ease;}
.area09 .meal_action_area .meal_coment.show{opacity: 1;}
.area09 .meal_action_area .meal_table{position: relative; margin:0 auto; width: 710px;}
.area09 .meal_action_area .meal_table img.table_bg{display: inline-block;}
.area09 .meal_action_area .meal_table ul li{position: absolute;}
.area09 .meal_action_area .meal_table ul li.pos1{top:328px; left:370px;}
.area09 .meal_action_area .meal_table ul li.pos2{top:313px; left:210px;}
.area09 .meal_action_area .meal_table ul li.pos3{top:435px; left:236px;}
.area09 .meal_action_area .meal_table ul li.pos4{top:434px; left:105px;}
.area09 .meal_action_area .meal_table ul li.pos5{top:395px; left:494px;}
.area09 .meal_action_area .meal_table ul li img{position: absolute; top:0; left:0;}
.area09 .meal_action_area .meal_table ul li img.food-on{opacity:0; transform: translateY(-20px); transition:.5s;}
.area09 .meal_action_area .meal_table ul li.checked img.food-on{opacity:1; transform: translateY(0);}

.area09 .meal_count_area{margin-top:20px; display: flex; justify-content: center; gap: 20px;}
.area09 .meal_count_area .k_food{display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding:0 40px; width:530px; height: 100px; border-radius: 20px; background: #fff; border:1px solid #000;}
.area09 .meal_count_area .k_food .k_title{font-weight: 700; font-size: 24px;}
.area09 .meal_count_area .k_food .k_result{display: flex; align-items: center; height: 100%;}
.area09 .meal_count_area .k_food .k_result input{width:180px; height:100%; font-weight: 700; font-size: 32px; text-align: right;}
.area09 .meal_count_area .k_food .k_result span{margin-left: 8px; margin-right: 10px; font-weight: 700; font-size: 32px;}
.area09 .meal_count_area .k_result button{width: 48px; height: 48px; cursor: pointer;}
.area09 .meal_count_area .k_result button.btn-minus{background: url('/webPub/sc_2025/junwoo/images/ico-minus.png') no-repeat center;}
.area09 .meal_count_area .k_result button.btn-plus{background: url('/webPub/sc_2025/junwoo/images/ico-plus.png') no-repeat center;}


.area09 .meal_count_area .a9_btn{width:300px; height:100px; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 32px; color: #fff; line-height: 1.3125; text-align: center; border-radius: 20px; background:#da291c; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));}

/*area09 - junwoo2*/
.area09-2 {background:#fff7f4;}
.area09-2 .a9-2_title{position: relative; width: 1250px; margin: 60px auto 0; text-align: center;}
.area09-2 .a9-2_title .a9-2_line{overflow: hidden; position: absolute; top:112px; left:478px; width:0; height:16px; transition:.5s .5s;}
.area09-2 .a9-2_title .a9-2_line.on{width:324px;}
.area09-2 .a9-2_title .a9-2_line img{display:block; width:324px; height:16px;}
.area09-2 .a9-2_title .a9-2_titleImg{display:inline-block; position: relative;}

.area09-2 .a9-2_img{margin-top: 38px; text-align: center;}
.area09-2 .a9-2_img img{display: inline-block;}

.area09-2 .a9-2_btn_wrap{margin:20px auto 0; width: 480px; height: 120px; border-radius: 20px; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));}
.area09-2 .a9-2_btn_wrap:after{content: ''; position: absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); background: #664f3a; border-radius: 20px;}
.area09-2 .a9-2_btn_wrap .a9-2_btn{position:absolute; top:0; left: 0; width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 32px; color: #fff; line-height: 1.3125; text-align: center; border-radius: 20px; background:#b19174; transition:.2s; z-index: 2;}
.area09-2 .a9-2_btn_wrap .a9-2_btn:hover{transform: translate(-0.7rem, -0.7rem);}

/*area10*/
.area10 .a10_subtitle{margin-top:96px; font-weight: 700; font-size:40px; line-height: 1; color:#111111; text-align: center;}
.area10 .a10_title{margin-top:-12px; text-align: center;}
.area10 .a10_title img{display: inline-block;}
.area10 .a10_text{margin-top:30px; font-size: 22px; line-height: 1.454; color:#333333; text-align: center;}

.area10 .a10_box{display: flex; justify-content: center; gap: 10px; margin-top:40px;}

.area10 .a10_btn_wrap{margin:40px auto 0; width: 600px; height: 120px; border-radius: 20px; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2));}
.area10 .a10_btn_wrap::after{content: ''; position: absolute; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); background: #000; border-radius: 20px;}
.area10 .a10_btn_wrap .a10_btn{position:absolute; top:0; left: 0; padding-left: 160px; width:100%; height:100%; display: flex; justify-content: center; align-items: center; font-weight: 700; font-size: 32px; color: #fff; line-height: 1.3125; text-align: center; border-radius: 20px; background:#da291c; transition:.2s; z-index: 2;}
.area10 .a10_btn::after{content: ''; position: absolute; top:-24px; left:0; width: 212px; height: 200px; background:url('/webPub/sc_2025/junwoo/images/a10_btn_img.png')no-repeat; background-size:cover; z-index: 2;}
.area10 .a10_btn_wrap .a10_btn:hover{transform: translate(-0.7rem, -0.7rem);}

.float_area {position:fixed; right: -300px; top:150px; filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .2)); z-index:10; transition:1.2s;}
.float_area.on {right:45px;}
.float_area a {display:block;}

.copy-area {padding:40px 0;background:#f7f7f7;}
.copy-area p {font-family: 'SpoqaHanSansNeo'; font-weight: 400; font-size: 19px; text-align: center; color: #333333;}

.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;}