@charset "utf-8";

body {
	margin:0;padding:0;font-size:1em; color: #222222;
	font-family: 'Pretendard', '맑은고딕', 'Malgun Gothic', Dotum,'돋움',Helvetica, sans-serif ;
    overflow-y: hidden;  overflow-x: hidden;
}


html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}
ul, dl,dt,dd, li {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Pretendard', '맑은고딕', 'Malgun Gothic', Dotum,'돋움',Helvetica, sans-serif; font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer;}

a{color: #222222;}
a:hover, a:visited, a:link {text-decoration:none; color : #222222;}
p {word-break:keep-all;  margin-bottom: 0; font-size: 18px;   text-align: justify;     word-break: break-all;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {	border-collapse: collapse;	border-spacing: 0;}
.displaynone {display: none;}
.w100p{width: 100%;}
.p100 {width: 100%;}
.p90 {width: 90%;}
.p80 {width: 80%;}
.p70 {width: 70%;}
.p50 {width: 50%;}
.mw1400{max-width: 1380px; margin: auto;}

.tx_small {font-size: 15px; line-height: initial;}
.tx_center {text-align: center;}
.paper { font-family: 'Paperlogy', sans-serif;}
.cafe24{font-family: 'Cafe24Dangdanghae', sans-serif;;}
.gmarket{font-family: 'GmarketSans', sans-serif;; }
.dongkang{ font-family: 'JSDongkang',sans-serif;; }

:root {
	--maincolor : #ff6714; 
	--grey: #333333;
	--grey2 : #666666;
    --bg_grey : #f5f5f5; 
    --coral1 : #f8a979;
    --coral2 : #fa7c37;
    --coral2 : #f68844; 
    --purple1 : #9ba2cd;
    --purple2 : #515a92; 
    --purple3 : #7c86c5; 
    --bg_color1 : #f7f3eb;
    --bg_color2 : #f5eddf;

    
  }

.color_main{ color:  var(--maincolor);}  
.color_coral1{ color:  var(--coral1);}  
.color_coral2{ color:  var(--coral2);}  
.color_purple1{ color:  var(--purple1);}  


.pc_br{display: block;}
.mo_br{display: none;}
@media (max-width: 768px) { 
    .pc_br{display: none;}
    .mo_br{display: block;}
}

.cke_sc {display: none;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.pt-0 {padding-top: 0 !important; }
.p-5 {padding: 3em;}
.pt50 {padding-top: 50px;}
.pb50 {padding-bottom: 50px;}
.boardpadding {padding: 3em;}
.mt-3 {margin-top: 3em;}
.pb-5 {padding-bottom: 50px;}
.m-auto {margin: auto;}
.bg_grey {background-color: var(--bg_grey);}
.w1400 {width: 100%; margin: auto; max-width: 1380px;}
.w1200 {width: 100%; margin: auto; max-width: 1180px;}
.w1000 {width: 100%; margin: auto; max-width: 980px;}




#header{ position: fixed; top: 0;  padding: 11px 10px ; display: flex; justify-content: space-between; align-items: center; 
    background: var(--bg_color1);    border-bottom: 1px solid #f2efe8;
	width: 100%;    	color: #ffffff;     transition: all .3s ease-in-out 0s;   z-index: 1000; 
    backdrop-filter: blur(10px);   -webkit-backdrop-filter: blur(10px);  }

#logo { padding-left: 10px; }
#logo a {display: block; padding-top: 0px;  color: #222222; font-weight: normal;    
    font-family: 'GmarketSans';
    transition: all .3s ease-in-out 0s;}
#logo h1 p {font-size: 20px; display: inline-block;  line-height: 20px; letter-spacing: -0.5px; }
#logo h1 p span {color: var(--maincolor); display: block;}
#logo h1 img {width: 50%; max-width: 140px; display: inline-block;vertical-align: baseline; margin-right: 10px; }

#header .menu_quick {width: auto;   display: flex ; justify-content:flex-end;     align-items: center;}
#header .menu_quick a {display: inline-block; background-color: var(--maincolor); color: #ffffff; font-size:20px; font-family: 'Paperlogy', sans-serif;
    padding: 8px 24px; border-radius: 30px; margin-right: 20px;   transition: all .2s ease-in-out 0s;}
#header .menu_quick a:hover {background-color: #222222;}
#header .menu_quick a:nth-child(2){background-color: var(--purple3);}
#header .menu_quick a:nth-child(2):hover{background-color: var(--purple1);}
#header.hide {    transform: translateY(-100%);   }

#lnb {  flex: 1; display: flex;    justify-content: center;   align-items: center;  }
#lnb .menu{ display: flex;    justify-content: space-between;    align-items: center; }
#lnb .menu div {position: relative; margin: 0 30px;  display: flex;    align-items: center; }
#lnb .menu div a{font-size: 22px; color: #222222; padding: 20px 0px; display: block; font-weight: 500; font-family: 'Paperlogy', sans-serif;
    transition: all .2s ease-in-out 0s; }
#lnb .menu div a:hover {color: var(--maincolor);}
#lnb .menu div:hover:after{width: 100%;}
#lnb .menu div .submenu {display: none; position: absolute; top: 91px; left: 50%; background: rgba(255,255,255,0.7); padding: 10px 0 15px 15px; width: 160px; transform: translateX( -50%);}
#lnb .menu div .submenu a {color: #333333; font-size: 16px; padding: 2px 0; font-weight: normal; }
#lnb .menu div.on a {color: var(--maincolor);}



#btn_aside  { color: #ffffff;width: 50px; height: 40px; font-size: 20px;cursor: pointer; position: relative; display: none;}

#btn_aside span {    position: absolute;    top: -9999px;    left: -9999px;}
#btn_aside  i{ position: absolute; right: 15px; width: 24px; height: 2px; background-color: #222222; display: block; 
    transition: all .3s ease-in-out 0s;}
#btn_aside  i:nth-child(1){ top: 10px;}
#btn_aside  i:nth-child(2){ top: 20px;}
#btn_aside  i:nth-child(3){ top: 30px;}
.scrollon #btn_aside  i {background-color: #222222;}

#btn_aside:hover i {background-color: var(--maincolor);}

#aslide { position: fixed;     top: 0%;    right: -30%;    width: 30%; max-width: 400px;   height: 100%;    z-index: 1200;    
    background-color: var(--maincolor);        transition: all 0.5s ease-in-out;     padding: 40px;   }
#aslide a {font-size: 30px; color: #ffffff; padding: 20px 0; display: block;font-family: 'Paperlogy', sans-serif; }

#aslide h3{font-size: 30px; font-family: 'Montserrat', sans-serif; margin-bottom: 30px;}
.btn_alideclose{position: absolute; right: 20px; top: 0px; width: 50px; display: none; }
#aslide .btn_alideclose img {width: 100%;}

#aslide .ico svg {    transition: transform 0.3s ease-in-out; width: 50px; height: 50px; fill: #ffffff;}
#aslide .ico:hover svg {    transform: rotate(180deg);}


#lnb .menu div.esti {display:none;}

@media (max-width: 1600px) { 
    #lnb .menu div a{font-size: 20px;  }
    #lnb .menu div { margin: 0 12px;}
}
@media (max-width: 1300px) { 
    #logo h1 p {font-size: 16px;}
    #lnb .menu div a{font-size: 18px;  }
    #lnb .menu div { margin: 0 10px;}
}

@media (max-width: 1240px) { 

    #logo h1 {font-size: 30px;}
    #aslide .btn_alideclose { padding: 0; width: 40px; top: 10px;}
    #aslide a {font-size: 20px;}
    #aslide h3 {font-size: 20px;}
    #aslide .bt{left: 4em; }
}

@media (max-width: 1024px) { 
    #header { backdrop-filter: none;   -webkit-backdrop-filter: none; }
    #logo h1 img {max-width: 120px;}

    #header .menu_quick a {margin-right: 15px; font-size: 18px; padding: 8px 20px;}
    #lnb { 
        position: absolute; left:0; top: 70px; z-index: 10;    background: var(--bg_color1); width: 100%; border-top: 1px solid #dddddd; overflow-x: auto;
        display: flex;        align-items: center;        white-space: nowrap;  overflow-y: hidden; 
        border-bottom: 1px solid #dddddd;
        }
    #lnb .menu{  display: flex;   justify-content: flex-start;   
        align-items: center;  width: max-content;  }
    #lnb .menu div {margin-left: 20px ;  flex: none;}
    #lnb .menu div a{font-size: 16px; padding: 15px 0;}
    #lnb::-webkit-scrollbar {        height: 5px;      }
    #lnb::-webkit-scrollbar-thumb {
        background-color: #666666;
        border-radius: 4px;
        background-clip: padding-box;
        border: 2px solid transparent;
    }
    #lnb::-webkit-scrollbar-track {
        background-color: #dddddd;
        border-radius: 4px;
        box-shadow: inset 0px 0px 5px white;
    }
    #lnb .menu div.esti {display:block;}

}

@media (max-width: 768px) { 
    
    #logo{padding-left: 15px;}
    #logo h1 {line-height: 20px;;}
    #logo h1 p {font-size: 15px; }
    #logo h1 p span{font-size: 15px; display: block; padding-left: 0; padding-right: 4px;}
    #logo h1 img {width: 100px;}
    #lnb {width: 100%; overflow-x: hidden; }
    #lnb .menu{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 10px 0 10px 5px; width: 100%; }
    #lnb .menu div {margin: 0;}
    #lnb .menu div a {padding: 5px 0; text-align: center;}
    #lnb .menu div {display: block;}



   /*  #btn_aside {display: block;} */
    .boardpadding {padding: 2em 1em;}
    #aslide {   right: -100%; }
    #aslide > ul {display: block; padding-top: 40px; height: calc(100vh - 40px); }
    #aslide > ul a.depth1{padding: 20px 0px 10px; font-size: 20px;}
    #aslide > ul > div {width: 100%;}
    #aslide > ul .submenu a {font-size: 16px; padding: 5px 0px ; }
    #aslide {width: 100%; max-width: 800px; }
    #aslide .alidemenu h3 {font-size: 28px;}
}    

/* 메인 */
.main_container {position: relative;}
.container {margin-top: 90px; min-height: 1000px;}
.width_inner  {max-width: 1200px; margin: auto;}


@media (max-width: 768px) { 
    .container {margin-top: 150px;}
}


/* 하단 */
#tail {background: #383838; padding: 80px 15px; }
.btn_bottom {position: fixed; bottom: -60px; right: 40px;   z-index: 100; text-align: right;  transition: all 0.4s linear;}
.btn_bottom a img {width: 100%; display: inline-block;  }
.btn_bottom a.gotop { transition: all 0.4s linear; display: block; }
.btn_bottom a.gotop img{ transition: all 0.4s linear;}

.btn_bottom.on {bottom: 20px;}

