@charset "UTF-8";
/* ===========================
   Import
=========================== */
@import url("/cellaging/assets/css/fonts.css");

/* ==========================================================================
    참고사항
========================================================================== */
/*

* 공통레이아웃(임시 - 디자인컨펌 후 재수정)
Frame
1920px

Container
1600px

좌우 Margin
160px

Grid
12 Columns

Gutter
24px

*반응형 기준(임시 - 디자인컨펌 후 재수정)
Desktop(1920) → Laptop(1600/1440) → Tablet(1024) → Mobile(640)

*/

/* ==========================================================================
    Common
========================================================================== */
:root {
  /* color */
  --color-white: #fff;
  
  --color-black: #000;
  --color-black2: #1F2937;
  
  --color-green1: #DAF3EE;
  --color-green2: #29554C;
  --color-green3: #384844;
  --color-green4: #0B1A17;
  --color-green5: #384744;
  
  --color-ivory1: #F5F0E7;
  --color-ivory2: #FCFBF9;
  --color-ivory3: #F5F3EF;
  --color-ivory4: #F7F7F7;
  
  --color-red1: #EC3535;

  /* font size */
  --text-12: clamp(6px, 1vw, 12px);
  --text-16: clamp(10px, 3vw, 16px);
  --text-18: clamp(10px, 3.2vw, 18px);
  --text-22: clamp(10px, 3.3vw, 22px);
  --text-24: clamp(10px, 3.5vw, 24px);
  --text-26: clamp(10px, 3.7vw, 26px);
  
  --text-30 : clamp(12px,4vw,30px);
  --text-32 : clamp(12px,4.2vw,32px);
  --text-40 : clamp(12px,5vw,40px);
  --text-50 : clamp(12px,6vw,50px);
  --text-60 : clamp(12px,7vw,60px);
  --text-80 : clamp(12px,9vw,80px);
  --text-100 : clamp(12px,11vw,100px);

  /* font family */
  --font-pretendard: "Pretendard", sans-serif;
  --font-marcellus: "Marcellus", serif;
  --font-maruburi: 'MaruBuri';
}

/*font-color*/
.text-white{color:var(--color-white);}
.text-black{color:var(--color-black);}
.text-black2{color:var(--color-black2);}
.text-green1{color:var(--color-green1);}
.text-green2{color:var(--color-green2);}
.text-ivory1{color:var(--color-ivory1);}
.text-red1{color:var(--color-red1);}

/*font-weight*/
.text-sb{font-weight:600;}
b,.text-bold{font-weight:700;}

/*text-align*/
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}

/*font-size*/
.text-12{font-size:var(--text-12);}
.text-16{font-size:var(--text-16);}
.text-18{font-size:var(--text-18);}
.text-22{font-size:var(--text-22);}
.text-24{font-size:var(--text-24);}
.text-26{font-size:var(--text-26);}

.text-30{font-size:var(--text-30);}
.text-32{font-size:var(--text-32);}
.text-40{font-size:var(--text-40);}
.text-50{font-size:var(--text-50);}
.text-60{font-size:var(--text-60);}
.text-80{font-size:var(--text-80);}
.text-100{font-size:var(--text-100);}

/*line-height*/
.line12{line-height:1.2em;}
.line15{line-height:1.5em;}

/*background*/
.bg-green3{background:var(--color-green3);}
.bg-green4{background:var(--color-green4);}
.bg-green5{background:var(--color-green5);}

.bg-ivory1{background:var(--color-ivory1);}
.bg-ivory2{background:var(--color-ivory2);}
.bg-ivory3{background:var(--color-ivory3);}
.bg-ivory4{background:var(--color-ivory4);}


/*font*/
.pretendard{font-family:var(--font-pretendard);}
.marcellus{font-family:var(--font-marcellus);}
.maruburi{font-family:var(--font-maruburi);}

body{
	font-family:var(--font-pretendard);
	font-size: var(--text-18); 
	color:var(--color-black2);
	font-weight:400;
}
body *{line-height:1;}
/* ==========================================================================
    Components
========================================================================== */
.btn01 {
}

