/* reset */
* {margin:0; padding:0; box-sizing: border-box; word-break: keep-all; overflow-wrap: break-word;}
@font-face { font-family: 'BMEULJIRO'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/BMEULJIRO.woff') format('woff'); font-weight: normal; font-style: normal; } 
html, body {width:100%; height:100%; min-width:320px; scroll-behavior: smooth;}
body { font-family: "Pretendard","Noto Sans KR",sans-serif;  font-weight:400; letter-spacing:-0.03em; color:#334933;}
a {color:#334933; text-decoration:none;}
a:hover {color:#51886C;}
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; }
body {overflow-x: hidden;  max-width:100%;}







/************************************ °¢ ¹è³Ê ŸÀÌƲ ºÎºÐ***************************************/
.top_tit {max-width:92%; margin:0 auto;  gap:20px;  padding:4% 0 3%; text-align:center; position:relative; display: flex; align-items: center;  justify-content: center; }

.tt_h_logo { text-align:left; max-width:700px; width:90%; margin:0 auto; }
.logo_h { width:100px; height: auto;}

/********** Å« ±Û¾¾ *********/
.top_tit h2{color:#334933;  font-size:67px;  letter-spacing:-0.05em; margin:15px 0; line-height:110%;  font-family: 'BMEULJIRO', sans-serif; font-weight:300;}

/********** ¼³¸í ÀÛÀº ±Û¾¾ *********/
.top_tit p {color:#334933; font-size:21px; line-height:1.5; opacity:0.7; font-weight:400; }

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

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

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

/********** ·Î°í ¿· ¼¼·Î ·Î°í »çÀÌÁî Á¶Á¤ *********/
.tt_h_logo { gap:10px; }
.logo_h {width:50px;}
}







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

@media screen and (max-width:1440px) {
.divpop img {width:75px;} 
}

@media screen and (max-width:1024px) {
.divpop {bottom:130px;} 
.divpop img {width:50px;} 
}


/**************** À§·Î Top ¹öÆ°******************/
.f_top {width:40px; height:40px;  text-align: center; padding:10px 0;  z-index:1000; display:block; position: fixed; right:6px; bottom:92px; 
background-image: url('../../img/beans2.png'); background-repeat:no-repeat ; background-position:center; background-size:cover;}
.f_top a {color: white; font-size:12px; text-decoration: none;   font-family: 'BMEULJIRO', sans-serif; }

@media (max-width: 768px) {
.f_top {width:29px; height:29px;  padding:0; }
.f_top a { font-size:10px;}
}








/************************************************************ »ó´Ü¸Þ´º¹Ù***********************************************************/
#header{width:auto; padding:0; position: fixed; z-index:999999999;  top:31px; left:31px; right:31px; border-radius:10px 10px 0 0; box-sizing:border-box;  transition: all 0.6s ease-out 0.0s; background: rgba(56, 92, 69, 1); display: flex; flex-wrap: wrap; 
border-bottom:1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(255,255,255,0.35), 0 12px 30px rgba(255,255,255,0.35); }

/*»ó´Ü¸Þ´º¹Ù ¸¶¿ì½º ½ºÅ©·Ñ½Ã À§Ä¡ Á¶Á¤ */
#header.show {backdrop-filter: blur(5px);  top:0px; left:0px; right:0px; width:100%;  background: rgba(56, 92, 69, 0.6);  border-radius:0; }

/*·Î°í*/
#header h1{padding-left:30px;  float:left;}

/*¸Þ´º*/
#header .pc_menu {float:left;  display:block;}
#header .pc_menu ul li  { display:inline-block; padding:30px; }
#header .pc_menu ul li a { font-size:18px; font-weight:600;  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: #E0DE9B; }
#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 .t_tel {display:inline-block; position:absolute; top:32px;  right:40px; font-size:21px; }
#header .t_tel a {color:#fff; }
#header .t_tel b {display:inline-block;}
#header .t_tel span{display:inline-block;color:#fff; line-height:1; text-decoration:none; font-size: 1.1em;}
#header .t_tel  .icon { background-image: url('../../img/icon_tel.png'); background-repeat:no-repeat ; background-position:center; background-size:cover;  width:37px;height:37px; float:left;animation:move_updown 1s infinite ease-in-out; margin:-7px 8px 0 0;}


@media screen and (max-width:1440px) {
/*·Î°í*/
#header h1{padding-left:30px;}
#header h1 img {width:230px;}
/*¸Þ´º*/
#header .pc_menu ul li  { padding:25px; }
#header .pc_menu ul li a { font-size:18px; }

/* â¾÷¹®ÀÇ ÀüÈ­°É±â  */
#header .t_tel { top:32px;  right:50px; font-size:21px; }
#header .t_tel  .icon { width:30px;height:30px;margin:-5px 5px 0 0;}

/*»ó´Ü¸Þ´º¹Ù ¸¶¿ì½º ½ºÅ©·Ñ½Ã À§Ä¡ Á¶Á¤ */
#header.show .t_tel { top:26px;}
}

@media screen and (max-width:1280px) {
/*¸Þ´º*/
#header .pc_menu ul li  { padding:25px 15px;}
#header .pc_menu ul li a { font-size:17px; }
}


@media screen and (max-width:1024px) {
#header{top:0px; left:0px; right:0px; border-radius:0;}

/* ·Î°í */
#header h1{padding:0; width:100%; text-align:center; display:block; position: relative;}
#header h1 img {width:160px;}

/*¸Þ´º*/
#header .pc_menu {float:none; width:100%; text-align:center;}
#header .pc_menu ul li  {padding:15px 15px 20px 15px; }
#header .pc_menu ul li a { font-size:15px; }

/* â¾÷¹®ÀÇ ÀüÈ­°É±â  */
#header .t_tel { top:18px; right:6px; font-size:0px; }
#header .t_tel b,
#header .t_tel span{display:none;}

/*»ó´Ü¸Þ´º¹Ù ¸¶¿ì½º ½ºÅ©·Ñ½Ã À§Ä¡ Á¶Á¤ */
#header.show .t_tel { top:16px;}
}


@media screen and (max-width:786px) {
/* ·Î°í */
#header h1 img {width:130px;}

/*¸Þ´º*/
#header .pc_menu ul li  {padding:5px 8px 10px 8px; }
#header .pc_menu ul li a { font-size:13px; }
}











/**** È帣´Â ÅؽºÆ® °øÅë // ±×¸° Åõ¸í ¶ìºÎºÐ***/
.m_tit {width:100%; position:relative; padding:0; background:rgba(162,174,114, 0.2); border:2px dotted rgba(51,73,51,0.2); z-index:1;  }
.m_tit .marquee { overflow: hidden; }
.m_tit .marquee p {gap:1rem;  display: flex; flex-wrap: nowrap;align-items: center;}
.m_tit .marquee p span { font-weight:900;  font-size:60px;  font-style:normal;  line-height:1; color: #7FB685; }

@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:absolute;  top: 50%;  transform: translateY(-50%);}
.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-weight:900; font-size:130px;  line-height:100%; color: #fff; }

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

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

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




/*¸¶¿ì½º ½ºÅ©·Ñ½Ã »ó´Ü¸Þ´º ÀÛ¾ÆÁö´Â À§Ä¡ Á¶Á¤*/
.menu_scroll {position:absolute; top:50px;}
#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;}



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

@media screen and (max-width:1024px) {
.sub_box {margin: 20px auto;} 
}



/* ¿ìÃø ½ºÅ©·Ñ »ö»óÁöÁ¤ */
/*
::-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);
}*/
 

/********************************* ¾Ö´Ï¸ÞÀÌ¼Ç ¸ðÀ½ *********************************/
/* 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(-5%); }}

/*»ì¦ ¿òÁ÷ÀÓ Á¿ì·Î */
@keyframes move_leftright
{0%, 100% { transform: translateX(0);}  50% { transform: translateX(-5%); }}

/*È­»ìÇ¥ ¿òÁ÷ÀÓ*/
@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:moveupdown 2s linear infinite;}
.move_leftright img {animation:moveleftright 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; }
}





 



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

.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 #334933; }
.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:#334933; border-radius:30px; }
.f_btn a b {width:30px; margin-left:7px; height:30px; line-height:30px;  color:#334933; 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){
#footer section{ padding:30px 0 90px;}
/* ¸Þ´º */
.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 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%;}

/* ¸Þ´º */
.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; }