.btn_bottom .btn_kakao, .btn_bottom .btn_naver, .btn_bottom .btn_tel { 
    display:block;  transition: all 0.4s linear;    padding: 0px 0px;    width: 60px;    
    height: 60px;    overflow: hidden; margin-bottom: 20px;  white-space: nowrap;}
.btn_bottom .btn_kakao p, .btn_bottom .btn_naver p, .btn_bottom .btn_tel p { 
    font-size: 16px;  width: 0;    opacity: 0;    margin-left: 0;}
.btn_bottom .btn_tel  {display: none;}    
  

#tail .inner {display: flex; justify-content: flex-start;    align-items: flex-start; max-width: 1400px;   margin:  auto ;     }
#tail .inner > div:first-child {  flex: 0 0 32%; }
#tail .inner > div:nth-child(2) {  flex: 1 1 auto; }
#tail .inner > div:last-child {  flex: 0 0 150px; }

#tail .footerlogo {color: #ffffff; font-size: 30px;     font-weight: 600; display: inline-block;}
#tail .footerlogo span {    font-size: 0.7em;    font-weight: 300;    padding-top: 10px;    display: block; }
#tail .tail_menu a{ display: inline-block; font-size: 18px; padding: 0 30px 0 0; color: #929292;  }
#tail .tail_menu img {width: 30%; max-width: 150px;  margin-right:5px; vertical-align: bottom;}


#tail .addr { color: #cccccc; }
#tail .addr p {font-size: 16px; line-height: 30px; letter-spacing: 0.5px; }
#tail .addr p.tel {font-size: 20px; font-weight: 600;  font-family: "Montserrat", sans-serif; padding-bottom: 5px;} 
#tail a.gomap {display: block; background: #767b95; color: #ffffff; border-radius: 40px; padding: 16px 0; text-align: center; 
    font-size: 20px;   font-family: 'JSDongkang';}

#tail .sns {margin-left: 10px;}

@media (max-width: 1024px) { 
    #tail .inner {display: block; }
    #tail .inner > div:last-child {width: 60%; margin: 10px auto;  max-width: 500px;} 

}

@media (max-width: 768px) { 
    #tail .footerlogo { font-size: 28px; }
    
    #tail .inner {display: block; height: auto; }
    #tail .addr p {font-size: 13px; line-height: 20px; padding-top: 10px;}
    #tail .addr p.tel
    #tail a.gomap {margin-top: 20px;}
    .btn_bottom  {right: 10px;}
    .btn_bottom.on{ bottom: 20px; }
    .btn_bottom .btn_kakao,.btn_bottom .btn_naver, .btn_bottom .btn_tel  {
        width: 50px; height: 50px; margin-bottom: 10px;}
    .btn_bottom .btn_tel  {display: block;}       
    
    

    

}    

.scroll-to-top {position: fixed; cursor:pointer;  display: none;  bottom: 50px; right: 30px;  width: 50px; height: 50px; background: #555555 url(./img/icon_top.png) center center no-repeat; background-size: 50px;  }
.scroll-to-top:hover {background-color: #ed7070 ;}




/* 메인 index */
.main_slider  {height: calc(100vh - 90px); position: relative;  overflow: hidden;  }
.main_slider .swiper-slide div.animated-area{width: 90%; max-width: 1300px; z-index: 2; position: relative; margin: auto; /*세로 가운데로 */ padding-top: 160px;}
.mainslide1 .img, .mainslide2 .img, .mainslide3 .img , .mainslide4 .img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.mainslide1 .img{background: url('img/mainslide01.jpg') center bottom  no-repeat; background-size:cover;  }
.mainslide2 .img{background: url('img/mainslide02.jpg')  center bottom no-repeat; background-size:cover; }
.mainslide3 .img{background: url('img/mainslide03.jpg')  center bottom no-repeat; background-size:cover; }
.mainslide4 .img{background: url('img/mainslide04.jpg')  center bottom no-repeat; background-size:cover; }
.main_slider h3 {color: #ffffff; font-size: 65px; padding: 20px 0 15px; font-weight: 400;   letter-spacing: 2px;
     /* font-family: 'GmarketSans', sans-serif;  */
     font-family: 'Cafe24Dangdanghae', sans-serif;
     text-align: center; line-height: 60px;     text-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);     z-index: 2;}
.main_slider h4 {color: #ffffff; font-size: 50px;  font-weight: 700; 
    /* font-family: 'GmarketSans', sans-serif; */
    font-family: 'Cafe24Dangdanghae', sans-serif;
    text-align: center;     z-index: 2;    
    letter-spacing: 2px;    text-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3);}
.main_slider h5 {color: #ffffff; font-size: 40px;  font-weight: 400; 
    font-family: 'GmarketSans', sans-serif;
    text-align: center;     z-index: 2;
        letter-spacing: 2px;    text-shadow: 1px 5px 10px rgba(0, 0, 0, 0.3); margin-top: 20px;}
    

.main_slider .swiper-slide {position: relative;    display: flex;      align-items:flex-end;    justify-content: center; }
.main_slider .swiper-slide::before{ content: "";    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;   
     background-color: rgba(0, 0, 0, 0.25);     z-index: 1;}

.main_slider .swiper-slide-active .img {animation: mymove 3s;}
@keyframes mymove{
	from{transform:scale(1.05)}
	to{transform:scale(1)}
}