/* ==========================================================================
    Layout
========================================================================== */
.con1600{width:1600px;margin:0 auto;position:relative;}
.w50{width:50%;}
.w100{width:100%;}

.view_1600{display:none;}
/*.hide_1600{display:block;}*/
.view_1440{display:none;}
/*.hide_1440{display:block;}*/
.view_1024{display:none;}
/*.hide_1024{display:block;}*/
.view_640{display:none;}
/*.hide_640{display:block;}*/
.view_480{display:none;}
/*.hide_480{display:block;}*/

/* ==========================================================================
    Header
========================================================================== */
/*#header.on{background: rgba(255, 255, 255, 0.10);}*/
#header.on{background: rgba(0,0,0,0.2);}
#header{position:fixed;z-index:9999;top:0;left:0;right:0;}
#header .logo img{width:clamp(80px,20vw,124px);}
.head_con{display:flex;justify-content:space-between;align-items:center;width:1600px;margin:0 auto;}

.gnb .dep1{display:flex;gap:56px;}
.gnb li{color:var(--color-white);font-size:var(--text-16);position:relative;}
.gnb li a{display:block;overflow:hidden;}
.gnb li span{display:inline-block;}
.gnb li .en{font-family:var(--Marcellus);position:relative;transform:translateY(0);filter: blur(0);transition:all .45s cubic-bezier(.22, .61, .36, 1);}
.gnb li .ko{font-weight:700;position:absolute;top:0;left:50%;transform:translateX(-50%) translateY(-10px);filter:blur(4px);white-space:nowrap;opacity:0;transition:all .45s cubic-bezier(.22, .61, .36, 1);}

.gnb li:hover .en{transform:translateY(-100%);opacity:0;transform:translateY(-10px);filter:blur(4px);}
.gnb li:hover .ko{opacity:1;top:0;filter:blur(0);transform:translateX(-50%) translateY(0);}

/* ==========================================================================
    Quick
========================================================================== */

#quick{position:fixed;top:50%;transform:translateY(-50%);right:5%;z-index:999;}

