/* reset */
* {margin:0; padding:0; box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word;}
html, body {width:100%; height:100%; min-width:320px; scroll-behavior: smooth;  }
body {    overflow-x: hidden; font-family: "Pretendard Variable", "Noto Sans KR", sans-serif; font-weight:400; letter-spacing:-0.02em; color:#000;  background:#FFFBEC url('../../img/pa_bg.png') repeat 0 0;  background-size:100%;}
a {color:#444; text-decoration:none;}
a:hover {color:#111;}
img {max-width:100%; vertical-align:middle;}
ul, ol, li {list-style:none;}
table {border-collapse:collapse; border-spacing:0; width:100%; word-break:break-word;}
th, td {vertical-align:middle;}
caption, legend {display:none;}
button {cursor:pointer; border:0; background:none;}
.floatBox:after {content:""; display:block; clear:both;}
b,b span {color: inherit;  font-size: inherit; font-family: inherit;}
.skip a { display:block; position:absolute; left:0; top:-9999em; z-index:9999; width:100%; background:lime; color:black; font:1.8em/3em arial,sans-serif; }
.skip a:focus { top:0; }


@font-face {
    font-family: 'Cafe24Supermagic-Bold-v1.0';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/Cafe24Supermagic-Bold-v1.0.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Syongsyong';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.1/Cafe24Syongsyong.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}@font-face {
    font-family: 'Cafe24SsurroundAir';
    src: url('https://gcore.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24SsurroundAir.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cafe24Ssurround';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/Cafe24Ssurround.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




/* ¼­ºêÆäÀÌÁö °¡·Î»çÀÌÁî Á¦ÇÑ */
.sub_box { max-width:1400px; width:94%; margin:0px auto 50px; line-height:170%;} 

/* pc¿¡¼­¸¸ ÁÙ¹Ù²Þ */
@media screen and (min-width:1024px) {
.pc_br {width:100%; display:block; }
}

/* ¸ð¹ÙÀÏ¿¡¼­¸¸  ÁÙ¹Ù²Þ */
@media screen and (max-width:1024px) {
.m_br {width:100%; display:block; }
}

/* ¿ìÃø ½ºÅ©·Ñ »ö»óÁöÁ¤ */
/*
::-webkit-scrollbar {
width:4px;
}
::-webkit-scrollbar-track {
background:#FFC600;
}
::-webkit-scrollbar-thumb {
 background:#005AD5;  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}*/
 




/*********************************ÅؽºÆ® ¹°°á ¸ð¼Ç*********************************/ 
.w_line {position: relative;display: inline-block; z-index: 0;}
.w_line::after { content: ""; position: absolute; left: 0; bottom:-8%; width: 100%; height: 1em; background-image: url('../../img/w_line.png'); background-repeat:repeat-x; background-position: left bottom; background-size:80px;  clip-path: inset(0 100% 0 0); transition: clip-path 3s ease; pointer-events: none;  z-index: -1;}
.w_line.active::after { clip-path: inset(0 0% 0 0); }

@media screen  and (max-width:1440px) {
.w_line::after {background-size:55px;}
}



/********************************* ¾Ö´Ï¸ÞÀÌ¼Ç ¸ðÀ½ *********************************/
/* 360µµ ȸÀü */
@keyframes rotate
{
0%{} 100%{transform: rotate(360deg );}
}

/* »ì¦ 70µµ¸¸ */
@keyframes rotate_70
{
0%{} 100%{transform: rotate(-70deg );}
}

/* ±ô¹ÚÀÓ */
.flicker {animation:flicker 0.4s infinite;}
@keyframes flicker {0%,100% {opacity:1;} 50% {opacity:0.6;}}

/*»ì¦ ¿òÁ÷ÀÓ ºñƲ±â*/
@keyframes move
{
0%,100%{transform: rotate(-4deg);} 50%{transform: rotate(4deg); }
}

/*»ì¦ ¿òÁ÷ÀÓ ¾Æ·¡ À§·Î */
@keyframes move_updown
{0%, 100% { transform: translateY(0);}  50% { transform: translateY(-3%); }}

/*È­»ìÇ¥ ¿òÁ÷ÀÓ*/
@keyframes arrow
{
0%{} 50%{margin-right:10px; opacity:0.7;} 100%{}
}

/* È­»ìÇ¥ ¿òÁ÷ÀÓ ¼¼·Î***/
@keyframes arrow_down
{
0%{} 50%{margin-top:10px; opacity:0.7;} 100%{}
}

.move img {animation:move 2s linear infinite;}
.rotate img {animation:rotate 10s linear infinite;}
.move_updown img {animation:move_updown 2s linear infinite;}

/* °øÅë ¾Ö´Ï¸ÞÀÌ¼Ç Å¬·¡½º */
.animated {
animation-duration: 1s;
animation-fill-mode: both;
}


/* ¼øÂ÷Àû delay ÀÚµ¿ Àû¿ë (ÃÖ´ë 10°³±îÁö ¿¹½Ã) */
.wow-delay-wrap .animated:nth-child(1) { animation-delay: 0.4s; }
.wow-delay-wrap .animated:nth-child(2) { animation-delay: 0.7s; }
.wow-delay-wrap .animated:nth-child(3) { animation-delay: 1.0s; }
.wow-delay-wrap .animated:nth-child(4) { animation-delay: 1.3s; }
.wow-delay-wrap .animated:nth-child(5) { animation-delay: 1.6s; }
.wow-delay-wrap .animated:nth-child(6) { animation-delay: 1.9s; }
.wow-delay-wrap .animated:nth-child(7) { animation-delay: 2.2s; }
.wow-delay-wrap .animated:nth-child(8) { animation-delay: 2.5s; }
.wow-delay-wrap .animated:nth-child(9) { animation-delay: 2.8s; }
.wow-delay-wrap .animated:nth-child(10) { animation-delay: 3.1s; }

/* ¾Ö´Ï¸ÞÀÌ¼Ç À̸§ Ŭ·¡½º */
.bounceIn { animation-name: bounceIn; }
.slideInLeft { animation-name: slideInLeft; }
.slideInRight { animation-name: slideInRight; }
.slideInBottom { animation-name: slideInBottom; }
.slideInTop { animation-name: slideInTop; }

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
  20% { transform: scale3d(1.1, 1.1, 1.1); }
  40% { transform: scale3d(0.9, 0.9, 0.9); }
  60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); }
  80% { transform: scale3d(0.97, 0.97, 0.97); }
  to { opacity: 1; transform: scale3d(1, 1, 1); }
}

@keyframes slideInLeft {
  from { transform: translate3d(-50%, 0, 0); visibility: visible; opacity: 0; }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}

@keyframes slideInRight {
  from { transform: translate3d(50%, 0, 0); visibility: visible; opacity: 0; }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}

@keyframes slideInBottom {
  from { transform: translate3d(0, 50%, 0); visibility: visible; opacity: 0; }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}

@keyframes slideInTop {
  from { transform: translate3d(0, -50%, 0); visibility: visible; opacity: 0; }
  to { transform: translate3d(0, 0, 0); opacity: 1; }
}





/************************************ °¢ ¹è³Ê ŸÀÌƲ ºÎºÐ***************************************/
.top_tit {width:92%; margin:0 auto;  padding:6% 0 3%; text-align:left; position:relative; }
.top_tit h2{color:#635042;  text-align:center; font-size:63px;  font-family: 'Cafe24Ssurround';  margin:0; line-height:110%;}
.top_tit h2 b {color:#F3A06D;}
.top_tit p {color:#000; font-size:22px; line-height:140%; text-align:center;  font-family: 'Cafe24Syongsyong';    }
.top_tit p b {color:#F3A06D; font-weight:800;}
.tt_sky  h2 b {color:#8AD4F6;}
.dark h2 {color:#fff;}
.dark p {color: rgba(255, 255, 255, 0.8);}

@media screen  and (max-width:1440px) {
.top_tit h2{font-size:55px;}
.top_tit p {font-size:20px;}
}

@media screen  and (max-width:1024px) {
.top_tit h2{font-size:40px; margin:10px 0;}
.top_tit p {font-size:18px;}
}

@media screen  and (max-width:786px) {
.top_tit { padding:9% 0 5%;}
.top_tit h2{font-size:32px;}
.top_tit p {font-size:16px;}
}

 


/*****************************  ¿ìÃø °¡¸Í¹®ÀÇ sns Äü¹è³Ê ********************************/
.quick { position: fixed; z-index: 9999; width:80px; top: 50%;  right: 0; transform: translateY(-50%);}
.quick .tel,
.quick .store,
.quick .sns,
.quick .ftop {width: 100%;}
.quick b {display: block; font-size:16px;margin:5px 0;color: white; font-weight:600; line-height:1.2; text-align: center; color:#635042;}

/* ÀüÈ­ */
.quick .tel {background: #F3A06D; color: white; text-align: center; padding:15px 0px; border-top-left-radius:10px; }
.quick .tel b {color:#fff;}
.quick .tel .icon {background-image: url('../../img/icon_tel.png'); background-repeat:no-repeat ; background-position:center; background-size:cover;  width:60px;height:60px; margin: 0 auto 5px;  
animation: phone-shake 1s infinite ease-in-out;}
.quick .tel .no{color: white;font-size: 23px;line-height: 1.2;text-decoration: none; font-weight:900;animation: glowFlash 1s infinite alternate; }


/* ÀüÈ­°É±â ¾ÆÀÌÄÜ ¸ð¼Ç */
@keyframes phone-shake {
0%, 100% { transform: rotate(4deg); }
50% { transform: rotate(-3deg); }
}

@keyframes glowFlash {
0% { color: white;}
50% { color:#FFF3B0;}
100% {color: white;}
}


/* ¸ÅÀå */
.quick .store {background: #FFF3B0;color: black; padding:10px 0px;}
.quick .store .icon {background-image:url('../../img/icon_store.png');  background-repeat:no-repeat ; background-position:center; background-size:cover; width:60px;height:60px; margin:5px auto 0px; animation: store-bounce 1s infinite ease-in-out;}
/* ¸ÅÀ庸±â ¾ÆÀÌÄÜ ¸ð¼Ç */
@keyframes store-bounce {
0%, 100% { transform: translateY(0); }
50% { transform: translateY(-3px); }
}


/* SNS */
.quick .sns {background:#FFDEDC; padding:10px 0; margin:0; color:#635042;  }
.quick .sns ul {display: flex; flex-wrap: wrap; justify-content: center; padding:0 5px; margin:0;list-style: none; }
.quick .sns li { width:50%; box-sizing: border-box; padding:0; display: flex; justify-content: center; align-items: center; }
.quick .sns img { width:28px; height:28px; }

/* À§·Î */
.quick .ftop {background:#635042; text-align: center; padding: 10px 0; border-bottom-left-radius: 10px;}
.quick .ftop a { color: white;font-size:14px; text-decoration: none; }




/* ¸ð¹ÙÀÏ¿¡¼­ ÇÏ´Ü ³ª¿­ */
@media (max-width: 768px) {
.quick { transform:none;  bottom: 0; top: auto;width: 100%; height:60px; display: flex; flex-direction: row; justify-content: space-around; align-items: center;  }
.quick .tel,
.quick .store,
.quick .sns,
.quick .ftop {width: auto; height: 100%; padding: 0; flex: 1;  display: flex; flex-direction: column; justify-content: center; border-radius:0; }
.quick .icon { width: 30px !important; height: 30px !important; margin: 0 auto 1px !important; }
.quick b { font-size: 13px; margin: 0;  }
.quick .tel .no {display:none;}
.quick .sns { flex: 1.5; }
.quick .ftop { flex: 0.6; }
.quick .sns ul { flex-wrap: nowrap; }
.quick .sns li { width: auto; }
.quick .ftop a { font-size:13px; }
}




/* ¿Â¶óÀλó´ã ¹öÆ° */
.divpop  {display:block;  position:fixed; right:20px; bottom:20px; z-index:1000; animation:rotate 7s linear infinite; }
.divpop img {width:90px;} 

@media screen and (max-width:1024px) {
.divpop  { right:10px; bottom:10px;} 
.divpop img {width:65px;} 
}


 


/**** È帣´Â ÅؽºÆ® °øÅë  ¶ìºÎºÐ***/
.m_tit {width:100%; position:relative; padding:10px 0 0; background:#F3A06D;}
.m_tit .marquee { overflow: hidden; }
.m_tit .marquee p {gap:1rem;  display: flex; flex-wrap: nowrap;align-items: center;}
.m_tit .marquee p span { display: block; padding:0; font-family: 'Cafe24Ssurround'; font-size:60px; font-style:normal;  line-height:100%; color: #fff; }
.m_tit .marquee p span.line {color:rgba(255,255,255,0); -webkit-text-stroke:1px #fff; }

@media screen and (max-width:1440px){
.m_tit .marquee p span {font-size:50px;}
}

@media screen and (max-width:1024px){
.m_tit .marquee p span { font-size:40px; }
}

@media screen and (max-width:786px){
.m_tit .marquee p span { font-size:30px;}
}





/**** È帣´Â ÅؽºÆ® --  Å« ±Û¾¾  ¿À·»Áö***/
.m_tit_big {width:100%; position:relative; padding:70px 0 30px;}
.m_tit_big .marquee { overflow: hidden;}
.m_tit_big .marquee p {gap:0.5rem;  letter-spacing:0;  display: flex; flex-wrap: nowrap;align-items: center;}
.m_tit_big .marquee p span { display: block; padding:0 10px; font-family: 'Cafe24Ssurround';  font-size:120px;  line-height:100%; color: #F3A06D; }
.m_tit_big .marquee p span.line {color:rgba(255,255,255,0); -webkit-text-stroke:1px #F3A06D;}

/**** È帣´Â ÅؽºÆ® -- ¹ÎÆ®»ö ***/
.mtb_mint .marquee p span { color:#94DDC2; }
.mtb_mint .marquee p span.line {-webkit-text-stroke:1px #94DDC2;}

@media screen and (max-width:1440px){
.m_tit_big .marquee p span { font-size:1o0px; }
}

@media screen and (max-width:1024px){
.m_tit_big {padding:35px 0 10px;}
.m_tit_big .marquee p span { font-size:80px; }
}

@media screen and (max-width:786px){
.m_tit_big .marquee p span { font-size:60px; }
}








/*¸¶¿ì½º ½ºÅ©·Ñ½Ã »ó´Ü¸Þ´º ÀÛ¾ÆÁö´Â À§Ä¡ Á¶Á¤*/
.menu_scroll {position:absolute; top:100px;}
#boxWrapp{width:100%;margin:0 auto;padding:0;position:relative;}
#contentwrap { position: relative; min-height:100%; width:100%; }
.split #boxWrapp  {  width:100%; height:100%; overflow:hidden;}
#boxWrapp .blocker { position:fixed; width:100%;  top:0px; left:0px;opacity:0; filter:alpha(opacity=80); background:#000; z-index:9999; height:100%; display:none;  cursor:handle; default; }
.section {width:100%; height:100%;  overflow: hidden; display:block;}
.section_inner {position: relative;width:100%; height: 100%; margin:0 auto; display:block;}




/*************************************** ¸¶¿ì½º µû¶ó ´Ù´Ï´Â ÁÖȲ»ö ¿ø ********************************************/
#custom_cursor {width: 40px;height: 40px; position: fixed; top: 0;left: 0; z-index: 9999; pointer-events: none;background: #F3A06D;opacity: 0.4; border-radius: 50%; transform: translate(-50%, -50%);}

@media screen  and (max-width:1024px) {
#custom_cursor {display: none;}
}



/************************************************************ »ó´Ü¸Þ´º¹Ù***********************************************************/
#header{width: 100%; position: fixed; z-index:999999999;  top:0px; left:0;  -webkit-transition: all 0.6s; -moz-transition: all 0.6s; transition: all 0.6s ease-out 0.0s; }


/*·Î°í*/
#header h1{padding-left:20px; padding-top:5px; float:left;}
#header.show h1{padding-top:0px;}


/*¸Þ´º*/
#header .pc_menu {top:38px; right:50%; position: absolute;  margin:0 -500px 0 0; width:1000px;  text-align:center; display:block;}
#header.show .pc_menu {top:15px;}
#header .pc_menu ul li  { display:inline-block; padding:5px 28px; }
#header .pc_menu ul li a { font-size:19px; text-align:left;  display:inline-block; position:relative; color:#fff;  cursor:pointer; }
#header .pc_menu ul li a:hover,
#header .pc_menu ul li a:focus {color: #F6EEC7; }
#header .pc_menu .link:before { content: ''; position: absolute; top:100%; left: 0%; width: 100%; height:0px; margin: 0; background: #F6EEC7; transition: transform 0.3s; transform: scale3d(0, 1, 1);}
#header .pc_menu .link:hover:before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);height:2px;}


/*»ó´Ü¸Þ´º¹Ù ½ºÅ©·Ñ½Ã À§Ä¡ Á¶Á¤ */
#header.show {background:rgba(0,0,0,0.6);}
#header.show h1 img { width:80%; }

@media screen and (max-width:1600px) {
#header h1 img {width:80%;}
#header.show h1 img {width:67%;}
#header .pc_menu {top:28px;}
#header.show .pc_menu {top:9px;}
#header .pc_menu ul li  { padding:5px 23px;}
#header .pc_menu ul li a { font-size:18px; }
}

@media screen and (max-width:1280px) {
#header .pc_menu {left:290px; right:auto; margin:0; width:auto;}
#header .pc_menu ul li  {padding:5px 20px;}
#header .pc_menu ul li a { font-size:16px;}
}

@media screen and (max-width:1024px) {
#header .pc_menu {top:28px;}
#header.show .pc_menu {top:9px;}
#header .pc_menu ul li  { padding:5px 15px;}
#header .pc_menu ul li a { font-size:15px;}
}
 
@media screen and (max-width:786px) {
#header h1{padding:0; width:100%; text-align:center; display:block;     z-index: 10; position: relative;}
#header .pc_menu:before {content:"";display:block;clear:both;}
#header h1 img {width:170px;}
#header.show h1 img {width:140px;}
#header .pc_menu {left:0px; top:0px; width:100%; position: relative; padding-bottom:7px; z-index:1;}
#header.show .pc_menu {top:0px;}
#header .pc_menu ul li  {padding:2px 8px;}
#header .pc_menu ul li a { font-size:12px;}
}






/**************************  ÇÏ´Ü(DzÅÍ)¿µ¿ª  ****************************/
#footer {position:relative; width:100%;}
#footer section{width:86%; margin:0 auto; padding-bottom:50px;}

.f_menu ul li a,
.f_btn a,
.f_text p,
.f_text p span { font-size:17px;}

/* ¸Þ´º */
.f_menu {width:100%; margin:0 auto; display:block; position:relative; padding-bottom:30px; border-bottom:1px solid #F3A06D; }
.f_menu ul {display:flex; flex-wrap:wrap;}
.f_menu ul li a { padding-right:20px; position:relative; margin-right:20px; line-height:1; display:inline-block; color:#000; }
.f_menu ul li a:after {content:""; position:absolute; right:0px; top:8%; height:85%; display:block; z-index:10; width:1px; background:#000;}
.f_menu ul li:last-child a:after {display:none;}

/* ¹öÆ° */
.f_btn {position:absolute; right:0px; bottom:30px; }
.f_btn a {padding:6px 7px 6px 18px; color:#fff; line-height:0.8;   transition: all 0.35s ease-in-out; display:inline-block; background:#F3A06D; border-radius:30px; }
.f_btn a b {width:30px; margin-left:7px; height:30px; line-height:30px;  color:#F3A06D; font-size:13px;  transition: all 0.35s ease-in-out; display:inline-block; background:#fff; border-radius:50%; }
.f_btn a:hover {background:#000;}

/* ÅؽºÆ® */
.f_text {width:100%; padding:20px 0; margin:0 auto;}
.f_text p  {padding:5px 0;}
.f_text p span { padding-right:10px;  line-height:1.6;  }

@media screen and (max-width:1440px){
.f_btn a,
.f_menu ul li a,
.f_text p,
.f_text p span { font-size:16px; }
}

@media screen and (max-width:1024px){
/* ¸Þ´º */
.f_menu {padding-bottom:20px; }
.f_menu ul li a { padding-right:10px;margin-right:10px; }

/* ¹öÆ° */
.f_btn {tbottom:20px; }
.f_btn a,
.f_menu ul li a,
.f_text p,
.f_text p span { font-size:14px; }

/* ¹öÆ° */
.f_btn {bottom:20px; }
.f_btn a {padding:3px 4px 3px 15px; }
.f_btn a b {width:20px; height:20px; line-height:20px;  font-size:11px; }
}





@media screen and (max-width:767px) {
#footer section{width:96%; padding-bottom:70px;}

/* ¸Þ´º */
.f_menu {padding-bottom:20px; }
.f_menu ul li a { padding-right:10px;margin-right:10px; }

.f_btn a,
.f_menu ul li a,
.f_text p,
.f_text p span { font-size:12px; }

/* ¹öÆ° */
.f_btn {bottom:20px; }
.f_btn a {padding:3px 4px 3px 15px; }
.f_btn a b {width:20px; height:20px; line-height:20px;  font-size:11px; }
}




/***** footer *****/
.fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */  -moz-box-sizing: border-box; /* <=28 */ box-sizing: border-box;}
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%;}
.fp-tableCell {display: table-cell; vertical-align: middle;  width: 100%; height: 100%;}
.fp-section.fp-table, .fp-slide.fp-table {height: auto !important;}
.fp-tableCell {height:auto !important; }