.main_slider .swiper-slide-active .animated-area { animation: fadeInUpShort 3s;  animation-delay: 1s;  animation-fill-mode: both;  }/* 메인 글씨 움직임 */
.main_slider .slider1-page {bottom: 30px; text-align: center; left: 0; width: 100%; }
.main_slider .swiper-pagination-bullet{margin: 0 10px; width: 10px; height: 10px;background: #ffffff; opacity: 0.5;}
.main_slider .swiper-pagination-bullet-active {background: #ffffff; opacity: 1;}


@media screen and (max-width: 768px) { 
    #header {padding: 10px 0; margin-bottom: 70px;}
    #header .menu_quick a {font-size: 16px; padding: 5px 10px; margin-right: 15px;}
    .main_slider  {height: 400px;}
    .main_slider .swiper-slide {align-items: flex-start;}
    .main_slider .swiper-slide div.animated-area  {padding-top: 12%; margin:inherit; }
    .main_slider h3 {font-size: 28px;  line-height: 20px;  letter-spacing: 0px; } 
    .main_slider h4 {font-size: 24px;  letter-spacing: 0px; margin-top: 10px; text-shadow:1px 5px 5px rgba(0, 0, 0, 0.1);} 
    .main_slider h5 {font-size: 24px; margin-top: 0px;  letter-spacing: 0px;} 
    .mainslide1 .img{background: url('img/mainslide01m.jpg') center bottom  no-repeat; background-size:cover;  }
    .mainslide2 .img{background: url('img/mainslide02m.jpg')  center bottom no-repeat; background-size:cover; }
    .mainslide3 .img{background: url('img/mainslide03m.jpg')  center bottom no-repeat; background-size:cover; }
    .mainslide4 .img{background: url('img/mainslide04m.jpg')  center bottom no-repeat; background-size:cover; }
    .main_slider .swiper-slide::before {opacity: 0.1; }

}

.main_slider .slider1-button-next,
.main_slider .slider1-button-prev {width: 34px; height: 40px; position: absolute; top: 50%; z-index: 10; cursor: pointer;}
.main_slider .slider1-button-next {background: url(/img/btn_next.png) center no-repeat; background-size: auto 100%; right: 10px;}
.main_slider .slider1-button-prev { background: url(/img/btn_prev.png) center no-repeat; background-size: auto 100%; left: 10px;}

@media screen and (max-width: 768px) { 
    .main_slider .slider1-button-next,
    .main_slider .slider1-button-prev {width: 20px; height: 24px; position: absolute; top: 50%; z-index: 10; cursor: pointer;}
}



/* main section  */

.section1 {padding-top: 250px; text-align: center; font-family: 'Paperlogy', sans-serif; font-weight: 700; letter-spacing: 2px; }
.section1 .rollimg {position: relative; }
.section1 > div {position: relative;     display: block; width: fit-content; margin: auto;} 
.section1 .rollimg img {width: 150%;}
.section1 .tx1 {font-size: 40px; margin-bottom: 30px; color: var(--maincolor);}
.section1 .tx2 {font-size: 50px; margin-bottom: 30px; color: var(--maincolor);} 
.section1 .tx3 {font-size: 50px; margin-bottom: 30px; color: #333333;}
.section1 .tx4 {font-size: 40px; margin-bottom: 50px;color: #333333;}
.section1 .tx5 {font-size: 80px; margin: 160px auto 30px; font-family: 'GmarketSans', sans-serif; color: var(--maincolor); letter-spacing: 2px;}
.section1 > div span {    position: absolute;    left: 0;    top: 0;    width: 0%;    height: 100%;
    font-size: 1em;    font-weight: inherit;    color: var(--maincolor);    overflow: hidden;    white-space: nowrap;}


.section2 {    background: linear-gradient(140deg, #f7f3eb 0%, #fadbc9 100%); padding: 150px 0 150px; margin-top: 150px; margin-bottom: 150px;}    
.section2 .inner {max-width: 1380px; margin: auto; color: #333333; }
.section2 .inner h2 {font-size: 60px; font-family: 'GmarketSans', sans-serif; color: var(--maincolor);}
.section2 .inner h3 { font-size: 30px; font-family: 'JSDongkang'; font-weight: normal; padding-bottom: 50px;}

.youtube_wrap { position: relative;   margin: 0px auto 0; overflow: hidden; max-width: 1400px; }
.youtube_wrap .video {    position: relative;     width: 100%;     padding-bottom: 56.25%;        }

.youtube_wrap .video iframe {    position: absolute;      left: 0;    width: 100%;     height: 100%; border: 0;  } 


.section3 { padding: 0px 0 200px;}    
.section3 .inner {max-width: 1380px; margin: auto; color: var(--maincolor); margin-bottom: 20px; padding-bottom: 50px; }
.section3 .inner h2 {font-size: 60px; font-family: 'GmarketSans', sans-serif;  color: var(--maincolor);}
.section3 .inner h3 { font-size: 30px; font-family: 'JSDongkang'; font-weight: normal; color: #333333;}
.section3 .special_slide {margin-left: -12.5%;}
.section3 .special_slide .swiper-slide {position: relative; border-radius: 30px; overflow: hidden; box-shadow: 0px 4px 15px 6px #00000030; }
.section3 .special_slide .swiper-slide  img{width: 100%;}
.section3 .special_slide .swiper-slide p {position: absolute; left: 30px; bottom: 30px; color: #ffffff; font-size: 36px; font-family: 'Paperlogy', sans-serif;   }

.section4  {background-color: #fcf5ed; padding: 200px 15px 150px;position: relative;}
.section4 .inner {max-width: 1400px; margin: auto;}


  
.section1 .ppa-header { padding: 50px 0; }
.section1 .ppa-header p {     font-size: 40px;    margin: 0;  font-family: 'JSDongkang', sans-serif; color: #d49e34; text-align: center; line-height: normal;}
.section1  h4 {width: fit-content;    display: flex;   flex-direction: column;    align-items: center;    justify-content: center; 
background-color: var(--purple1);  margin: auto;}
.section1  h4 p {font-size: 40px; color: #ffffff; font-family: 'JSDongkang'; padding: 50px;}

.section5 .inner{   margin: auto;   box-sizing: border-box;  }
.section5 .ppa-main {  /*  background-color: #f1f1f1; */ text-align: center; background: url(img/bg_ppa.jpg) center no-repeat; background-size: cover; }
.section5 .ppa-main img { width: 100%; max-width: 1100px;; }
.section5 .ppa-main p {    font-family: 'JSDongkang', sans-serif;  text-align: center;
    margin: 0;    padding: 30px 10px;     word-break: keep-all;      font-size: 35px;      color: #3c3c3c;    line-height: 1.8; }
  
@media (max-width: 1280px) {
    .section5 .ppa-main p {  font-size: 18px; }
    

}
  
@media (max-width: 1100px) {
    .section1 .ppa-header {       text-align: center;    }
    .section1 h4 p  {font-size: 30px; }
    .section1 .ppa-header p {font-size: 20px;}
    .section2 {margin-top: 0;}
    .section5 .ppa-main p {   display: block;   flex: none;     padding: 20px 10px;   }
    
  }
  

.section6 {background: #efefef url(./img/bg_section6.png) -50px bottom no-repeat; background-size: 25%; padding: 100px 15px; }
.section6 .inner {position: relative; margin: auto;  max-width: 1400px; display: flex;     justify-content: space-between;     align-items: flex-start;    }

.section6 .inner .tit { flex: 0 0 38%;}
.section6 .inner .list { flex: 0 0 62%; max-width: 800px; overflow: hidden; margin-top: 50px;}
.section6 .inner .tit h4 {object-fit: contain; background-color: #ff611d; color: #ffffff; border-radius: 40px;     
    display: inline-block; padding: 5px 20px;}
.section6 .inner .tit h2{font-size: 60px; color : #ff611d;  font-family: 'GmarketSans', sans-serif; }
.section6 .inner .tit p { font-family: 'JSDongkang'; font-size: 28px;}
.section6 .shop_btn {position: absolute; right: 15px; top: 0;  cursor: pointer; }
.section6 .shop_btn > div {display: inline-block;}
.section6 .shop_btn .bar {width: 3px; height: 35px;    background-color: #bab7b7;    display: inline-block;    vertical-align: middle;    margin: 0 20px 0 22px; }


.section6 .shop_slide {      width: 100%; 	  overflow: hidden;       height: 700px;      margin-left: auto;      margin-right: auto;    }
.section6 .swiper-slide {      text-align: center;      font-size: 18px;       height: calc((100% - 30px) / 3) !important;
  display: flex;      justify-content: center;      align-items: center;    }

.section7 { margin: auto;   }

.section8{text-align: center; padding-top: 50px;}
.section8 img {max-width: 1100px; width: 100%; margin: auto;}

  
 /* Custom Cursor */
.custom-cursor {  position: fixed;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
    pointer-events: none;
    opacity: 0;
    width: 140px;
    height: 140px;
    background: #ff611dca;
    border-radius: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    z-index: 9999;}
.custom-cursor p {  font-size: 14px; font-family: 'Paperlogy', sans-serif;}


/* 게시판 */
.board_width {max-width: 1400px; margin: auto; min-height: 500px; padding: 0 10px; }
.tit_board {font-size: 24px;padding: 80px 0 20px;color: #444444; text-align: center; }
.tit_board span {font-size: 20px; font-weight: 100;}

#bo_list {max-width: 1400px; margin: auto;}
h2.title {font-size: 45px; font-family: 'Paperlogy', sans-serif; max-width: 1400px; font-weight: 600; margin: 60px auto 30px; 
    padding: 100px 10px 10px 20px;    letter-spacing: 1px; text-align: center;  color: #222222;    }
h2.title span {display: block; font-weight: 100; font-size: 18px; color: #a4a4a4; margin-bottom: 10px;}    


#bo_v {margin-top: 50px;}
#bo_v_con {font-size: 16px;}

@media screen and (max-width: 1379px) { 
    .section2 .inner {  padding: 0 20px;}
    .section3 { padding: 50px 0 50px;}    
}
@media screen and (max-width: 960px) { 
    .section1 h4 p {padding: 25px;}
    .section6 {padding: 50px 15px;}
    .section6 .inner {display: block;}
    .section6 .inner .tit h2 {font-size: 30px;}
    .section6 .inner .tit p {font-size: 16px;}
    .section6 .shop_btn {top: 120px;}
    .section6 .shop_btn > div img {width: 20px;}
    .section6 .shop_btn > div img {width: 20px;}
    .section6 .shop_btn .bar { display: none;}
    .section6 .shop_slide {height: auto;}
    .section6 .list .swiper-slide {height: auto !important;}
    .section8 {padding-top: 0;}
}

@media screen and (max-width: 768px) { 
    #bo_list {padding: 0 15px;}
    h2.title {margin: 20px 15px 20px; font-size: 26px;}

    .section1 {padding-top: 50px;  }
    .section1 .tx1 {font-size: 20px;  margin-bottom: 10px;}
    .section1 .tx2 {font-size: 24px; margin-bottom: 10px; color: var(--maincolor);} 
    .section1 .tx3 {font-size: 20px;  margin-bottom: 10px; font-weight: 400;}
    .section1 .tx4 {font-size: 20px;font-weight: 400; }
    .section1 .tx5 {font-size: 40px; margin: 40px auto 10px;}
    .section1 > div span {display: none;}

    .section2 { padding: 50px 0 50px; margin-bottom: 0;}    
    .section2 .inner { margin-bottom: 50px; padding: 0 20px;}
    .section2 .inner h2 {font-size: 28px; margin-bottom: 10px;}
    .section2 .inner h3 { font-size: 18px; padding-bottom: 20px; }

    .section3 .inner {  padding: 0 20px 30px 20px;}
    .section3 .inner h2 {font-size: 28px; }
    .section3 .inner h3 {font-size: 18px;}
    .section3 .special_slide .swiper-slide p {font-size: 16px; bottom: 10px;}
    .section3 .special_slide .swiper-slide {border-radius: 20px;}


    .youtube_wrap {     margin: 0px auto ;  height: auto; overflow: auto; }
    .youtube_wrap .video iframe {    position: absolute;    top: 0px; }


    .section4  { padding: 50px 15px 50px;}
    .section5 .inner {margin: 0px auto;}

}


/* ==========================  서브페이지 ============================== */

/* 칠순팔순 */
.elderly {padding-top: 100px;}
.elderly .product_info .inner {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 100px; color: #333333;}
.elderly .product_info .inner > div {flex : 1;}
.elderly .product_info .inner > div > img {border-radius: 30px;}
.elderly .product_info .prd {padding-left: 70px; }
.elderly .product_info .prd .tag p {padding: 3px 20px; margin-right: 10px; border: 1px solid #5d5d5d; border-radius: 40px; font-size: 18px; 
    width: fit-content; display: inline-block; font-family: 'Paperlogy', sans-serif; font-weight: 600;}
.elderly .product_info .prd .tag p.on {background-color: #5d5d5d; color: #ffffff;}    
.elderly .product_info .prd h2 {font-size: 50px; padding: 30px 0; border-bottom: 1px solid #dddddd; margin-bottom: 20px; letter-spacing: 2px;}    
.elderly .product_info .prd .price {color: var(--maincolor); font-size: 35px; font-family: 'Paperlogy', sans-serif; margin-bottom: 20px; font-weight: 600;}
.elderly .product_info .prd .price span {font-size: 0.8em;}
.elderly .product_info .prd .desc p {font-size: 24px;font-family: 'Paperlogy', sans-serif; font-weight: 600; margin-bottom: 20px;}
.elderly .product_info .btn_esti{display: flex; justify-content: space-between; align-items: flex-start;  color: #333333; gap: 15px;}
.elderly .product_info .btn_esti .btn_01, .elderly .product_info .btn_esti .btn_02 {font-size: 22px; font-family: 'Paperlogy', sans-serif; 
    padding: 5px; text-align: center; line-height: 45px; border-radius: 10px;}
.elderly .product_info .btn_esti .btn_01{display: block; background-color: #5d5d5d; color: #ffffff; flex : 1; transition: all 0.2s ease;}
.elderly .product_info .btn_esti .btn_01:hover {background-color: #333333;}
.elderly .product_info .btn_esti .btn_02{display: block; background-color: #f8e106; color: #4a4a4a; flex : 1; transition: all 0.2s ease;}
.elderly .product_info .btn_esti .btn_02:hover {background-color: #f8cd3d;}
.elderly .product_info .btn_esti .btn_02 img {width: 33px; margin-right: 5px;}

/* 모바일 대응 */
@media (max-width: 768px) {
    .elderly {padding-top: 50px;} 
    .elderly .product_info .inner {display: block; padding: 0 15px; margin-bottom: 50px;}
    .elderly .product_info .inner > div > img {border-radius: 16px;}
    .elderly .product_info .prd {padding-left: 0px; padding-top: 30px; }
    .elderly .product_info .prd h2 {font-size: 32px; padding: 15px 0 10px; margin-bottom: 10px;}
    .elderly .product_info .prd .desc p {font-size: 16px; font-weight: normal;}
    .elderly .product_info .prd .price {font-size: 30px; margin-bottom: 10px;}
    .elderly .product_info .btn_esti {gap: 10px;}
    .elderly .product_info .btn_esti .btn_01, .elderly .product_info .btn_esti .btn_02  {line-height: 40px; font-size: 20px;  border-radius: 6px;}
    .elderly .product_info .prd .tag p {font-size: 14px;}
}

.detail_items .tabemenu  {margin-bottom: 50px;}
.detail_items .tabemenu ul {  display: flex;  justify-content: center;  border-top: 0px solid #ccc;  border-bottom: 1px solid #ccc;
  margin: 0;  padding: 0;  list-style: none;  flex-wrap: nowrap;}
.detail_items .tabemenu ul li {  padding: 15px 30px; border-top: 1px solid #ccc;   border-left: 1px solid #ccc;  border-right: 1px solid #ccc; 
    font-size: 22px;  text-align: center;  flex: 1;  box-sizing: border-box;  cursor: pointer; max-width: 200px;
    margin-left: -1px; }
.detail_items .tabemenu ul li:hover {  background-color: #eeeeee;}
.detail_items .chat {padding-top: 50px;}
.detail_items .eldery_gall {margin: 100px 0; }
.detail_items .eldery_gall .swiper-slide img {border-radius: 20px;}
.detail_items .eldery_gall h3 {text-align: center; font-size: 60px; }
.detail_items .eldery_gall h5 {text-align: center; font-size: 50px; margin-bottom: 50px; word-break:keep-all;}

#special_benefits {padding-top: 100px; margin-bottom: 150px;}
#special_benefits .text01  {background-color: #f8a979;  padding: 70px 10px; }
#special_benefits .text01 p:first-child {color: #ffffff; font-size: 50px; font-family: 'JSDongkang'; line-height: normal; text-align: center; font-weight: bold;}
#special_benefits .text01 p:nth-child(2) {color: #ffffff; font-size: 40px; font-family: 'JSDongkang'; line-height: normal; text-align: center;}
#special_benefits .text02  {background-color: #f4c4a7;  padding: 30px 10px; text-align: center; }
#special_benefits .text02 p{font-size: 40px; text-align: center;line-height: 55px; color: #ffffff; font-family: 'Cafe24Dangdanghae';}
#special_benefits .text02 img {display: block; width:30px; margin: 10px auto;}
#special_benefits h3 {font-size : 40px; padding: 15px 50px; background-color: #222222; color: #ffffff; border-radius: 50px; 
    width: fit-content; margin: 150px auto 80px; font-family: 'Paperlogy', sans-serif;}


#special_benefits .rental-section {  display: flex;  flex-wrap: nowrap;  align-items: stretch;    margin: 0 auto 100px;  padding: 0;  list-style: none;}
#special_benefits .rental-text {  flex: 1;  background-color: var(--purple1);  color: #fff;  display: flex;  align-items: center;  justify-content: center;
  padding: 30px 0;  box-sizing: border-box;  text-align: center;}
#special_benefits .point-content {  max-width: 90%;}
#special_benefits  .point-label {  background-color: #f8a979;  display: inline-block;  padding: 4px 20px;  border-radius: 50px;
  font-weight: bold;  font-size: 1.5rem;  margin-bottom: 20px; font-weight: 600;}
#special_benefits .point-title {  font-size: 2.5rem;  margin-bottom: 20px;  font-family: 'JSDongkang';}
#special_benefits .point-icon {  width: 80px;  margin-bottom: 20px;}
#special_benefits .point-desc {  font-size: 1.5rem;  line-height: 1.6; text-align: center; font-weight: 600;}

#special_benefits .rental-image {  flex: 1;  overflow: hidden;}
#special_benefits .rental-image img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}
#special_benefits .rental-text { order: 1; }
#special_benefits .rental-image { order: 2; }
#special_benefits .rental-section.reverse .rental-image { order: 1; }
#special_benefits .rental-section.reverse .rental-text { order: 2; }

#special_benefits .rental-image2 {  display: grid;  grid-template-columns: 2fr 1fr;  grid-template-rows: auto auto; }
#special_benefits .rental-image2 > img:first-child {  grid-column: 1 / 2;  grid-row: 1 / 2;  width: 100%;  height: auto;  object-fit: cover;}
#special_benefits .rental-image2 > img:nth-child(2) {  grid-column: 2 / 3;  grid-row: 1 / 2;  width: 100%;  height: auto;  object-fit: cover;}
#special_benefits .rental-image2 .bottom-row {  grid-column: 1 / 3;  grid-row: 2 / 3;  display: flex;  justify-content: space-between; }
#special_benefits .rental-image2 .bottom-row img {   width: calc(100% / 3);  height: auto;  object-fit: cover;}

#studio_intro {padding: 100px 0; text-align: center;}
#studio_intro .tx01 {font-size: 40px; color: var(--coral2);  font-family: 'JSDongkang' ; text-align: center; font-weight: 600;}
#studio_intro .tx02 {font-size: 53px; background-color: var(--purple1); color: #ffffff; padding: 30px 40px; margin:20px auto 90px;  
    font-weight: 600; text-align: center;
    font-family: 'JSDongkang'; width: fit-content; }
#studio_intro ul{ display: flex;  justify-content: center;  flex-wrap: nowrap; gap: 30px;}
#studio_intro ul li {flex: 1;}
#studio_intro ul li img {width: 100%; border-radius: 20px;}
#studio_intro ul li p { font-family: 'Paperlogy'; font-size: 26px; text-align: center; padding: 30px 0; } 

#customer_reviews {padding: 100px 0; text-align: center;}
#customer_reviews .tx03 {font-size: 53px; background-color: var(--purple1); color: #ffffff; padding: 30px 10px; margin:20px auto;  
    font-weight: 600; text-align: center; font-family: 'JSDongkang'; width: 80%; max-width: 960px;  }
#customer_reviews .tx03 span {display: block; font-weight: normal; font-size: 40px;}
#customer_reviews .tx04 {font-size: 30px; font-weight: 600; text-align: center; margin-top: 50px; color: #3c3c3c;}
#customer_reviews img.star {width: 50%; max-width: 366px; margin: auto;}
#customer_reviews ul{ display: flex;  justify-content: center;  flex-wrap: nowrap; gap: 20px;margin: 70px auto; }
#customer_reviews ul li {flex: 1;}
#customer_reviews ul li img {width: 100%; }
#customer_reviews .tx05 {font-size: 40px; font-weight: 600; color: var(--purple2); text-align: center; margin-bottom: 10px;}
#customer_reviews .tx06 {font-size: 30px; font-weight: 600; color: var(--purple2); text-align: center;}

#awards {padding-bottom: 150px;}

@media screen and (max-width: 960px) {
    #special_benefits .point-desc {font-size: 1.3rem;}
    #special_benefits .point-title {font-size: 2.2rem;}
    #studio_intro .tx01 {font-size: 24px; }
    #studio_intro .tx02 {font-size: 25px; padding: 10px 10px; margin-bottom: 20px; width: calc(100% - 30px);}
    #studio_intro ul {display: block; padding: 0 15px;}
    #studio_intro ul li p {font-size: 18px; padding: 10px 0 20px;}
}

/* 반응형 처리 */
@media screen and (max-width: 768px) {
  .detail_items .tabemenu {display: none;  }
  .detail_items .chat {padding: 0 15px;}
  .detail_items .eldery_gall {margin: 40px 0; }
  .detail_items .eldery_gall h3 { font-size: 28px; }
  .detail_items .eldery_gall h5 { font-size: 24px; margin-bottom: 20px; }
  #special_benefits {margin-bottom: 80px; padding-top: 30px;}
  #special_benefits .text01 {padding: 40px 10px;}
  #special_benefits .text01 p:first-child {font-size: 22px;}
  #special_benefits .text01 p:nth-child(2) {font-size: 20px;}
  #special_benefits .text02 p {font-size: 24px; line-height: 1.3em;}
  #special_benefits .text02 img {width: 20px;}
  #special_benefits h3 {font-size: 26px; margin: 50px auto 50px; padding: 10px 20px;}
  #special_benefits .rental-section {    flex-direction: column; margin-bottom: 50px;  }
  #special_benefits .rental-image img {    height: auto;    object-fit: contain;  }
  #special_benefits .point-icon {width: 60px; margin-bottom: 10px; }
  #special_benefits .point-label {font-size: 14px; padding: 2px 10px; }
  #special_benefits .point-title {    font-size: 1.8rem; margin-bottom: 10px;  }
  #special_benefits .point-desc {    font-size: 1rem;  }
  #special_benefits .rental-section.reverse .rental-image { order: 2; }
  #special_benefits .rental-section.reverse .rental-text { order: 1; }
  #special_benefits .rental-image2 {    display: block;  }
  #special_benefits .rental-image2 > img, #special_benefits  .rental-image2 .bottom-row img {    width: 100%;    margin-bottom: 10px;  }
  #special_benefits .rental-image2 .bottom-row {    display: block;  }

  #studio_intro {padding: 50px 0; }
  #studio_intro ul li img  {border-radius: 10px;}

  #customer_reviews {padding: 0; }
  #customer_reviews .tx03 {font-size: 26px;  padding: 20px 10px;  margin-top: 0;    }
  #customer_reviews .tx03 span { font-size: 20px;}
  #customer_reviews .tx04 {font-size: 20px; }

  #customer_reviews ul{ display: block; padding: 0 10px 10px 20px; margin: 0 auto;}
  #customer_reviews .tx05 {font-size: 22px;}
  #customer_reviews .tx06 {font-size: 18px; padding-bottom: 30px;}

}

/* ================  특가이벤트  =============== */
.special_event {  text-align: center; position: relative;}
.special_event h1 { position: absolute; top: 80px; left: 8%; z-index: 1000; 
      font-size: 60px;  font-weight: 600;  color: #ffffff;   font-family: 'Paperlogy';}

/* 선 + 마름모 라인 */
.headline_divider {  position: relative;  height: 1px;  background-color: #ccc;  margin: 0 auto;  width: 95%;}

/* 마름모 기본 스타일 */
.headline_divider::before,
.headline_divider::after,
.headline_divider span::before {
  content: "";
  position: absolute;
  top: 50%;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #aaa;
  transform: rotate(45deg);
}

/* 중앙 마름모 */
.headline_divider span::before {  left: 50%;  transform: translate(-50%, -50%) rotate(45deg);}
/* 왼쪽 마름모 */
.headline_divider::before {  left: calc(50% - 24px); /* 중앙에서 왼쪽으로 이동 */
  transform: translate(-50%, -50%) rotate(45deg);}
/* 오른쪽 마름모 */
.headline_divider::after {  left: calc(50% + 24px); /* 중앙에서 오른쪽으로 이동 */
  transform: translate(-50%, -50%) rotate(45deg);}

.special_event .special_gall01 {overflow: hidden; margin-top: 0px; position: relative; margin-bottom: 150px; }
.special_event .special_gall01 .gallslider1-page {bottom: 30px;}
.special_event .special_gall01 .swiper-pagination-bullet{margin: 0 10px; width: 10px; height: 10px;background: #ffffff; opacity: 0.5;}
.special_event .special_gall01 .swiper-pagination-bullet-active {background: #ffffff; opacity: 1;}
.special_event .special_gall01 .slider1-button-next,
.special_event .special_gall01 .slider1-button-prev {width: 34px; height: 40px; position: absolute; top: 50%; z-index: 10; cursor: pointer;}
.special_event .special_gall01 .slider1-button-next {background: url(/img/btn_next.png) center no-repeat; background-size: auto 100%; right: 10px;}
.special_event .special_gall01 .slider1-button-prev { background: url(/img/btn_prev.png) center no-repeat; background-size: auto 100%; left: 10px;}
.special_event .special_gall01 .gall1 .img {background:url(/img/specialevent/special_gall01.jpg) center bottom  no-repeat; background-size:cover; }
.special_event .special_gall01 .gall2 .img {background:url(/img/specialevent/special_gall02.jpg) center bottom  no-repeat; background-size:cover; }
.special_event .special_gall01 .gall3 .img {background:url(/img/specialevent/special_gall03.jpg) center bottom  no-repeat; background-size:cover; }
.special_event .special_gall01 .gall4 .img {background:url(/img/specialevent/special_gall04.jpg) center bottom  no-repeat; background-size:cover; }
.special_event .special_gall01 .gall5 .img {background:url(/img/specialevent/special_gall05.jpg) center bottom  no-repeat; background-size:cover; }
.special_event .special_gall01 {    height: calc(100vh - 90px);    position: relative;    overflow: hidden;}
.special_event .special_gall01 .gall1 .img, 
.special_event .special_gall01 .gall2 .img, 
.special_event .special_gall01 .gall3 .img, 
.special_event .special_gall01 .gall4 .img, 
.special_event .special_gall01 .gall5 .img {
position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}

.special_section2 {text-align: center; background-color: var(--bg_color1); margin: 150px auto 0; padding-top: 100px; padding-bottom: 100px;}
.special_section2 h3 {    font-size: 40px;    padding: 15px 50px;    background-color: #222222;    color: #ffffff;    border-radius: 50px;
    width: fit-content;    margin: 25px auto 0px;    font-family: 'Paperlogy', sans-serif;}
.special_section2 h5 {    font-size: 36px;   padding: 15px 50px; font-family: 'JSDongkang'; font-weight: normal; color: #444444;}

.special_section2 ul {  list-style: none;  display: grid;  grid-template-columns:  repeat(3, 1fr);
  gap: 20px 24px;  margin: auto;  padding: 0; margin-top: 100px; }
.special_section2 .card {  background: #fff;  border: 1px solid #dedede;  overflow: hidden;
  transition: transform 0.2s;  box-shadow: 0 2px 6px rgba(0,0,0,0.05); font-family: 'Paperlogy', sans-serif;}
.special_section2  .card.wide {  grid-column: span 2; background-color: var(--purple1); color: #ffffff;}

.special_section2 .card:hover {  transform: translateY(-5px);}
.special_section2 .card img {  width: 100%;  display: block;}
.special_section2 .card-content {   padding: 20px 10px;   text-align: center;}
.special_section2 .tag {   background-color: var(--coral1);   color: #fff;   padding: 8px 12px;   border-radius: 16px;
    display: inline-block;  font-weight: 600;  margin-bottom: 40px; width: 80%; font-size: 34px; }
.special_section2 .price .original { display: block;   color: #888;  font-size: 22px;  margin-bottom: 5px; text-align: center;}
.special_section2 .price .original del {font-size: 30px; margin: 0 5px; }

.special_section2 .price .sale {font-size: 26px; color: #8f82bc; font-weight: normal;  text-align: center;}
.special_section2 .price .sale strong { font-size: 38px;   color: #f10808;  font-weight: 600;margin: 0 5px;}

.special_section2 .card.promo-card {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center;  
    background-color: var(--purple1); color: white;  padding: 40px 20px;     text-align: center;}

/* 개별 텍스트 줄 스타일 */
.special_section2  .promo-line {  margin: 10px 0;  line-height: 1.6;}
.special_section2  .promo-line.top {  font-size: 52px;  font-weight: 600;  text-align: center;}
.special_section2 .promo-line.middle {  background-color: var(--coral2);  padding: 8px 16px;  font-size: 65px;  font-weight: 700;
  color: white;  display: inline-block; text-align: center;}
.special_section2 .promo-line.middle strong {  color: white;  font-weight: 800;}
.special_section2 .promo-line.bottom {  font-size: 48px;  font-weight: 600; text-align: center;}

.special_section3 .tx01 {padding: 150px 20px;  }
.special_section3 .tx01 img {width: 90%; max-width: 850px;}
.special_section3 .tx02 { background-color: var(--coral1);  padding: 30px 10px; margin-bottom: 30px;  }
.special_section3 .tx02 p { font-size: 48px;  font-weight: bold;  color: white; text-align: center; font-family: 'JSDongkang'; }
.special_section3 .inner {padding-bottom: 150px;}

.special_gall02 {margin: 200px 0; box-sizing: border-box;  padding: 0 16.6667%;  }
.special_gall02 .swiper-slide img {border-radius: 20px;}
.special_gall02 h3 {text-align: center; font-size: 60px; }
.special_gall02 h5 {text-align: center; font-size: 50px; margin: 60px auto ; word-break:keep-all; font-weight: normal; color: #444444; line-height: 1.3em;}
.special_gall02 .swiper-wrapper-container {   overflow: visible; }
.special_gall02 .swiper-slide {  box-sizing: border-box;}

.special_section4 {  padding: 150px 0 100px; background-color:  var(--bg_grey); }
.special_section4 ul {  display: grid;  grid-template-columns: repeat(3, 1fr);   gap: 40px;  }
.special_section4 ul li {  position: relative;  width: 100%;  aspect-ratio: 1 / 1;   overflow: hidden;  border-radius: 20px; }
.special_section4 ul li img {  width: 100%;  height: 100%;  object-fit: cover;   object-position: center center;  display: block;}

.special_section5 h3 {text-align: center; font-size: 60px; margin-top: 200px;}
.special_section5 h5 {text-align: center; font-size: 50px; margin: 60px auto ; word-break:keep-all; font-weight: normal; color: #444444; line-height: 1.3em;}
.special_section5 h6 {text-align: center; font-size: 50px; margin: 150px auto ; word-break:keep-all; font-weight: normal; color: #444444; line-height: 1.3em;}

.special_section5 .group_gallery {  display: grid;  grid-template-columns: 1fr 1fr;  gap: 50px; }
.special_section5 .group_gallery li {  position: relative;}
.special_section5 .img_wrap {  position: relative;  overflow: hidden;  border-radius: 20px;  }
.special_section5 .img_wrap img {  width: 100%;  height: auto;  display: block;}
.special_section5 .caption {  position: absolute;  bottom: 0;  width: 100%;  padding: 20px 0;  text-align: center;  
    color: white;  font-weight: bold;  font-size: 30px;font-family: 'JSDongkang'; height: 80px;}

/* purple 색상: 1, 4, 5, 8번 */
.special_section5 .group_gallery li:nth-child(1) .caption ,
.special_section5 .group_gallery li:nth-child(4) .caption ,
.special_section5 .group_gallery li:nth-child(5) .caption ,
.special_section5 .group_gallery li:nth-child(8) .caption {
    
    background-color: color-mix(in srgb, var(--purple1) 90%, transparent);
}

/* coral1 색상: 2, 3, 6, 7번 */
.special_section5 .group_gallery li:nth-child(2) .caption ,
.special_section5 .group_gallery li:nth-child(3) .caption ,
.special_section5 .group_gallery li:nth-child(6) .caption , 
.special_section5 .group_gallery li:nth-child(7) .caption {
   background-color: color-mix(in srgb, var(--coral1) 90%, transparent);
}

.special_section6 {  padding: 20px 10px;  position: relative;}
.special_section6 .bg_won1 {width: 700px; height: 700px;  background: linear-gradient(135deg, #ff9c6b 0%, #fc7c3d 100%); 
    opacity: 0.15; position: absolute;     right: -200px; top: 300px;     border-radius: 100%; z-index: -1;  filter: blur(0px); }
.special_section6 .bg_won2 {width: 400px; height: 400px;  background: linear-gradient(135deg, #8d91af 0%, #a2a9db 100%); 
    opacity: 0.2; position: absolute;     left: -50px; bottom: 50px;   border-radius: 100%; z-index: -1;  }
.special_section6 .bg_won3 {width: 300px; height: 300px;  background: linear-gradient(135deg, #8d91af 0%, #a2a9db 100%); 
    opacity: 0.15; position: absolute;     left: 30%; bottom: 10%;   border-radius: 100%; z-index: -1;  }

.special_section6 ul{  display: flex; gap : 50px 0; flex-wrap: wrap;  align-items: stretch; }
.special_section6 li{ flex: 0 0 50%;     display: flex;  
  box-sizing: border-box; position: relative; color: white;  text-align: center;}
.special_section6 .concept1 {  background-color: var(--coral1);}
.special_section6 .concept2 {  background-color: var(--purple1);  /* flex-direction: row-reverse; */}
.special_section6 .concept-image img {width: 100%;}
.special_section6 li .concept-label {  background: rgba(255,255,255,0.3);  padding:8px 30px 12px 20px; display: inline-block;   position: absolute; 
    top: 0; left: 0; font-weight: bold;  font-size: 28px;     border-bottom-right-radius: 50px }

.special_section6 .concept-text {  width: 100%;   flex-direction: column; 
    align-items: center;    justify-content: center; font-family: 'JSDongkang',sans-serif;}

.special_section6 .concept-text h4 {  font-size: 50px;  margin: 0 0 10px; font-family: 'JSDongkang',sans-serif;}
.special_section6 .concept-text p {  font-size: 40px;  line-height: normal; text-align: center;}
.special_section6 .note {  display: inline-block;  margin-top: 10px;  font-size: 16px;  color: #ffffff;}
.special_section6 h6 {font-size: 50px; color: #444444; font-weight: 600; padding: 150px 0; text-align: center; line-height: 1.5em;}


@media (max-width: 768px) {
    .special_event h1 {  font-size: 32px; width: 100%;  left: 0; top: 50px;  color: #ffffff; text-align: center; }
    
    .special_event .special_gall01 {margin-top: 0px;     margin-bottom: 0px; height: 400px;}
    .special_event .special_gall01 .gallslider1-page {bottom: 15px;}
    .special_event .special_gall01 .swiper-slide {        overflow: hidden;    }
    .special_event .special_gall01 .gall1 .img {background:url(/img/specialevent/special_gall01m.jpg) center bottom  no-repeat; background-size:cover; }
    .special_event .special_gall01 .gall2 .img {background:url(/img/specialevent/special_gall02m.jpg) center bottom  no-repeat; background-size:cover; }
    .special_event .special_gall01 .gall3 .img {background:url(/img/specialevent/special_gall03m.jpg) center bottom  no-repeat; background-size:cover; }
    .special_event .special_gall01 .gall4 .img {background:url(/img/specialevent/special_gall04m.jpg) center bottom  no-repeat; background-size:cover; }
    .special_event .special_gall01 .gall5 .img {background:url(/img/specialevent/special_gall05m.jpg) center bottom  no-repeat; background-size:cover; }



    .special_section2 {margin: 0px auto;     padding-top: 30px; padding-bottom: 30px;}
    .special_section2 h3 {font-size: 26px; padding: 10px 20px;}
    .special_section2 h5 {font-size: 20px;}
    .special_section2 ul  {   grid-template-columns: repeat(2, 1fr);  margin-top: 50px; gap : 20px 14px; padding: 0 10px; }
    .special_section2  .card.wide { grid-column: span 1; }
    .special_section2 .tag{font-size: 18px; width: 96%;margin-bottom: 20px;border-radius: 10px;    padding: 8px 3px;}
    .special_section2 .price .original {font-size: 14px;}
    .special_section2 .price .original del {font-size: 16px;}
    .special_section2 .price .sale {font-size: 14px; }
    .special_section2 .price .sale strong { font-size: 18px; }
    .special_section2 .card.promo-card {padding: 20px 10px;}
    .special_section2 .card-content {padding: 10px 5px;}
    .special_section2  .promo-line.top {  font-size: 16px; line-height: normal;  }
    .special_section2 .promo-line.middle { font-size: 16px; line-height: normal; }
    .special_section2 .promo-line.bottom {  font-size: 16px;  line-height: normal; }
    .special_section3 .tx01 {padding: 50px 20px;}
    .special_section3 .tx02 {margin-bottom: 0; }
    .special_section3 .tx02 p { font-size: 20px; }
    .special_section3 .inner {padding-bottom: 50px;}
    .special_gall02 {margin: 40px 0; }
    .special_gall02 h3 { font-size: 28px; }
    .special_gall02 h5 { font-size: 20px; margin: 20px auto; }
    

    .special_section4 {padding: 50px 10px;}
    .special_section4 ul {    grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .special_section4 ul li:nth-child(n+9) {    display: none;   }

    .special_section5 h3 {font-size: 28px; margin-top: 50px;}
    .special_section5 h5 {font-size: 20px; margin: 30px auto ; }
    .special_section5 .img_wrap {border-radius: 10px;}

    .special_section5 .group_gallery {padding: 0 10px; gap: 10px;}
    .special_section5 .caption {font-size: 20px; height: 40px; padding: 10px 0;}
    .special_section5 h6 {font-size: 20px;  line-height: normal;  margin: 50px auto}

    .special_section6 ul{display: grid; gap: 0px;}
    .special_section6 li{ display: block;}
    .special_section6 li:nth-child(3) { order: 4; } /* 이미지2 */
    .special_section6 li:nth-child(4) { order: 3; margin-top: 20px; } /* 텍스트2 */
    .special_section6 li .concept-label {font-size: 16px;padding: 7px 20px;position: relative;border-radius: 22px;  margin-bottom: 20px;}
    .special_section6 .concept-text {padding: 30px 0;}
    .special_section6 .concept-text h4 {font-size: 28px;}
    .special_section6 .concept-text p{font-size: 20px;}
    .special_section6 h6 {font-size: 20px;  padding: 50px 0;}
    .special_event .special_gall01 .slider1-button-next, 
    .special_event .special_gall01 .slider1-button-prev {width: 20px; height: 24px;}
    
}
/* ===============   컨셉보기  ================= */

.wrap_concept .section_title {padding: 100px 0; text-align: center;  background-color: var(--bg_color1);}
.wrap_concept .section_title h1 {  font-size: 50px;  font-weight: 600;  color: #333;  margin-bottom: 40px;  font-family: 'Paperlogy';font-weight: 600;}
.wrap_concept .section_title h3 {  font-size: 40px;  color: var(--purple3); padding: 0px 0 50px; 
    font-family: 'JSDongkang';font-weight: bold;}
.wrap_concept .section_title h4 {  font-size: 28px;  color: #444444; padding-top: 0px; font-family: 'JSDongkang';font-weight: normal;}

.wrap_concept .section_conceptkind { background-color: var(--bg_color1); padding-bottom: 100px; }
.wrap_concept .group_gallery {  display: grid;  grid-template-columns: 1fr 1fr 1fr 1fr;  gap: 15px; }
.wrap_concept .group_gallery li {  position: relative;}
.wrap_concept .img_wrap {  position: relative;  overflow: hidden; }
.wrap_concept .img_wrap img {  width: 100%;  height: auto;  display: block;}
.wrap_concept .caption {  width: 100%;  padding: 18px 0 8px;  text-align: center;  
    color: white;  font-weight: 600;  font-size: 24px; font-family: 'Paperlogy'; height: 60px;}

.wrap_concept .group_gallery li:nth-child(odd) .caption{ background-color: color-mix(in srgb, var(--coral1) 90%, transparent);}
.wrap_concept .group_gallery li:nth-child(even) .caption{ background-color: color-mix(in srgb, var(--purple1) 90%, transparent);}

.concept_list {padding : 0; box-sizing: border-box; margin-bottom: 200px;}
.concept_list > #concept01{ display: grid; grid-template-columns: calc(54% - 5px) calc(46% - 5px); gap: 10px;}
.concept_list > #concept02{ display: grid;  grid-template-columns: calc(45% - 5px) calc(55% - 5px); gap: 10px;}
.concept_list > #concept03{ display: grid;  grid-template-columns: calc(54% - 5px) calc(46% - 5px); gap: 10px;}
.concept_list > #concept04{ display: grid;  grid-template-columns: calc(45% - 5px) calc(55% - 5px); gap: 10px;}
.concept_list > #concept05{ display: grid;  grid-template-columns: calc(54% - 5px) calc(46% - 5px); gap: 10px;}
.concept_list > #concept06{ display: grid;  grid-template-columns: calc(45% - 5px) calc(55% - 5px); gap: 10px;}
.concept_list > #concept07{ display: grid;  grid-template-columns: calc(55% - 5px) calc(45% - 5px); gap: 10px;}
.concept_list > #concept08{ display: grid;  grid-template-columns: calc(50% - 5px) calc(50% - 5px); gap: 10px;}

.concept_list > div .title {grid-column: 1 / span 2; padding: 30px 0;  color: #ffffff; text-align: center; margin-top: 150px;}
.concept_list > div .left {grid-column: 1; }
.concept_list > div .right {grid-column: 2; overflow: hidden; }
.concept_list > div .left img,
.concept_list > div .right img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}
.concept_list h4 {font-size: 38px; color: #ffffff; font-family: 'JSDongkang';}
.concept_list .icon {margin-top: 10px;}

.concept_list > div .desc {  grid-column: 1 / span 2;   padding: 40px 20px;  background-color: #f5f5f5;  text-align: center;}
.concept_list > div .desc h5 {font-size: 50px;  font-family: 'JSDongkang'; padding-bottom: 30px;}
.concept_list > div .desc p {display: inline-block; margin: 20px 10px; border-radius: 50px; padding: 3px 20px 2px; 
    font-size: 20px;  font-family: 'JSDongkang'; color: #ffffff; line-height: 30px;}
.concept_list > div .desc p.color1 { background-color: var(--purple1);}
.concept_list > div .desc p.color2 { background-color: var(--coral1);}

.concept_list .tag {padding: 8px 30px; border-radius: 50px; font-size: 18px; background-color: #ffffff; margin: auto;
    width: fit-content; display: block; font-family: 'Paperlogy', sans-serif; font-weight: 600;  }
.concept_list > div .col3 {  grid-column: 1 / span 2; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 10px; background-color: #f5f5f5;}
.concept_list > div .col3.col2 {  grid-column: 1 / span 2; display: grid; grid-template-columns: 1.5fr 1.5fr; gap: 10px; background-color: #f5f5f5;}
.concept_list > div .col3 p {font-size: 18px; line-height: 1.5em; text-align: center;  }
.concept_list > div .col3 li div {  height: 240px;   display: flex;flex-direction: column;align-items: center;justify-content: center; position: relative;}
.concept_list > div .col3 li div::after {content: ""; position: absolute; top: 30px; left: 50%; width:  22px; height: 22px; 
    background: url(img/icon_03.png) no-repeat;}
.concept_list > div .col3 li div::before {content: ""; position: absolute; bottom: 30px; left: 50%; width:  22px; height: 22px; 
    background: url(img/icon_04.png) no-repeat;}

.concept_list > div:nth-child(odd) .title {background-color: var(--coral1);}
.concept_list > div:nth-child(even) .title {background-color: var(--purple1);}
.concept_list > div:nth-child(even) .tag {color: var(--coral1);}
.concept_list > div:nth-child(odd) .tag {color: var(--purple3);}
.concept_list > div:nth-child(odd) .desc h5 {color: var(--purple3);}
.concept_list > div:nth-child(even) .desc h5 {color: var(--coral1);}


@media (max-width: 768px) {
    .wrap_concept .section_title {padding: 100px 0 50px}
    .wrap_concept .section_title h1 {  font-size: 32px;  }
    .wrap_concept .section_title h3 {  font-size: 22px; }
    .wrap_concept .section_title h4 {  font-size: 18px; }
    .wrap_concept .section_conceptkind {padding: 0 10px 50px;}
    .wrap_concept .group_gallery { grid-template-columns: 1fr 1fr ;  gap: 10px; }
    .wrap_concept .caption {  font-size: 18px; height: 40px; padding-top: 10px;}
    .concept_list {padding: 0 10px;}
    .concept_list > div .title {margin-top: 50px; padding: 10px;}
    .concept_list .tag {font-size: 14px; padding: 4px 10px;}
    .concept_list .icon {width: 50px;}
    .concept_list h4 {font-size: 26px;}
    .concept_list #concept01, .concept_list #concept02, .concept_list > div .col3, .concept_list > div .col3.col2 {display: block;}
    .concept_list > div .desc {padding: 30px 5px;}
    .concept_list > div .desc h5 {font-size: 22px; padding-bottom: 20px;}
    .concept_list > div .desc p {margin: 5px; padding: 3px 10px 4px; font-size: 14px;}
    .concept_list > div .col3 p {font-size: 16px;}
    .concept_list > div .col3 li div::before , .concept_list > div .col3 li div::after {display: none;}
    .concept_list > div .col3 li div {height: auto; padding: 20px 0;}
}

/* ================  상품안내  =============== */
.wrap_product {  text-align: center; padding-top: 100px;}
.wrap_product h1 {  font-size: 50px;  font-weight: 600;  color: #333;  margin-bottom: 40px;  font-family: 'Paperlogy';font-weight: 600;}

.wrap_product section.col3 {text-align: center;  margin: 100px auto ;}
.wrap_product section.col3 h3 {    font-size: 40px;    padding: 15px 50px;    background-color: #222222;    color: #ffffff;    border-radius: 50px;
    width: fit-content;    margin: 25px auto 0px;    font-family: 'Paperlogy', sans-serif;}
.wrap_product section.col3 h5 {    font-size: 36px;   padding: 15px 50px; font-family: 'JSDongkang'; font-weight: normal; color: #444444;}
.wrap_product section.col3 ul {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 50px; margin-top: 80px; font-family: 'Paperlogy';}
.wrap_product section.col3 ul li a > img {border: 1px solid #cccccc; overflow: hidden; border-radius: 20px; }
.wrap_product section.col3 ul:has(> li:only-child) {  justify-items: center; /* li 자체를 가운데 위치 */}
.wrap_product section.col3 ul:has(> li:only-child) > li {  grid-column: 2 / 3; /* 가운데 열에 위치 */  width: 100%; /* 1fr과 동일한 크기 */}
.wrap_product section.col3 ul li a{display: block;}
.wrap_product section.col3 ul li .top {  display: flex;  justify-content: space-between;  align-items: center;  margin: 30px 0;}
.wrap_product section.col3 ul li .tit {  font-size: 34px;  font-weight: 600;  margin: 0;  }

.wrap_product section.col3 ul li .btn-go { color: #fff;  font-weight: 600;  border-radius: 20px;
    padding: 4px 20px;  font-size: 18px;  text-decoration: none;  white-space: nowrap;  transition: background-color 0.3s;}

.wrap_product section.col3 ul li .desc {  font-size: 20px;  color: #666;  line-height: 1.6; padding: 10px 0; border-top: 1px solid #dddddd;}

.wrap_product section.col3 ul li.color1 .tit { color: var(--coral1); }
.wrap_product section.col3 ul li.color1 .btn-go {  background-color: var(--coral1);  }
.wrap_product section.col3 ul li.color1 .btn-go:hover {  background-color: #ff8855;}

.wrap_product section.col3 ul li.color2 .tit { color: var(--purple3); }
.wrap_product section.col3 ul li.color2 .btn-go {  background-color: var(--purple3);  }
.wrap_product section.col3 ul li.color2 .btn-go:hover {  background-color: var(--purple2);}
.wrap_product section.product2 {padding: 100px 0;}
.wrap_product .product_img {width: 100%; max-width: 1100px;}

.original1 p.tx01 {font-size: 42px; text-align: center; margin: 100px auto; font-weight: bold; color: #333333;}
.original1 p.tx02 {font-size: 42px; text-align: center; margin: 100px auto 0; font-weight: 600; color: var(--maincolor);  font-family: 'Paperlogy';}
.original1 p.tx03 {font-size: 60px; text-align: center; margin: 20px auto 0; font-weight: 600;  color: var(--maincolor);  font-family: 'Paperlogy';}
.original1 p.tx04 {font-size: 42px; text-align: center; margin: 50px auto 0; font-weight: 600; color: #333333;  font-family: 'Paperlogy';}

.original2 { color: #ffffff; margin-top: 200px; }
.original2  p { text-align: center; font-family: 'Paperlogy';}
.original2 .tit_origin {margin-bottom: 15px; background: var(--coral1);  padding: 50px 0;}
.original2 h4 {font-size: 30px;  font-family: 'Paperlogy'; font-weight: 500; color: var(--purple2); }
.original2 h2 {font-size: 72px; font-family: 'Cafe24Dangdanghae'; font-weight: normal; margin: 30px auto 0px;}
.original2 p.tx05 {font-size:  33px; color: #333333; margin-top: 150px; }
.original2 p.tx06 {font-size:  70px; color: #333333; margin: 20px 0 150px; font-weight: 600;}
.original2 p.tx06 span {font-size: 90px; font-weight: bold;}



.original2 .offering-block {  display: flex;  flex-direction: row;   width: 100%; margin-bottom: 50px; }

.original2 .offering-text {  width: 50%;  background-color: var(--purple1);  color: white;  display: flex;
  flex-direction: column;  justify-content: center;  align-items: center; }

.original2 .offering-image {  width: 50%;  padding: 0;}
.original2 .offering-image img {  width: 100%;  height: 100%;  object-fit: cover;  display: block;}

.original2 .offering-icon {  width: 140px;  height: 140px;  margin-bottom: 20px;  background-repeat: no-repeat;  background-position: center;
  background-size: contain;}
.original2 .icon-family {  background-image: url('img/product/icon01.png');}
.original2 .icon-frame {  background-image: url('img/product/icon02.png');}
.original2 .icon-concept {  background-image: url('img/product/icon03.png');}
.original2 p.offering-description {  font-size: 40px;  line-height: 1.5;  margin: 0;  text-align: center; font-family: 'JSDongkang'; font-weight: bold;}

/* 반응형: 모바일 */
@media (max-width: 768px) {
  .original2 .offering-block {    flex-direction: column;  }
  .original2 .offering-block.reverse {    flex-direction: column-reverse;   }
  .original2 .offering-text,  .original2 .offering-image {    width: 100%;    height: auto;  }
  .original2 .offering-image img {    height: auto;  }
}

.original3 {background-color: #f5f5f5; padding: 100px 10px;}
.original3 .tx07 {padding: 10px 40px 20px; background-color: #ffffff; border: 1px solid var(--coral2); border-radius: 100px; font-size: 70px;
    color: var(--coral2); font-family: 'JSDongkang'; font-weight: bold; width: fit-content; line-height: normal; margin: 70px auto 30px; 
 box-shadow: 5px 3px 11px 4px #00000010;}
.original3 .tx08 {font-size: 100px;  color: var(--coral2); margin: 0px auto;width: fit-content;}
.original3 .tx09 {
  width: 380px;            /* 원하는 지름 값으로 설정 */
  height: 380px;           /* width와 같게 */
  margin: 20px auto 50px;
  background-color: var(--coral2);
  border-radius: 50%;      /* 완전한 원형 만들기 */
  display: flex;           /* 텍스트 가운데 정렬을 위해 flex 사용 */
  justify-content: center; /* 가로 정렬 */
  align-items: center;     /* 세로 정렬 */
  box-shadow: 5px 3px 11px 4px #00000030;
  border: 10px solid #ffffff;
  position: relative;
   box-sizing: border-box; 
}
.original3 .tx09 p {  font-size: 66px;   color: #ffffff;   font-family: 'JSDongkang';
  font-weight: bold; line-height: normal; text-align: center; padding-top: 20px;}

.original3 .tx09:hover {background: var(--purple1);}
.original3 img {border: 30px solid #f8a979;     box-shadow: 5px 3px 11px 4px #00000030;}


.original4  {margin: 150px 0;}
.original4 h4 {padding: 15px 60px; background-color: var(--purple3); color: #ffffff; font-size: 52px;width: fit-content; margin: auto; font-weight: 400;}
.original4 p.tx10 {font-size: 72px; font-weight: 600; margin: 40px auto 100px; text-align: center; color: var(--purple3);}
.original4 .senior_gall {margin: 0; box-sizing: border-box;  padding: 0 16.6667%;  }
.original4 .senior_gall .swiper-slide {border-radius: 20px; overflow: hidden;}
.original4 p {font-size: 50px; font-weight: 600; margin: 100px auto 200px; text-align: center; color: #666666; }

.original5 { padding:10px 0px;}
.original5 .subject {background-color: var(--purple3); text-align: center; padding: 50px 0 ; }
.original5 .subject h6 {font-size:70px; color: var(--coral1); }
.original5 .subject p {font-size:40px; color: #ffffff; text-align: center; font-family: 'Paperlogy'}
.original5 .con { background-color: #a1a8cf; padding: 40px 0 1px;}
.original5 ul.won3 {  display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0px; flex-wrap: wrap; padding: 40px 70px;  }
.original5 ul.won3 li {  display: flex;  justify-content: center;  align-items: center; background-color: #fff;  aspect-ratio: 1 / 1;  
    border-radius: 50%; position: relative; }
.original5 ul.won3 li p {   color: #f4a873;  font-size: 40px;  font-weight: 600;  line-height: 1.4;  box-sizing: border-box; text-align: center;
    font-family: 'JSDongkang';}
.original5 ul.won3 li::after {content: ""; position: absolute; top: calc(50% - 50px); right: -50px; width: 100px; aspect-ratio: 1 / 1; 
    background: url(img/product/icon07.png) no-repeat;  background-size: 100%; z-index: 100;}
.original5 ul.won3 li:last-child::after {display: none;}
.original5 .box {background-color: #ffffff; padding: 50px; font-family: 'JSDongkang'; margin: 100px 70px; border: 1px solid #858aaa;}
.original5 .box dl { display: grid; grid-template-columns: 200px 1fr; gap: 0px; text-align: left;}
.original5 .box dt {color: var(--coral2); font-weight: 600; font-size: 40px; padding: 10px 0 50px;}
.original5 .box dd {color: #333333; font-size: 40px;padding: 10px 0 50px;}
.original5 .box .tx11 {background-color: var(--coral1); color: #ffffff; padding: 20px; margin-top: 15px; font-size: 36px;}
.original5 .box dd p {color: var(--coral1); font-size: 40px; font-weight: 600; margin-top: 10px;}
.original5 .event {background-color: #f5f5f5; border-top:#858aaa 1px solid; padding: 0 50px 50px; margin-top: 80px;}
.original5 .event .subject {width: fit-content; padding: 10px 30px; font-size: 50px; background-color: var(--purple1); color: #ffffff; 
    margin: 0 auto 50px;  font-weight: bold; }
.original5 .event ul { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0px; flex-wrap: wrap;}
.original5 .event ul li {position: relative; padding: 20px;}
.original5 .event ul li p {font-size: 30px; text-align: center; color: #666666; padding: 30px 0;}
.original5 .event > p {font-size: 46px; text-align: center; font-family: 'Paperlogy'; color: var(--coral2) ; font-weight: 500; margin-top: 50px;}

.original5 .circle {  width: 50px;  height: 50px;  border-radius: 50%;
  background: linear-gradient(135deg, #f8a979 50%, #f17039 50%);
  display: flex;  align-items: center;  justify-content: center;  color: white;  font-size: 30px;  font-weight: bold;
  font-family: 'Paperlogy';font-weight: 600;  position: absolute;  left: 0; top:0;}


.original6 {margin: 150px auto;}
.original6 h3 {font-size: 50px; font-weight: 400; color: #333333; font-family: 'Paperlogy';margin-bottom: 10px;}
.original6 h2 {font-size: 76px; font-weight: 600;  color: #333333;font-family: 'Paperlogy'; margin-bottom: 50px;}
.original6 h4 {font-size: 30px; font-family: 'Paperlogy'; font-weight: 400;}

.original6 > div {margin-bottom: 50px; display: flex; justify-content: space-between; align-items: center;  padding: 60px 10% 50px 70px;}

.original6 .package1 {background: url(img/product/bg_img16.jpg) center no-repeat; background-size: cover;}
.original6 .package2 {background: url(img/product/bg_img17.jpg) center no-repeat; background-size: cover; }
.original6 .package3 {background: url(img/product/bg_img18.jpg) center no-repeat; background-size: cover; }

.original6 > div .tag {padding: 5px 30px; color: #ffffff; border-radius: 50px; font-size: 26px;letter-spacing: 3px; font-family: 'Paperlogy';
    width: fit-content; margin-bottom: 20px;} 
.original6 > div .tag.color1 {background: var(--coral1);}
.original6 > div .tag.color2 {background: var(--purple2);}
.original6 > div h3  {font-size: 70px; font-weight: 500; margin: 10px 0 60px; color: #333333; font-family: 'Cafe24Dangdanghae';}
.original6 > div p {font-size: 34px; color: #333333; font-family: 'Paperlogy';}   
.original6 .package_item {padding: 10px 40px; background-color: #ffffffb0; border: 2px solid #666666; border-radius: 50px; font-size: 40px;
    font-family: 'Paperlogy'; text-align: center; width: fit-content; margin: 20px auto; font-weight: 500;}
.original6 .package_detail  .plus {font-size: 100px;font-family: 'Montserrat'; font-weight: 300; color: #444444; line-height: 50px;}

@media (max-width: 768px) {
    .wrap_product section.col3 {margin: 50px 0;}
    .wrap_product h1 {font-size: 32px;  }
    .wrap_product section.col3 h3 {font-size: 26px; padding: 10px 20px;}
    .wrap_product section.col3 h5 {font-size: 20px; }
    .wrap_product section.col3 ul {display: block; padding:0 10px; margin-top: 40px;}
    .wrap_product section.col3 ul li {margin-bottom: 30px;}
    .wrap_product section.col3 ul li .tit {  font-size: 28px;} 
    .wrap_product section.col3 ul li .top {margin: 15px 0;}
    .wrap_product section.col3 ul li .desc {font-size: 16px;}
    .wrap_product section.product2 {padding: 50px 0;}
    .original1 {padding: 0px 10px;}
    .original1 p.tx01 {font-size: 20px; margin: 50px auto;}
    
    .original1 p.tx02 {font-size: 20px; margin: 50px auto 10px; } 
    .original1 p.tx04 {font-size: 20px; margin-top: 10px;}
    .original1 p.tx03 {font-size: 30px;}
    .original2 {margin-top: 80px;}
    .original2 h4 {font-size: 24px;}
    .original2 h2 {font-size: 34px;}
    
    .original2 .tit_origin {padding: 20px 0; }
    .original2 p.tx05 {font-size: 24px; margin-top: 50px;}
    .original2 p.tx06 {font-size: 30px; margin-bottom: 50px;}
    .original2 p.tx06 span{font-size: 34px;}
    .original2 .offering-icon {width: 60px; height: 60px; margin-bottom: 10px;}
    .original2 p.offering-description {font-size: 20px;}
    .original2 .offering-text {padding: 20px 0;}
    .original2 .offering-block {margin-bottom: 10px;}
    .original3 {padding: 50px 10px;}
    .original3 img {border-width: 10px;}
    .original3 .tx07 {font-size: 22px; padding: 10px 15px;     margin: 30px auto 10px;}
    .original3 .tx08 {font-size: 50px;}
    .original3 .tx09 {width: 200px; height: 200px;     margin: 10px auto ;}
    .original3 .tx09 p {font-size: 30px;}
    .original4 {margin: 50px 0;}
    .original4 h4{font-size: 20px; margin: 0 auto;  width: fit-content;}
    .original4 p{font-size: 18px; margin: 20px auto; }
    .original4 p.tx10 {font-size: 24px;margin: 10px auto 30px;}
    .original5 .subject {padding: 30px 0;}
    .original5 .subject h6 {font-size: 30px;}
    .original5 .subject p {font-size: 20px;}
    .original5 ul.won3 {display: block; padding: 10px 20px;} 
    .original5 ul.won3 li {max-width: 250px; margin: auto;     aspect-ratio: 1 / 0.5; border-radius: 20px; margin-bottom: 20px;}
    .original5 ul.won3 li p {font-size: 24px;}
    .original5 ul.won3 li::after {top: calc(100% - 10px);width: 40px; left: calc(50% - 20px);}
    .original5 .box {margin: 10px; padding: 10px; }
    .original5 .box dl {display: block;}
    .original5 .box dt {font-size: 20px; padding: 10px;}
    .original5 .box dd {font-size: 18px; padding: 10px;}
    .original5 .box .tx11 {font-size: 18px; padding: 10px;}
    .original5 .box dd p {font-size: 20px;}
    .original5 .event {margin-top: 20px; padding: 0 15px 15px 15px; }
    .original5 .event .subject {font-size: 24px; margin-bottom: 20px;}
    .original5 .event ul {display: block;}
    .original5 .event ul li p {font-size: 20px; padding: 10px 0;}
    .original5 .con img {width: 80px;}
    .original5 .circle {width: 30px; height: 30px; font-size: 20px;}
    .original5 .event > p {margin-top: 20px; font-size: 22px;}
    .original6 {margin: 50px auto;}
    .original6 h3  {font-size: 20px;}
    .original6 h2 {font-size: 36px;}
    .original6 h4 {font-size: 20px;}
    .original6 > div {display: block; padding: 20px; text-align: center;}
    .original6 > div h3 {font-size: 34px; margin-bottom: 30px;}
    .original6 > div p {font-size: 18px;text-align: center; margin-bottom: 20px;}
    .original6 > div .tag {font-size: 15px; padding: 5px 15px; margin: auto;}
    .original6 .package_item {font-size: 20px; margin: 10px auto;}
    .original6 .package_detail .plus {font-size: 50px; line-height: 30px;}
        
 }



.wrap_service {  text-align: center; padding-top: 100px;}
.wrap_service h1 {  font-size: 50px;  font-weight: 600;  color: #333;  margin-bottom: 40px;  font-family: 'Paperlogy';font-weight: 600;}
.wrap_service h6 {  font-size: 30px; font-family: 'JSDongkang'; margin: 50px auto; font-weight: 400;}

.wrap_service .policy-list {  display: flex;  flex-direction: column;  gap: 80px;   margin: 0 auto;  padding: 2em 0;}
.wrap_service .policy-item {  display: flex;  align-items: flex-start;  gap: 50px;}
.wrap_service .policy-list dt {  width: 250px; flex-shrink: 0;  background-color: var(--coral1);  color: #fff;  font-weight: 400;  border-radius: 999px;  
    padding: 10px 20px;  min-width: 120px;  text-align: center; font-size: 24px; font-family: 'JSDongkang'; line-height: 24px; }
.wrap_service .policy-list dd {  margin: 0;  line-height: 1.6;  color: #333; font-size: 22px; text-align: left; }
.wrap_service .step-process {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;
  padding: 0;  margin: 0;  list-style: none;}
.wrap_service .step-process > li {  box-sizing: border-box;  text-align: center;}
.wrap_service .step-process > li:not(.arrow) {  flex: 1 1 30%;  max-width: 32%;  margin-bottom: 7rem;  text-align: center;}
.wrap_service .step-num {  font-size: 30px;  color: #ff7b00;  font-weight: bold;  margin-bottom: 0.5em;   font-family: 'Paperlogy' }
.wrap_service .step-process .icon { background-color: #f3f3f3;  border-radius: 50%; width: 200px;  height: 200px;  
    margin: 0 auto 1em;  display: flex;  flex-direction: column;  justify-content: center;  align-items: center; }
.wrap_service .step-process .icon img {  width: 500%;  max-width: 80px;  margin-bottom: 0.4em;}
.wrap_service .step-process h3 { font-size: 26px;  line-height: 30px;  margin: 0.3em 0;  font-weight: 600;  color: #444444;  font-family: 'JSDongkang';}
.wrap_service .step-process p {  font-size: 22px;  line-height: 1.4;  color: #555;  margin: 0;  text-align: center;}

/* 화살표 */
.wrap_service .step-process .arrow {  flex: 0 0 5%;  max-width: 4%;  text-align: center;  margin-bottom: 100px;}
.wrap_service .step-process .arrow img {  width: 100%;  max-width: 24px;  height: auto;  margin: 0 auto;}

.wrap_service .section_tel {display: flex; justify-content: space-between;     align-items: flex-start; margin-top: 100px;}
.wrap_service .section_tel > div {flex : 1; }
.wrap_service .section_tel h1 {font-size: 40px; font-weight: 600; font-family: 'Paperlogy'  ; text-align: left;}
.wrap_service .section_tel h3 {font-size: 28px; font-weight: 600; font-family: 'Paperlogy'  ;text-align: left;}
.wrap_service .section_tel .btn_link {max-width: 500px; display: flex; justify-content: space-between; align-items: center; gap: 30px; margin-top: 50px;}
.wrap_service .section_tel .btn_link a { flex: 1; background-color: var(--purple1); color: #ffffff; font-size: 20px; padding: 15px 5px;  }
.wrap_service .section_tel .btn_link a:hover {background-color: var(--purple3); }

.wrap_service .section_addr { margin: 50px 0;}
.wrap_service .section_addr .list { display: flex; align-items: flex-start; gap: 50px; margin: 0 auto;  padding: 2em 0;}
.wrap_service .section_addr .list dt {flex: 0 0 130px;  flex-shrink: 0;  background-color: var(--purple1);  color: #fff;  font-weight: 400;  
    border-radius: 999px;      padding: 10px 20px;  min-width: 120px;  text-align: center; font-size: 24px; font-family: 'JSDongkang'; line-height: 24px; }
.wrap_service .section_addr dd {  margin: 0;  }
.wrap_service .section_addr h5 {font-size: 22px; text-align: left; margin-bottom: 5px;}
.wrap_service .section_addr dd p {line-height: 1.6;  color: #333; font-size: 20px; text-align: left;  }

.wrap_service .map {margin-bottom: 50px;}

/* 반응형: 모바일에서는 세로 정렬 */
@media screen and (max-width: 768px) {
    .wrap_service h1 {  font-size: 32px;  }
    .wrap_service h6 {font-size: 20px; margin: 30px auto;}
    .wrap_service .policy-list {gap : 30px;}
    .wrap_service .policy-item {display: block; padding: 0 10px;}
    .wrap_service dt {font-size: 18px; width: fit-content; padding: 7px 15px 4px; }
    .wrap_service dd {font-size: 17px; padding: 10px 0 10px 10px; }

    .wrap_service .policy-list dt {font-size: 18px; width: 170px; padding: 5px 10px 3px;}
    .wrap_service .policy-list dd {font-size: 15px; }

    .wrap_service .step-process  {padding-bottom: 100px;}
    .wrap_service .step-process > li:not(.arrow) {    flex: 1 1 100%;    max-width: 100%; margin-bottom: 0px;  }
    .wrap_service .step-process .arrow {    flex: 1 1 100%;    max-width: 100%;    margin: 1rem 0;    transform: rotate(90deg); /* 아래 방향으로 회전 */  }
    .wrap_service .step-process .arrow img {    max-width: 16px;  }
    .wrap_service .step-num {font-size: 20px; margin-bottom: -10px;}
    .wrap_service .step-process .icon {width: 160px; height: 160px;}
    .wrap_service .step-process .icon img {max-width: 50px;}
    .wrap_service .step-process h3 {font-size: 20px;}
    .wrap_service .step-process p {font-size: 17px; padding: 0 20px; word-break: keep-all;}
    .wrap_service .section_tel {display: block; padding: 0px 10px; margin-top: 50px;}
    .wrap_service .section_addr .list{display: block;}
    .wrap_service .section_tel h1 {  font-size: 24px; margin-bottom: 20px;         text-align: center; }
    .wrap_service .section_tel h3 {font-size: 20px;         text-align: center;}
    .wrap_service .section_tel .btn_link {gap: 20px; margin-bottom: 20px; margin-top: 20px;}
    
    .wrap_service .section_tel .btn_link a {font-size: 16px; padding: 10px;}
    .wrap_service .section_addr {margin: 30px 10px;}
    .wrap_service .section_addr .list {padding: 20px 0;}
    .wrap_service .section_addr .list dt {font-size: 18px; padding: 5px 10px;}
    .wrap_service .section_addr h5 {font-size: 16px;}
    .wrap_service .section_addr p {font-size: 16px;}
    .wrap_service .section_addr dd p {font-size: 15px;}
}