#quick_bar{position: fixed; z-index: 999;right: 5%;bottom: 7%;display: flex; flex-direction: column; align-items: flex-end;}
#quick_bar .go_top{cursor: pointer;}
.quick_list li{margin-bottom: 10px; display: flex; justify-content: flex-end;}
.quick_list li a{position: relative; display: flex; align-items: center; width: 50px; height: 50px; background-color: rgba(34, 34, 34, 0.8); border-radius: 30px; overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);}
.quick_list li a img{position: absolute; right: 17px; top: 50%; transform: translateY(-50%); object-fit: contain; pointer-events: none;transition: all 0.4s;}
.quick_list li a .img_box {width: 50px; height: 50px;background: transparent;border-radius: 50%;position: absolute;right: 0;top: 50%;transform: translateY(-50%);object-fit: contain;}
.quick_list li a .img_box img:first-child {opacity: 1;z-index: 2;}
.quick_list li a .img_box img:last-child {opacity: 0;z-index: 3;}
.quick_list li a:hover .img_box{background: var(--color-white);}
.quick_list li a:hover .img_box img:first-child {opacity: 0;}
.quick_list li a:hover .img_box img:last-child {opacity: 1;}
.quick_list li a:hover{width: 130px; background-color: var(--color-green2);}
.quick_list li a:hover p{opacity: 1; max-width: 100px; transform: translateX(0);color:var(--color-white);}
.quick_list li a .txt3{margin-left:23px;}
.quick_list li a .txt4{margin-left:19px;}
.quick_list li a .txt5{margin-left:31px;}
.quick_list li a p{margin-top: 4px;color: #fff; font-weight: 600; font-size: 14px; white-space: nowrap; opacity: 0; max-width: 0; transition: all 0.4s ease-in-out; transform: translateX(-10px);}

/* ==========================================================================
    Main
========================================================================== */
.main-visual{width:100%;height:950px;background:url("/cellaging/assets/images/main/mv.png") center/cover no-repeat;display:flex;align-items:center;justify-content:center;}
.main-visual .text_box{color:var(--color-white);text-align:center;}
/*.main-visual .text_box h4{font-size:var(--text-16);}*/
/*.main-visual .text_box h2{font-size:var(--text-80);}*/
/*.main-visual .text_box p{line-height:1.5em;}*/

.sec01{}
.sec01 .title_box{display:flex;align-items:flex-end;justify-content:space-between;}
/*.sec01 .title_box h4{font-size:var(--text-16);}*/
/*.sec01 .title_box h3{font-size:var(--text-60);line-height:1.2em;}*/
/*.sec01 .title_box h3 span{font-size:var(--text-50);}*/
/*.sec01 .title_box p{line-height:1.5em;}*/

.sec01 .item{color:var(--color-white);border-radius:20px;overflow:hidden;width:clamp(100px,100%,1600px);height:317px;padding:100px 40px;display:flex;align-items:center;justify-content:space-between;}
.sec01 .item.n1{background:url("/cellaging/assets/images/main/sec01_1.png") center/cover no-repeat;}
.sec01 .item.n2{background:url("/cellaging/assets/images/main/sec01_2.png") center/cover no-repeat;}
.sec01 .item h4{font-size:var(--text-16);color:var(--color-ivory1);}
.sec01 .item h3{font-size:var(--text-40);letter-spacing:-0.8px;line-height:1.2em;}
.sec01 .item h3 span{font-size:var(--text-30);letter-spacing:-0.6px;}
.sec01 .item p{line-height:1.5em;}

.sec02{background:url("/cellaging/assets/images/main/sec02.png") center/cover no-repeat;}
.sec02 h4{letter-spacing: -0.48px;}
.sec02 h3{letter-spacing: -1.6px;}
.sec02 p{}

.sec06{background:url("/cellaging/assets/images/main/sec06.png") center/cover no-repeat;}

.sec08 .card_item_box{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;}
.sec08 .card_item_box .item{width:382px;height:509px;padding:35px 33px;text-align:center;}
.sec08 .card_item_box .item img{display:inline-block;}
.sec08 .card_item_box .item h5{}
.sec08 .card_item_box .item h3{letter-spacing: -0.6px;}
.sec08 .card_item_box .item .line{width:100%;height:2px;opacity: 0.4;background:var(--color-green2);}
.sec08 .card_item_box .item p{letter-spacing: -0.36px;}
.sec08 .card_item_box .item.n1{background:url("/cellaging/assets/images/main/sec08_01.png") center/cover no-repeat;}
.sec08 .card_item_box .item.n2{background:url("/cellaging/assets/images/main/sec08_02.png") center/cover no-repeat;}
.sec08 .card_item_box .item.n3{background:url("/cellaging/assets/images/main/sec08_03.png") center/cover no-repeat;}
.sec08 .card_item_box .item.n4{background:url("/cellaging/assets/images/main/sec08_04.png") center/cover no-repeat;}

.sec09{background:url("/cellaging/assets/images/main/sec09.png") center/cover no-repeat;position:relative;height:100vh;overflow:hidden;}
.sec09_con{display:flex;justify-content:space-between;align-items: flex-start;}
.sec09 .title_box h3{letter-spacing: -1.2px;}
.sec09 .content_box{}
.sec09 .content_box .item_con{display:flex;flex-direction:column;gap:20px;}
.sec09 .content_box .item{width:1002px;height:265px;border-radius:20px;padding:32px 60px;background: #445551;display:flex;align-items:center;justify-content:space-between;}
.sec09 .content_box .item .num{}
.sec09 .content_box .item h3{letter-spacing: -0.6px;}
.sec09 .content_box .item .txt .line{display:inline-block;width:550px;height:2px;opacity: 0.4;background:var(--color-ivory1);}
.sec09 .content_box .item p{letter-spacing: -0.36px;}
.sec09 .content_box .item .icon img{}
.sec09 .left_content{height:auto;flex-shrink: 0;}
.sec09 .right_content{flex-shrink: 0;}

.sec10{background:url("/cellaging/assets/images/main/sec10.png") center/cover no-repeat;}
.sec10 .item_box{display:flex;gap:120px 100px;flex-wrap:wrap;}
.sec10 .item{display:flex;}
.sec10 .item.w50{width:750px;flex-direction:column;gap:20px;}
.sec10 .item.w100{justify-content:space-between;align-items:center;}
.sec10 .item:nth-child(3n-1){flex-direction:column-reverse;}
.sec10 .item:nth-child(1){order:1;}
.sec10 .item:nth-child(2){order:2;}
.sec10 .item:nth-child(3){order:3;}
.sec10 .item:nth-child(4){order:5;}
.sec10 .item:nth-child(5){order:4;}
.sec10 .item:nth-child(6){order:6;flex-direction:row-reverse;}
.sec10 .item .txt{position:relative;display:inline-block;padding-block:26px;width:750px;}
.sec10 .item .txt .num{font-family:var(--font-marcellus);position:absolute;right:0;color: rgba(197, 212, 209, 0.80);text-align: right;line-height:0.7}
.sec10 .item .txt .num.top{top:20px;}
.sec10 .item .txt .num.bottom{bottom:0;}
.sec10 .item .txt h4{}
.sec10 .item .txt p{}

.sec11{background:url("/cellaging/assets/images/main/sec11.png") center/cover no-repeat;}

.sec12 .process_list_box{display:flex;gap:28px;justify-content:center;overflow:hidden;}
.sec12 .process_list_box .item{width:378px;text-align:center;}
.sec12 .process_list_box .item img{display:inline-block;}
.sec12 .process_list_box .item .dot{position:relative;z-index:2;}
.sec12 .process_list_box .item .dot:before{content:"";display:block;position:absolute;width:50%;height:2px;background:var(--color-green2);z-index:-1;top:50%;transform:translateY(-50%);left:0;}
.sec12 .process_list_box .item .dot:after{content:"";display:block;position:absolute;width:60%;height:2px;background:var(--color-green2);z-index:-1;top:50%;transform:translateY(-50%);right:-10%;}
.sec12 .process_list_box .item .dot span{position:relative;display:block;width:14px;height:14px;border-radius:50%;background:var(--color-green2);margin:26px auto;}
.sec12 .process_list_box .item .dot span:after{content:"";position:absolute;width:28px;height:28px;border-radius:50%;background:rgba(41, 85, 76, 0.20);top:50%;left:50%;transform:translate(-50%,-50%)}
.sec12 .process_list_box .item .txt{}
.sec12 .process_list_box .item .txt h5{display:inline-block;background:var(--color-green2);color:var(--color-white);padding:7px 20px;border-radius: 100px;}
.sec12 .process_list_box .item .txt h4{}
.sec12 .process_list_box .item .txt p{}
.sec12 .process_list_box .item:nth-child(1) .dot:before{display:none;}
.sec12 .process_list_box .item:nth-child(4) .dot:after{display:none;}

.sec13{overflow:hidden;}
.sec13 .profile_box{display:flex;gap:64px;}
.sec13 .profile_box .profile_img img{}
.sec13 .profile_box .profile_txt{}
.sec13 .profile_box .profile_txt:after{content:"ELINA";color:rgba(41, 85, 76, 0.20);font-family:var(--font-marcellus);font-size:clamp(15px,14vw,164px);position:absolute;bottom:0;right:0;}
.sec13  .history li{}
.sec13  .history li span{display:inline-block;width:5px;height:5px;background:var(--color-black2);border-radius:50%;line-height:1.5em;vertical-align:middle;margin-right:5px;}
.sec13  .history li p{line-height:1.5em; display:inline-block;vertical-align:text-top;}

.sec14{background:url("/cellaging/assets/images/main/sec14.png") center/cover no-repeat;}
.sec14 .title_box h6 img{margin:0 auto;}
.sec14 .galler_wrap{overflow:hidden;}
.sec14 .gallery_box{}
.sec14 .gallery_con{}

.compare_table {
	width: 100%;
	overflow-x: auto;
}

.compare_table table {
	width:100%;
	min-width:640px;
	border-collapse: collapse;
	table-layout: fixed;
}

.compare_table col.col-prp {
	width: 40%;
}

.compare_table col.col-category {
	width: 20%;
}

.compare_table col.col-stemcell {
	width: 40%;
}

.compare_table th,
.compare_table td {
	/*padding: 20px;*/
	text-align: center;
	vertical-align: middle;
	color: #5D5D5D;
	font-size:var(--text-22);
	line-height:1.2em;
	font-weight:400;
	height:93px;
}
.compare_table th{border-bottom: 1px solid #E0E0E0;}
.compare_table td{border-bottom: 1px solid #808080;}

.compare_table thead th {
	background: #CDCDCD;
	font-size:var(--text-24);
	font-weight:500;
	height:131px;
}

.compare_table thead th:first-child {
	background: #fff;
}

.compare_table thead th:last-child{font-size:var(--text-30);border-radius: 0 27px 0 0;}
.compare_table tbody td:last-child{font-size:var(--text-26);}

.compare_table thead th:last-child,
.compare_table tbody td:last-child {
	background: #29554C;
	color: #fff;
	border-bottom: 1px solid #fff;
	font-weight: 700;
}

.compare_table tbody th {
	background: #EAEAEA;
	border-bottom: 1px solid #808080;
}

.compare_table tbody tr:last-child th,.compare_table tbody tr:last-child td{border-bottom:none;}

.sec16_con{width:1600px;margin:0 auto;}
.sec16_slider_wrap{width:100%;overflow:hidden;}
.sec16_slider .item{width:382px;height:500px;position:relative;border-radius:40px;overflow:hidden;}
.sec16_slider .item img{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1;}
.sec16_slider .item p{position:absolute;bottom:80px;left:40px;}

.sec16_slider_wrap .controller_wrap {display:flex; gap:clamp(5px,3vw,20px);justify-content:center;align-items:center;}
.sec16_slider_wrap .dots{width:auto;display:flex;gap:clamp(4px,2vw,10px);align-items:center;}
.sec16_slider_wrap .swiper-pagination-bullet{width:clamp(4px,2vw,11px);height:clamp(4px,2vw,11px);background:rgba(129, 104, 59, 0.20);opacity:1;margin:0 !important;transition:all .3s;}
.sec16_slider_wrap .swiper-pagination-bullet-active{width:clamp(5px,2.5vw,14px);height:clamp(5px,2.5vw,14px);background:var(--color-green2);}

/*공통레이아웃*/
.point_item_box{display:flex;align-items:center;gap:66px;}
.point_item{}
.point_item h5{font-family:var(--font-marcellus);font-size:var(--text-22);letter-spacing: -0.44px;background:var(--color-green2);color:var(--color-white);display:inline-block;border-radius:30px;width:110px;height:30px;line-height:30px;text-align:center;}
.point_item h3{font-size:var(--text-40);letter-spacing: -0.8px;}
.point_item p{line-height:140%;letter-spacing: -0.36px;word-break:keep-all;}

.sec_common1_item_box{display:flex;flex-direction:column;gap:120px;}
.sec_common1_item_box .item_box{display:flex;gap:60px;justify-content: start;align-items:center;}
.sec_common1_item_box .item_box:nth-child(even){flex-direction:row-reverse;}

/* ==========================================================================
    Gallery
========================================================================== */
.gallery-wrap {
    position: relative;
    z-index: 5;
    width: 100%;
    /*padding-block:6.75rem 0;*/
    padding-block:8.5rem 0;
	overflow: hidden;
}

@media (max-width: 768px) {
    .gallery-wrap {
        display:flex;
        flex-direction: column;
        align-items: center;
        padding-block:11vw 0}
}

.gallery-wrap .gallery-stage {
    position: relative;
    width: 100%;
    touch-action: pan-y;
    cursor: grab
}

.gallery-wrap .gallery-stage.is-dragging {
    cursor: grabbing
}

.gallery-wrap .gallery-track {
    position: relative;
    width: 100%
}

.gallery-wrap .gallery-item {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    overflow: hidden
}

.gallery-wrap .gallery-item.is-center {
    cursor: default;
}

.gallery-wrap .gallery-item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
	filter: grayscale(1);
}
.gallery-wrap .gallery-item.is-center img{
    filter: grayscale(0);
}

.gallery-wrap .gallery-progress {
    display: none
}

@media (max-width: 768px) {
    .gallery-wrap .gallery-progress {
        /*display:flex;*/
        display:none;
        justify-content: center;
        margin-top: 0.75rem
    }
}

.gallery-wrap .gallery-progress .gallery-progress-track {
    position: relative;
    width: 12.9375rem;
    height: 0.1875rem;
    background: var(--m2,#e0dbd3)
}

@media (max-width: 768px) {
    .gallery-wrap .gallery-progress .gallery-progress-track {
        width:12.9375rem
    }
}

.gallery-wrap .gallery-progress .gallery-progress-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 32.37%;
    height: 100%;
    background: var(--958478,#958478)
}

/* ==========================================================================
    Footer
========================================================================== */
footer .map_area{background:#11201C;}
.map_area_box{display:flex;}
.map_area_box .map_item{width:845px;height:734px;border-radius:20px;overflow:hidden;}
.map_area_box .map_item .root_daum_roughmap{width:100% !important; height:100% !important;}
.map_area_box .map_item .wrap_map{width:100% !important; height:100% !important;}
.root_daum_roughmap .cont{display:none;}

.map_link{display:flex;align-items:center;gap:10px;}
.map_link li{display:inline-block;}
.map_link li a{font-size:var(--text-24);background:var(--color-green2); min-width:240px;height:60px;display:flex;border-radius:30px;align-items:center;justify-content:center;gap:10px;padding:8px 20px;}
.map_link li.naver img{width:clamp(10px,4vw,24px);}
.map_link li.kakao img{width:clamp(10px,5vw,43px);}

footer .logo img{width:clamp(100px,28vw,222px);}
footer .info_box{}
footer .info_item h5{color:var(--color-ivory1);line-height:1.5em;}
footer .info_item h4{letter-spacing: -0.8px;}
footer .info_item p{line-height:1.5em;}

footer .timetable{}
footer .timetable li{display:flex;}
footer .timetable li p{font-size:var(--text-22);line-height:1.5em;letter-spacing: -0.36px;}
footer .timetable li .week{font-weight:700;}
footer .timetable li .hour{}

footer .timetable li .w1{letter-spacing:1.5em;}
footer .timetable li .w2{letter-spacing:1em;}
footer .timetable li .w3{letter-spacing:0.37em;}

footer .foot_area{background:#0E1916;}
.foot_area_box{display:flex;gap:100px;}
.foot_con{width:calc(100% - 322px);}
.foot_con .terms{display:flex;gap:5px;border-bottom:1px solid rgba(210, 203, 188, 0.20);}
.foot_con .terms li{font-size:var(--text-16);}
.foot_con .txt{pointer-events:none;}
footer .foot_area > p{color: rgba(255, 255, 255, 0.60);}
/* ==========================================================================
    Responsive 1600px(Desktop)
========================================================================== */
@media all and (max-width:1600px){
.con1600{width:1440px;}
.view_1600{display:block;}
.hide_1600{display:none;}

.head_con{width:1440px;}

.sec08 .card_item_box {
    width: 80%;
    margin: 0 auto;
}

.sec10 .item.w50{width:650px;}
.sec10 .item .txt{width:650px;}

.sec16_con{width:95%;}
}/*1600px*/

/* ==========================================================================
    Responsive 1440px(Laptop)
========================================================================== */
@media all and (max-width:1440px){
.con1600{width:1024px;}
.view_1440{display:block;}
.hide_1440{display:none;}

.head_con{width:90%;}
.gnb_wrap{position:fixed;width:100%;height:100vh;background:var(--color-green2);top:0;right:0;bottom:0;z-index:9999;transform:translateX(100%);opacity:1;transition:transform 0.8s cubic-bezier(0.6, 0.05, 0.28, 1), opacity 0.5s ease;}
.gnb_wrap.open{transform: translateX(0);opacity:1;}

.gnb li{font-size:var(--text-24);}
.gnb li .en{display:none;}
.gnb li .ko{position:relative;opacity:1;top:auto;left:auto;transform:translate(0,0);filter:blur(0);}

.gnb li:hover .en{transform:translateY(0);filter:blur(0);}
.gnb li:hover .ko{opacity:1;top:auto;filter:blur(0);transform:translate(0,0);}

.gnb .dep1{flex-direction:column;gap:30px;}

.gnb_top{width:90%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;}
.gnb_box{width:90%;margin-left:auto;margin-right:auto;}

/*main*/
.sec01 .title_box{flex-direction:column;align-items:center;gap:3em;text-align:center;}

.sec05 .txt{padding-right:0;}

.sec08 .card_item_box {
    width:100%;
}

.sec09{height:auto;overflow:visible;}
.sec09_con {
    flex-direction: column;
    gap: 3em;
	align-items: center;
}
.sec09_con .title_box{text-align:center;}

/*.sec10 .item_box{flex-wrap:wrap;}*/
.sec10 .item.w50{width:100%; align-items: center;}
.sec10 .item.w100{flex-direction:column;gap:20px;}

.sec10 .item:nth-child(3n-1){flex-direction:column;}
.sec10 .item:nth-child(1){order:1;}
.sec10 .item:nth-child(2){order:2;}
.sec10 .item:nth-child(3){order:3;}
.sec10 .item:nth-child(4){order:4;}
.sec10 .item:nth-child(5){order:5;}
.sec10 .item:nth-child(6){order:6;flex-direction:column;}
.sec10 .item .txt .num.bottom{bottom:auto;top:20px;}

.sec11{background-position:right;}

.sec12 .title_box{text-align:center;}
.sec12 .process_list_box{flex-wrap:wrap;}
.sec12 .process_list_box .item .dot:before,.sec12 .process_list_box .item .dot:after{display:none;}

.sec13 .profile_box{flex-direction:column;align-items:center;}
.sec13 .profile_box .profile_txt:after {
    bottom: -10%;
    right: -10%;
}

.sec16_slider .item{height:38vw;}

/*common*/
.point_item_box {
    flex-wrap: wrap;
    justify-content: center;
}

.sec_common1_item_box .item_box{flex-direction:column-reverse;text-align:center;}
.sec_common1_item_box .item_box:nth-child(even){flex-direction:column-reverse;}

.map_area_box{flex-direction:column;align-items:center;gap:3em;}
.map_link {justify-content: center;}

footer .info_box{padding-left:0;text-align:center;}
footer .timetable{display:inline-block;}

.foot_area_box{flex-direction:column;gap:3em;align-items: center;}
.foot_con{width:100%;}
.foot_con .terms{justify-content:center;}
.foot_con .txt{text-align:center;}
}/*1440px*/

/* ==========================================================================
    Responsive 1024px(Tablet)
========================================================================== */
@media all and (max-width:1024px){
.con1600{width:640px;}
.view_1024{display:block;}
.hide_1024{display:none;}

.sec01 .item{flex-direction:column;height:auto;gap:2em;text-align:center;}

.sec09 .content_box .item {
    width:90%;
	margin:0 auto;
    height: auto;
    flex-direction: column;
    gap: 2em;
    text-align: center;
}

.sec10 .item_box{gap:3em;}
.sec10 .item .txt{width:100%;}
.sec10 .item .img{width:100%;}
.sec10 .item .img img{width:100%;}

.sec11 .title_box{text-align:center;}

.sec13 .profile_box .profile_txt {
    text-align: center;
}
.sec13 .history li p{display:inline;}

.sec14 .title_box p{word-break:keep-all;width:90%;margin:0 auto;}
.sec14 .title_box p br{display:none;}

.sec16_con{width:100%;}
.sec16_slider .item{height:27em;height:50vw;}

.map_box{width:100%;}
.map_area_box .map_item{width:100%;height:65vw;}
}/*1024px*/

/* ==========================================================================
    Responsive 640px(Mobile)
========================================================================== */
@media all and (max-width:640px){
.con1600{width:90%;}
.view_640{display:block;}
.hide_640{display:none !important;}

/*Quick*/
.quick_pc{display:none !important;}
#quick_m{display:block;position:fixed;bottom:0;left:0;right:0;z-index:1000;}
#quick_m ul li{width:20%;}

#quick_m ul li a{display:block;}
#quick_m .quick_m_list{display: flex;background:var(--color-white);border-radius: 6vw 6vw 0 0;position:relative;}
#quick_m .quick_m_list:after{content:"";width:23vw;height:23vw;background:var(--color-white);border-radius:50%;position:absolute;left:50%;transform:translateX(-50%);top:-3vw;z-index:-1;}
#quick_m .quick_m_list li{position: relative;}
#quick_m .quick_m_list .call a{height:100%;width:100%;}
#quick_m .quick_m_list .call img{position: absolute;width:20vw;top: -3vw;left: 50%;transform: translateX(-50%);}
#quick_m .quick_m_list li a{text-align: center;padding:5vw 0px 8vw;}
#quick_m .quick_m_list li a p{margin-top: 2vw;font-size:3.2vw;}
#quick_m .quick_m_list li a img{width:5.2vw;margin: 0 auto;}
#quick_m .go_top{position:fixed;bottom:24vw;right:5%;width:10vw;height:10vw;border-radius: 50%;}


.main-visual{height:100vh;background-image:url("/cellaging/assets/images/main/mv_m.png"); min-height:500px;max-height:950px;}

/*.sec01 .title_box .txt p{word-break:keep-all;}*/
/*.sec01 .title_box .txt p br{display:none;}*/

.sec08 .card_item_box .item img{width:40vw;}
.sec08 .card_item_box .item {
    width: 80%;
    height: 80vw;
    padding: 5vw;
    text-align: center;
    border-radius: 5vw;
}

.sec09 .content_box .item{padding:5vw;}
.sec09 .content_box .item .txt{width:100%;}
.sec09 .content_box .item .txt .line{width:95%;}
.sec09 .content_box .item .icon img{width:30vw;}
.sec09 .content_box .item p{word-break:keep-all;padding:0 5%;}
.sec09 .content_box .item p br{display:none;}

.sec10 .item .txt p{word-break:keep-all;}
.sec10 .item .txt p br{display:none;}

.sec11 .title_box p{word-break:keep-all;}
.sec11 .title_box p br{display:none;}

.sec12 .process_list_box .item img{width:80%;}

.sec13 .profile_box .profile_img img{width:100%;}
.sec13 .profile_box .profile_txt:after {
    bottom: -8%;
    right:0;
}

.point_item{text-align:center;}
.point_item_box{gap:7vw;}
.point_item img{width:100%;}

.sec_common1_item_box{gap:4em;}
.sec_common1_item_box .item_box{gap:7vw;}
.sec_common1_item_box .txt p{width:80%;margin:0 auto;word-break:keep-all;}
.sec_common1_item_box .txt p br{display:none;}

.sec16_slider .item{height:75vw;border-radius:5vw;}
.sec16_slider .item p {
    bottom:7vw;
    left:5vw;
}

.map_link{flex-direction:column;}
.map_link li a {
	width: 57vw;
	height: 13vw;
	min-width: auto;
	border-radius: 7vw;
}
}/*640px*/


/* ==========================================================================
    Responsive 480px(Mobile)
========================================================================== */
@media all and (max-width:480px){
.view_480{display:block;}
.hide_480{display:none;}

}/*480px*/