@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Old+Uyghur&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Sen:wght@400..800&display=swap');

* 
{margin: 0; padding: 0;
font-family: "pretendard", sans-serif;}

a {text-decoration: none;}
img {display: block;}

main.main_ex
{width: 100%; height: 100vh;
position: absolute;
top: 0; left: 0;}

/* header */
header.artvault_header
{width: 100%;
padding: 20px 0;
position: fixed;
top: 0; left: 0;
z-index: 20;
background: #fff;
box-shadow: 0px 4px 4px #00000009;}

div.header_top_container
{width: 95%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-between;}

/* header logo */
a.header_logo
{display: block;
width: 160px;
position: relative;
z-index: 6;}

a.header_logo img
{width: 100%; height: auto;
transition: all 0.3s;}

a.header_logo img.color
{filter: invert(100%) sepia(99%) saturate(22%) hue-rotate(293deg) brightness(104%) contrast(100%);}

/* header 중간 타이틀 */
div.header_top_container>p:nth-child(2)
{color: #000;
position: absolute;
left: 50%;
transform: translateX(-50%);}

/* header_menu_btn */
div.menu_btn
{width: 30px;
position: relative;
z-index: 6;
cursor: pointer;}

div.menu_btn span
{width: 100%; height: 2px;
background: #000;
border-radius: 1px;
display: block;
margin-top: 5px;
transition: all 0.5s;}

div.menu_btn span:nth-child(1)
{margin-top: 0;}

div.menu_btn span:last-child 
{margin-bottom: 0;}

div.menu_btn.on span
{background: #fff;}

div.menu_btn.on span:nth-child(1)
{width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%) rotate(45deg);}

div.menu_btn.on span:nth-child(2)
{display: none;}

div.menu_btn.on span:nth-child(3)
{width: 100%;
position: absolute;
bottom: 50%;
transform: translateY(calc(-50% + 1.5px)) rotate(-45deg);}


/* header_sheet */
div.header_sheet_container
{width: 100%; height: 100vh;
position: absolute;
top: -100vh; left: 0;
opacity: 0;
z-index: 4;
background: url(../img/header_sheet_background_01.png) no-repeat center / cover;
transition: all 0.5s;}

div.header_sheet_container.show
{top: 0; opacity: 1;}

nav.header_sheet_nav
{width: 90%; 
margin: 0 auto;}

nav.header_sheet_nav ul
{width: 100%; height: 100vh;
display: flex;
align-items: stretch;
list-style-type: none;}

nav.header_sheet_nav ul li
{width: calc(100% / 4);
border-left: 1px solid #ffffff69; border-right: 1px solid #ffffff69;
box-sizing: border-box;}

nav.header_sheet_nav ul li:nth-child(1n+1)
{border-right: none;}

nav.header_sheet_nav ul li:last-child
{border-right: 1px solid #ffffff69;} 

nav.header_sheet_nav ul li a
{display: block;
width: 100%; height: 100%;
position: relative;}

nav.header_sheet_nav ul li a div
{width: 100%;
position: absolute;
bottom: 200px; left: 0;
transition: all 0.3s;
overflow: hidden;}

nav.header_sheet_nav ul li a div::before
{content: " ";
width: 3px; height: 100%;
background: #fff;
display: block;
position: absolute;
top: -100%; left: 0;
transition: all 0.3s;}

nav.header_sheet_nav ul li a:hover div::before
{top: 0;}

nav.header_sheet_nav ul li a div p
{width: calc(100% - 20px);
margin-left: 20px;
color: #fff;}

nav.header_sheet_nav ul li a div>p:nth-child(1)
{line-height: 1rem;
margin-bottom: 10px;}

nav.header_sheet_nav ul li a div>p:nth-child(2)
{font-size: 2.5rem; line-height: 3rem;
font-weight: bold;}

div.header_company_container
{width: fit-content;
position: absolute;
bottom: 50px; left: 50px;}

div.header_company_container>div
{margin-bottom: 10px;
display: flex;
align-items: flex-start;}

div.header_company_container>div:last-child
{margin-bottom: 0;}

div.header_company_container>div>p
{color: #fff;}

div.header_company_container>div>p:nth-child(1)
{width: 74px;
margin-right: 20px;
font-weight: bold;}

div.header_company_container>div>p:nth-child(2)
{width: calc(100% - 94px);
word-break: keep-all; line-height: 1.2rem;}

/* SNS */
div.sns_container
{width: fit-content;
display: flex;
align-items: center;
position: fixed;
bottom: 50px; right: 50px;
z-index: 99;}

div.sns_container a
{display: flex;
align-items: center;
justify-content: center;
width: 40px; height: 40px;
border-radius: 50%;
background: #000;
transition: all 0.3s;}

div.sns_container a img
{width: 20px; height: 20px;}

/* 메뉴 버튼 클릭시 색상 변경 */
div.sns_container.on a
{background: #fff;}

div.sns_container a:nth-child(2)
{margin: 0 10px;}

div.sns_container.on a img 
{filter: invert(30%) sepia(4%) saturate(32%) hue-rotate(329deg) brightness(105%) contrast(91%);}

/* contact */
div.contact_text_container
{width: 90%; height: 100vh;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: flex-end;}

div.contact_text_container>div>p
{font-size: 7.5rem;
line-height: 8rem; text-align: right;
opacity: 0;
transform: translateY(50px);
transition: all 0.5s;}

div.contact_text_container>div>p.show {opacity: 1; transform: translateY(0);}

div.contact_text_container>div>p:nth-child(1) {font-weight: bold;}

div.contact_text_container>div>p:nth-child(1) span {font-weight: normal;}

div.contact_text_container>div>p:nth-child(2) span {font-weight: bold;}

div.contact_text_container>div>p:nth-child(3) {font-weight: bold;}

div.contact_text_container_02
{width: 90%;
margin: 0 auto;
margin-bottom: 100px;
display: flex;
align-items: flex-end;
justify-content: space-between;}

div.contact_text_container_02>div:nth-child(1)>p
{font-size: 1.125rem; line-height: 1.5rem;
color: #535353;}

div.contact_text_container_02>div:nth-child(1)>p span {font-weight: bold;}

/* 컨텍 주소 */
div.contact_text_company_container
{width: fit-content;}

div.contact_text_company_container>div
{margin-bottom: 10px;
display: flex;
align-items: flex-start;}

div.contact_text_company_container>div:last-child {margin-bottom: 0;}

div.contact_text_company_container>div>p:nth-child(1)
{font-weight: bold;
width: 74px;
margin-right: 15px;}

div.contact_map_container
{width: 90%; height: 700px;
margin: 0 auto;
margin-bottom: 100px;}

/* 브랜딩  */
div.branding_container
{width: 100%;
display: flex;
align-items: stretch;
flex-wrap: wrap;
margin-top: 70px;}

a.branding_product
{width: 50%;
padding-bottom: 28.645%;
display: block;
position: relative;
overflow: hidden;}

a.branding_product::after
{width: 100%; height: 100%;
content: " ";
background: #0000005e;
position: absolute;
top: 0; left: 0;
transition: all 0.5s;}

a.branding_product>img:nth-child(1)
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.hover_show_branding_text
{width: 90%; max-width: 90%;
position: absolute;
top: 150%; left: 5%;
transform: translateY(-50%);
z-index: 3;
transition: all 0.5s;}

div.hover_show_branding_text p
{text-align: center;
color: #fff;}

div.hover_show_branding_text>p:nth-child(1)
{font-size: 0.9rem;
margin-bottom: 5px;}

div.hover_show_branding_text>p:nth-child(2)
{font-size: 1.5rem; font-weight: bold; line-height: 2.5rem;
margin-bottom: 30px;}

div.hover_show_branding_text>p:nth-child(3)
{width: fit-content;
margin: 0 auto;
font-size: 0.9rem; line-height: 1rem;
padding: 10px 20px;
background: #fff; color: #000;
transition: all 0.5s;}


/* 브랜딩 디테일 */
div.product_detaile_visual_container
{width: 100%; 
margin-top: 70px;
padding-bottom: 70vh;
margin-bottom: 100px;
position: relative;
overflow: hidden;}

div.product_detaile_visual_container img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.product_detaile_container
{width: 90%;
margin: 0 auto;}

div.product_detaile_container img
{width: 100%; height: auto;}

div.product_detaile_visual_title_contailer
{width: 90%;
display: flex;
align-items: flex-end;
justify-content: space-between;
position: absolute;
bottom: 80px; left: 5%;}

div.product_detaile_visual_title_box p
{color: #fff;}

div.product_detaile_visual_title_box>p:nth-child(1)
{font-size: 1rem;
margin-bottom: 10px;}

div.product_detaile_visual_title_box>p:nth-child(2)
{font-size: 3rem; font-weight: bold; line-height: 4rem;}

a.product_href_btn
{width: fit-content;
display: block;}

a.product_href_btn p
{border: 1px solid #fff; box-sizing: border-box;
padding: 15px 30px; color: #fff;
transition: all 0.5s;}


/* SPACE */
main.space_page_main
{width: 100%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;}

div.space_page_container
{width: 95%; 
margin: 130px auto;
margin-bottom: 50px;}

div.show_space_container
{width: 100%; 
overflow: hidden;
display: flex;
align-items: flex-end;
margin-bottom: 100px;}

div.show_space_title_box
{width: 45%;
margin-right: 5%;
overflow: hidden;}

div.show_space_title_box>p
{font-size: 3.2rem; line-height: 4rem;
word-break: keep-all; word-wrap: break-word;
font-weight: bold;}

a.space_more_btn
{display: flex;
justify-content: flex-end;
margin-top: 30px;}

a.space_more_btn p
{padding: 10px 30px;
line-height: 1rem; color: #000;
border: 1px solid #000; box-sizing: border-box;
transition: all 0.3s;}

a.show_space_image_box
{width: 50%; 
display: block;
padding-bottom: 28.18%;
background: #000;
position: relative;
overflow: hidden;}

a.show_space_image_box img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;
transition: all 0.5s;}

div.silde_space_container
{width: 100%; 
overflow: hidden;}

div.slide_space_product
{width: 100%;
opacity: 0.2;
cursor: pointer;}

div.slide_space_product>p:nth-child(1)
{line-height: 1rem; color: #000;
margin-bottom: 10px;}

div.slide_space_product_image
{padding-bottom: 120%;
position: relative;
overflow: hidden;}

div.slide_space_product_image img
{width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
object-fit: cover;}

div.slide_space_product.active-slide 
{opacity: 1;}

/* 스페이스 디테일 페이지 */
div.space_detaile_visual_box
{width: 100%; 
padding-bottom: 70vh;
position: relative;
margin-top: 70px;
margin-bottom: 100px;
overflow: hidden;}

div.space_detaile_visual_box img
{width: 100%; height: 100%;
position: absolute;
top: 0; left: 0;
object-fit: cover;}

div.space_detaile_visual_text_box
{width: 500px;
position: absolute;
bottom: 70px; left: 5%;}

p.space_detaile_visual_text_main_title
{font-size: 3rem; color: #fff; font-weight: bold; 
line-height: 4rem; word-break: keep-all;
margin-bottom: 30px;}

div.space_detail_visual_text_min_title
{width: 100%;
display: flex;
align-items: stretch;
padding-bottom: 20px;
border-bottom: 1px solid #ffffff73; box-sizing: border-box;}

div.space_detail_visual_text_min_title>div
{width: 48.5%;}

div.space_detail_visual_text_min_title>div:nth-child(2)
{margin-left: 3%;}

div.space_detail_visual_text_min_title>div>p:nth-child(1)
{font-weight: bold; line-height: 1.2rem; color: #fff;
margin-bottom: 10px;}

div.space_detail_visual_text_min_title>div>p:nth-child(2)
{color: #ffffffad; line-height: 1.2rem; word-break: keep-all;}

div.space_detaile_image_box
{width: 90%;
margin: 0 auto;
margin-bottom: 80px;}

div.space_detaile_image_box img
{width: 100%; height: auto;}

div.space_detaile_image_box video
{width: 100%; height: auto;
margin-bottom: 20px;}

a.space_list_btn
{width: fit-content;
display: block;
margin: 0 auto;
margin-bottom: 150px;}

a.space_list_btn p
{width: fit-content;
padding: 15px 40px;
color: #000;
border: 1px solid #000; box-sizing: border-box;
transition: all 0.4s;}


/* 메인 */
section.show_section
{width: 100%; height: 100vh;
position: fixed;
top: 0; left: 0;
z-index: 99;
overflow: hidden;}

div.show_container:nth-child(1)
{width: 100%; height: 100vh;
position: absolute;
top: 0; left: 0;
z-index: 99;
background: #000;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease-in-out;}

div.show_container.hide {opacity: 0;}

div.show_container_01_text_container
{width: fit-content;
margin: 0 auto;
display: flex;
align-items: flex-end;
flex-wrap: wrap;}

div.show_container_01_text_container p
{color: #fff;
font-size: 6rem; line-height: 6rem;
opacity: 0;}

div.show_container_01_text_container p:nth-child(2)
{font-weight: bold; margin: 0 50px;}

div.show_container_01_text_container>p:nth-child(1)
{
    animation: shownumber01 1s forwards; /* forwards를 추가하여 애니메이션 종료 후 상태 유지 */
    opacity: 0; 
}

@keyframes shownumber01 {
    0% {
        transform: translateY(-100px);
        opacity: 0; 
    }
    100% {
        opacity: 1; 
        transform: translateY(0);
    }
}

div.show_container_01_text_container>p:nth-child(2)
{
    animation: shownumber02 1s forwards;
    animation-delay: 1s;
    opacity: 0; /* 초기 opacity를 0으로 설정 */
}

@keyframes shownumber02 {
    0% {
        transform: translateY(100px);
        opacity: 0; 
    }
    100% {
        opacity: 1; 
        transform: translateY(0);
    }
}

div.show_container_01_text_container>p:nth-child(3)
{animation: shownumber01 1s forwards;
animation-delay: 2s;
opacity: 0;}

@keyframes shownumber01 {
    0% {
        transform: translateY(-100px);
        opacity: 0; 
    }
    100% {
        opacity: 1; 
        transform: translateY(0);
    }
}


div.show_container:nth-child(2)
{width: 100%; height: 100vh;
background: url(../img/main_background_image_01.png) no-repeat center / cover;
position: absolute;
top: 0; left: 0;
z-index: 98;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease-in-out;}

div.show_space_text_box
{width: fit-content;
max-width: 90%;}

div.show_space_text_box p
{font-size: 10rem; line-height: 5rem;
font-weight: bold;
color: #fff;}

div.show_space_text_box>p:nth-child(1)
{opacity: 0;
animation: showtext01 0.5s forwards;}

div.show_space_text_box>p:nth-child(2)
{opacity: 0;
animation: showtext02 0.5s forwards;
animation-delay: 3.5s;}

div.show_space_text_box>p:nth-child(3)
{opacity: 0;
animation: showtext03 0.5s forwards;
animation-delay: 4s;}

div.show_space_text_box>p:nth-child(4)
{opacity: 0;
animation: showtext04 0.5s forwards;
animation-delay: 4.5s;}

div.show_space_text_box>p:nth-child(5)
{opacity: 0;
animation: showtext05 0.5s forwards;
animation-delay: 5s;}

@keyframes showtext01 {
    0% {
        transform: translateY(-10px);
        opacity: 0; 
    }
    100% {
        opacity: 0.2; 
        transform: translateY(0);
    }
}

@keyframes showtext02 {
    0% {
        transform: translateY(-10px);
        opacity: 0; 
    }
    100% {
        opacity: 0.3; 
        transform: translateY(0);
    }
}


@keyframes showtext03 {
    0% {
        transform: translateY(-10px);
        opacity: 0; 
    }
    100% {
        opacity: 0.4; 
        transform: translateY(0);
    }
}


@keyframes showtext04 {
    0% {
        transform: translateY(-10px);
        opacity: 0; 
    }
    100% {
        opacity: 0.5; 
        transform: translateY(0);
    }
}


@keyframes showtext05 {
    0% {
        transform: translateY(-10px);
        opacity: 0; 
    }
    100% {
        opacity: 1; 
        transform: translateY(0);
    }
}

div.show_container:nth-child(3)
{width: 100%; height: 100vh;
background: url(../img/main_background_image_02.png) no-repeat center / cover;
position: absolute;
top: 0; left: 0;
z-index: 97;
display: flex;
align-items: center;
justify-content: center;
transition: opacity 0.5s ease-in-out;}

div.show_branding_text_box
{width: fit-content;
margin: 0 auto;
max-width: 90%;}

div.show_branding_text_box p
{font-size: 10rem; line-height: 5rem;
font-weight: bold;
color: #fff;}

div.show_branding_text_box>p:nth-child(1)
{opacity: 0;
animation: showtext01 0.5s forwards;}

div.show_branding_text_box>p:nth-child(2)
{opacity: 0;
animation: showtext02 0.5s forwards;
animation-delay: 6.5s;}

div.show_branding_text_box>p:nth-child(3)
{opacity: 0;
animation: showtext03 0.5s forwards;
animation-delay: 7s;}

div.show_branding_text_box>p:nth-child(4)
{opacity: 0;
animation: showtext04 0.5s forwards;
animation-delay: 7.5s;}

div.show_branding_text_box>p:nth-child(5)
{opacity: 0;
animation: showtext05 0.5s forwards;
animation-delay: 8s;}

/* 메인 콘텐츠 */
div.main_container
{width: 100%; height: calc(100vh - 70px);
margin-top: 70px;
position: relative;
transition: all 1s;}

div.main_container video
{position: absolute;
top: 0; left: 0;
width: 100%; height: 100%;
object-fit: cover;
z-index: 1;}

div.main_max_title_container
{width: 90%;
margin: 0 auto;
position: relative;
z-index: 3;}

div.main_max_title_contants
{position: absolute;
top: 150px; left: 0;
pointer-events: none;
z-index: 3;}

/* div.main_max_title_contants.on
{opacity: 1;
transform: translateX(0);
pointer-events: auto;
z-index: 2;} */

div.main_max_title_contants>p:nth-child(1)
{color: #fff;}

div.main_max_title_contants>p:nth-child(1)
{font-size: 1.2rem; line-height: 2rem;
margin-bottom: 50px;}

div.main_max_title_contants>a:nth-child(2)
{display: block;}

div.main_max_title_contants>a:nth-child(2) p
{color: #ffffff9f;
transition: all 0.5s;}


div.main_min_container
{width: 90%; height: 100%;
margin: 0 auto;
display: flex;
align-items: stretch;
border-left: 1px solid #ffffff31; border-right: 1px solid #ffffff31;
box-sizing: border-box;
position: relative;}

a.main_min_absolute
{width: 25%; height: 100%;
display: block;
border-right: 1px solid #ffffff48;
box-sizing: border-box;
position: relative;
z-index: 3;
cursor: pointer;}

a.main_min_absolute:last-child
{border-right: none;}

div.main_min_contents
{width: 90%;
position: absolute;
bottom: 100px; left: 5%;
opacity: 0.3;
transition: all 0.5s;
z-index: 3;}

div.main_min_contents p
{color: #fff;}

div.main_min_contents>p:nth-child(1)
{color: #ffffff9c;
margin-bottom: 10px; line-height: 1rem;}

div.main_min_contents>p:nth-child(2)
{font-size: 2.5rem; font-weight: bold; line-height: 3rem;}

a.main_min_absolute.on .main_min_contents
{opacity: 1;}


/* about */
div.about_container_01
{width: 100%; height: 100vh;
display: flex;
align-items: center;
justify-content: center;}

div.about_container_01_text_box
{width: 90%;
position: fixed;
top: 50%; left: 5%;
transform: translateY(-50%);}

div.about_container_01_text_box p
{font-size: 5rem;
line-height: 5rem; text-align: center;
word-break: keep-all; font-weight: bold;
color: #fff;
opacity: 1;}

div.about_container_01_text_box p span 
{font-weight: normal;}

div.about_container_01 video
{width: 100%; height: 300px;
object-fit: cover;}

div.about_container_02
{width: 100%; height: 100vh;
display: flex;
align-items: center;
justify-content: center;}

div.about_container_02 div 
{width: 90%;
margin: 0 auto;}

div.about_container_02 div p
{font-size: 7rem; line-height: 7rem;
margin-bottom: 50px; text-align: center;
font-weight: bold;}

div.about_container_02 div p:last-child
{margin-bottom: 0;}

p.about_container_text_left
{position: relative;}

p.about_container_text_right
{position: relative;}

div.about_container_03
{width: 100%; height: 100vh;
display: flex;
align-items: stretch;}

div.about_container_03>div
{width: 50%; height: 100vh;
cursor: pointer;}

div.about_container_03>div:nth-child(1)
{background: url(../img/about_background_image_01.png) no-repeat center / cover;  
position: relative;}

div.about_container_03>div:nth-child(2)
{background: url(../img/about_background_image_02.png) no-repeat center / cover;
position: relative;}

div.about_container_03_contents
{width: 80%; height: fit-content;
position: absolute;
bottom: 10%; left: 10%;
z-index: 2;}

div.about_container_03_contents p
{color: #fff;
transition: all 0.5s;}


div.about_container_03_contents>div:nth-child(1)
{margin-bottom: 30px;
transform: translateY(50px);
transition: all 0.5s;}

div.about_container_03_contents>div:nth-child(1)>p:nth-child(1)
{font-size: 1.2rem; line-height: 2rem;
margin-bottom: 15px;}

div.about_container_03_contents>div:nth-child(1)>p:nth-child(2)
{font-size: 2rem;
font-weight: bold;}

div.about_container_03_contents>p:nth-child(1) 
{transform: translateY(50px);
margin-bottom: 30px;}

div.about_container_03_contents>p:nth-child(1) span
{font-weight: bold; font-size: 2rem;
margin-bottom: 10px;
display: inline-block;}

div.about_container_03_contents>p:nth-child(2)
{color: #ffffff9d;
line-height: 1.5rem;
transform: translateY(50px);
opacity: 0;}

div.about_container_03_contents
{transition: all 0.5s;}

div.about_container_04
{width: 100%;
margin: 100px 0;}

div.about_container_04_title
{width: 90%;
margin: 0 auto;
margin-bottom: 80px;}

div.about_container_04_title p
{font-weight: bold;
font-size: 4rem; line-height: 4.5rem;}

div.about_people_slide_contents
{width: 100%;}

div.about_people_slide_image
{width: 100%;
padding-bottom: 128%;
position: relative;
overflow: hidden;
margin-bottom: 30px;}

div.about_people_slide_image img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.about_people_slide_text
{width: 90%;
margin: 0 auto;}

div.about_people_slide_text>p
{text-align: center; line-height: 1.2rem;}

div.about_people_slide_text>p:nth-child(1)
{font-weight: bold;
margin-bottom: 10px;}


/* 컨텍트 비디오 */
div.contact_video
{width: 100%;
margin-bottom: 100px;}

div.contact_video video
{width: 100%; height: auto;}

#myVideo::-webkit-media-controls {
    display: none !important;
  }
  
  #myVideo::-webkit-media-controls-play-button {
    display: none !important;
  }


/* 컨텍트 오시는 길 */
div.contact_come_container
{width: 90%;
margin: 100px auto;
margin-bottom: 150px;}

div.contact_come_container>div
{width: 100%;}

div.contact_come_container>div:nth-child(1)
{padding-bottom: 50px; margin-bottom: 50px;
border-bottom: 1px solid #d3d3d3; box-sizing: border-box;}

div.contact_come_container>div>div:nth-child(1)
{width: 50px; height: 50px;
border-radius: 50%;
background: #000;
margin-bottom: 15px;
display: flex;
align-items: center;
justify-content: center;}

div.contact_come_container>div>div:nth-child(1) img
{width: 25px; height: 25px;}

div.contact_come_container>div>p:nth-child(2)
{font-weight: bold; font-size: 1.5rem;
margin-bottom: 30px;}

div.contact_come_container>div>p:nth-child(3)
{color: #535353; line-height: 1.5rem;
word-break: keep-all;}


/* 서비스 */

/* 서비스 메인 */
div.service_visual_main
{width: 100%; height: 100vh;
position: relative;}

div.show_service_visual_title
{width: 90%;
position: absolute;
top: 50%; left: 5%;
transform: translateY(30%);
opacity: 0;
transition: all 1s;}

div.show_service_visual_title.on
{opacity: 1;
transform: translateY(-50%);}

div.service_visual_main>div:nth-child(1)>p
{font-size: 15rem; line-height: 15rem;
font-weight: bold;}

div.service_visual_main>div:nth-child(1)>p:nth-child(2)
{text-align: right;}

div.service_visual_main>p:nth-child(2)
{font-size: 1.5rem; line-height: 2rem;
position: absolute;
font-weight: bold;
bottom: 100px; left: 5%;}

/* 서비스 - 콘텐츠 박스 */
div.service_contetns_container
{width: 90%;
margin: 150px auto;}

div.service_contents_title
{width: 100%;
margin-bottom: 100px;}

div.service_contents_title>p
{text-align: center; font-size: 6rem; font-weight: bold; line-height: 6rem;}

div.service_contetns_box
{width: 100%;
display: flex;
align-items: flex-start;
padding-bottom: 50px; margin-bottom: 100px;
border-bottom: 1px solid #d3d3d3; box-sizing: border-box;}

div.service_contetns_box:last-child
{padding-bottom: 0; margin-bottom: 0;
border-bottom: none;}

div.service_contetns_text_box
{width: calc(100% - 650px);
margin-right: 100px;}

div.service_contetns_text_box>p:nth-child(1)
{font-size: 3.5rem; font-weight: bold;
margin-bottom: 50px;}

div.service_contetns_text_box>div:nth-child(2)>p
{line-height: 1.5rem; color: #949494;}

div.service_contetns_text_box>div:nth-child(2)>p
{margin-bottom: 30px; word-break: keep-all;}

div.service_contetns_text_box>div:nth-child(2)>p:last-child
{margin-bottom: 0;}

div.service_contetns_text_box>div:nth-child(2)>p span
{font-size: 1.3rem;
display: inline-block; line-height: 1.8rem;
margin-bottom: 5px;
color: #555; font-weight: 600;}

div.service_contetns_text_box>div:nth-child(3) {display: none;}

div.service_contetns_image_box
{width: 550px; height: 550px;}

div.service_contetns_image
{width: 100%; height: 100%;
border-radius: 10px;
overflow: hidden;}

div.service_contetns_image img
{width: 100%; height: 100%;
object-fit: cover;}

div.service_contetns_text_box_left
{width: calc(100% - 600px);
margin-left: 100px;}

div.service_contetns_text_box_left p
{text-align: right;
word-break: keep-all;}

div.service_contetns_text_box_left>p:nth-child(1)
{font-size: 3.5rem; font-weight: bold;
margin-bottom: 50px;}

div.service_contetns_text_box_left>div:nth-child(2)>p
{line-height: 1.5rem; color: #949494;}

div.service_contetns_text_box_left>div:nth-child(2)>p
{margin-bottom: 30px;}

div.service_contetns_text_box_left>div:nth-child(2)>p span
{font-size: 1.3rem; line-height: 1.8rem;
display: inline-block; margin-bottom: 5px;
color: #555; font-weight: 600;}

div.service_contetns_text_box_left>div:nth-child(2)>p:last-child
{margin-bottom: 0;}

div.service_contetns_text_box_left>div:nth-child(3) {display: none;}


/* 서비스 에니메이션 */
div.service_animation_text_container
{width: 100%;
margin: 150px 0;
overflow: hidden;}

div.service_animation_text_box
{width: 1000%;
white-space: nowrap;
font-size: 10rem;
will-change: transform;
font-weight: bold;
animation: marquee 120s linear infinite;}


@keyframes marquee {
    from {
      transform: translateX(0);
    }
  
    to {
      transform: translateX(-100%);
    }
  }


/* 서비스 프로세스 */
div.service_process_container
{width: 90%;
margin: 150px auto;
display: flex;
align-items: flex-start;
position: relative;}

div.service_process_title
{width: 390px;
margin-right: 100px;}

div.service_process_title>div:nth-child(1)
{width: 100%;
margin-bottom: 20px;}

div.service_process_title>div:nth-child(1) p
{font-size: 2rem; font-weight: bold;
line-height: 2.5rem;}

div.service_process_title>div:nth-child(2)
{display: flex;}

div.swiper-button-prev
{margin-right: 50px !important;}

div.swiper-button-prev
{width: 50px; height: 50px;
border-radius: 50%;
color: #d3d3d3 !important;
position: inherit;
top: 0; left: 0; right: 0;
margin: 0;
border: 1px solid #d3d3d3; box-sizing: border-box;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after
{display: none;}

div.swiper-button-next
{width: 50px; height: 50px;
border-radius: 50%;
color: #d3d3d3 !important;
position: inherit;
top: 0; left: 0;
margin: 0;
border: 1px solid #d3d3d3; box-sizing: border-box;}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after
{display: none;}

div.service_process_box
{width: calc(100% - 490px);}

div.service_process_contetns
{width: 100%;
border: 1px solid #d3d3d379; box-sizing: border-box;
border-radius: 5px;}

div.service_process_contetns_min_box
{width: calc(100% - 100px);
margin: 0 auto;
padding: 50px;}

div.service_process_contetns_min_box>div:nth-child(1)
{width: 100%;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin-bottom: 50px;}

div.service_process_contetns_min_box>div:nth-child(1)>div:nth-child(1)
{width: 40%; height: 0;
padding-bottom: 40%;
border-radius: 50%;
position: relative;
overflow: hidden;}

div.service_process_contetns_min_box>div:nth-child(1)>div:nth-child(1) img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.service_process_contetns_min_box>div:nth-child(1)>p:nth-child(2)
{width: 55%;
text-align: right;
line-height: 1.5rem; color: #535353;}

div.service_process_contetns_min_box>p:nth-child(2)
{font-size: 2.5rem; font-weight: bold;}



/* 서비스 이미지 */
div.service_image_box
{width: 90%;
margin: 200px auto;
display: flex;
flex-wrap: wrap;}

div.service_image_box>div
{width: 23.5%;
margin-right: 2%; margin-bottom: 2%;}

div.service_image_box>div:nth-child(4n+4)
{margin-right: 0;}

div.service_image_box>div>div:nth-child(1)
{width: 100%; 
padding-bottom: 100%;
border-radius: 10px;
transition: all 0.5s;
margin-bottom: 20px;
cursor: pointer;
position: relative;
overflow: hidden;}

div.service_image_box>div>div:nth-child(1) img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.service_image_box>div>div:nth-child(1):hover
{border-radius: 50%;}

div.service_image_box>div>p:nth-child(2)
{line-height: 2rem; color: #535353; text-align: center; font-weight: bold;}


/* 서비스 - 마지막 글 */
div.service_text_last_box
{width: 100%;
margin: 0 auto;
padding: 150px 0;
background: #f3f3f3;}

div.service_text_last_box p
{font-size: 2.5rem; line-height: 3rem;
word-break: keep-all; margin-bottom: 20px;
text-align: center;}

div.service_text_last_box p span {font-weight: bold;}

div.service_text_last_box>p:nth-child(2)
{color: #535353; font-size: 1.5rem;}

div.service_text_last_box>p:last-child
{margin-bottom: 0;}


/* 어바웃 연혁 추가 */
div.history_container
{width: 90%;
margin: 100px auto;}

div.history_title
{width: 100%;
margin-bottom: 50px;}

div.history_title>p:nth-child(1)
{font-size: 4rem; line-height: 4rem; font-weight: bold;}

div.history_contants_box
{width: 100%;
padding: 50px 0;
border-left: 1px solid #d3d3d3; box-sizing: border-box;}

div.history_containts_text
{width: calc(100% - 50px);
margin-left: 50px; padding-bottom: 50px;
position: relative;}

div.history_containts_text:last-child
{padding-bottom: 0;}

div.history_containts_text::before
{width: 15px; height: 15px;
border: 2px solid #000; border-radius: 50%;
content: " ";
background: #fff;
position: absolute;
top: 0.5rem; left: -60px;}

div.history_containts_text>p:nth-child(1)
{font-size: 2rem; font-weight: bold;
margin-bottom: 15px;}

div.history_containts_text>p:nth-child(1n+2)
{color: #535353;
line-height: 1.5rem; margin-bottom: 10px;
word-break: keep-all;}

div.history_containts_text>p:last-child
{margin-bottom: 0;}


/* 비전 */
div.vision_container
{width: 80%;
margin: 50px auto;
position: relative;}

div.vision_container>div:nth-child(1)
{width: 100%;
padding-bottom: 45%;
position: relative;
border-radius: 5px;
overflow: hidden;}

div.vision_container>div:nth-child(1)::before
{width: 100%; height: 100%;
background: linear-gradient(to right, #000, transparent);
content: "";
position: absolute;
top: 0; left: 0;
z-index: 2;
content: " ";}

div.vision_container>div:nth-child(1) img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.vision_container>div:nth-child(2)
{width: 90%;
position: absolute;
top: 10%; left: 5%;
z-index: 3;}

div.vision_container>div:nth-child(2) p {color: #fff;}

div.vision_container>div:nth-child(2)>p:nth-child(1)
{font-size: 1.2rem; font-weight: bold;
margin-bottom: 15px; color: #ffffff79;}

div.vision_container>div:nth-child(2)>p:nth-child(2)
{font-size: 3rem; font-weight: bold;
margin-bottom: 30px;}

div.vision_container>div:nth-child(2)>p:nth-child(3)
{font-size: 1.2rem; line-height: 2rem;}

/* 미션 */
div.mission_container
{width: 80%;
margin: 50px auto;
position: relative;}

div.mission_container>div:nth-child(1)
{width: 100%;
padding-bottom: 45%;
position: relative;
border-radius: 5px;
overflow: hidden;}

div.mission_container>div:nth-child(1)::before
{width: 100%; height: 100%;
background: linear-gradient(to left, #000, transparent);
content: "";
position: absolute;
top: 0; left: 0;
z-index: 2;
content: " ";}

div.mission_container>div:nth-child(1) img
{width: 100%; height: 100%;
object-fit: cover;
position: absolute;
top: 0; left: 0;}

div.mission_container>div:nth-child(2)
{width: 90%;
position: absolute;
top: 10%; right: 5%;
z-index: 3;}

div.mission_container>div:nth-child(2) p {color: #fff; text-align: right;}

div.mission_container>div:nth-child(2)>p:nth-child(1)
{font-size: 1.2rem; font-weight: bold;
margin-bottom: 15px; color: #ffffff79;}

div.mission_container>div:nth-child(2)>p:nth-child(2)
{font-size: 3rem; font-weight: bold;
margin-bottom: 30px;}

div.mission_container>div:nth-child(2)>p:nth-child(3)
{font-size: 1.2rem; line-height: 2rem;}

/* 상장 */
div.certificate_container
{width: 90%;
margin: 100px auto;
display: flex;
align-items: flex-start;
justify-content: space-between;}

div.certificate_container>div:nth-child(1)
{width: 35%;}

div.certificate_container>div:nth-child(1)>p:nth-child(1)
{font-size: 3rem; font-weight: bold;
margin-bottom: 20px;}

div.certificate_container>div:nth-child(1)>p:nth-child(2)
{color: #535353; line-height: 1.5rem;}

div.certificate_container>div:nth-child(2)
{width: 60%;}

div.certificate_container>div:nth-child(2) img
{width: 100%; height: auto;}


div.video_link_container
{width: 80%;
border-radius: 5px;
overflow: hidden;
margin: 150px auto;}

div.video_link_container video
{width: 100%; height: auto;}

p.copyright
{width: fit-content; max-width: 90%;
position: fixed;
bottom: 20px; left: 20px;
font-weight: 500; color: #535353;
z-index: 2;}

@media all and (min-width: 601px) {

    div.about_container_03_contents_01, div.about_container_03_contents_02
    {opacity: 1 !important;}

    div.about_show_01:hover .about_container_03_contents>div:nth-child(1)
    {transform: translateY(0);}

    div.about_show_02:hover .about_container_03_contents>div:nth-child(1)
    {transform: translateY(0);}
}


@media all and (min-width: 769px){

    /* 브랜드 홈페이지 */
    a.branding_product:hover div.hover_show_branding_text
    {top: 50%;}

    a.branding_product:hover::after
    {background: #000000af;}

    div.hover_show_branding_text>p:nth-child(3):hover
    {background: #000; color: #fff;}

    /* 브랜드 디테일 */
    a.product_href_btn:hover p
    {background: #fff;
    border: none; color: #000;}

    /* 브랜드 */
    a.space_more_btn:hover p
    {border: none;
    background: #000; color: #fff;}

    div.sns_container>a:hover
    {transform: translateY(-10px);}

    a.space_list_btn:hover p
    {border: none; background: #000; color: #fff;}

    a.show_space_image_box:hover img
    {transform: scale(1.02);}

    div.main_max_title_contants>a:nth-child(2):hover p
    {color: #fff; transform: translateY(-10px);}

    /* about */
    div.about_container_03>div:hover>div>p
    {transform: translateY(0);
    opacity: 1;}


}

@media all and (max-width: 1650px){

    div.service_visual_main
    {position: inherit;
    width: 90%; height: fit-content;
    margin: 0 auto;
    padding: 150px 0;}

    div.service_visual_main>div:nth-child(1)
    {position: inherit;
    top: 0; left: 0;
    transform: translateY(0);
    margin-bottom: 100px;}

    div.service_visual_main>div:nth-child(1)>p
    {font-size: 12rem; line-height: 12rem;}

    div.service_visual_main>div:nth-child(1)>p:nth-child(2)
    {text-align: left;}

    div.service_visual_main>p:nth-child(2)
    {position: inherit;
    top: 0; left: 0;}



}

@media all and (max-width: 1650px){

    div.service_visual_main>div:nth-child(1)>p
    {font-size: 11rem; line-height: 11rem;}

}

@media all and (max-width: 1420px){
    
    div.show_space_title_box>p:nth-child(1)
    {font-size: 2.8rem; line-height: 3.5rem;}

    div.about_container_01_text_box p
    {font-size: 4rem; line-height: 4rem;}

    div.about_container_02 div p 
    {font-size: 4rem;
    line-height: 4rem; margin-bottom: 25px;}

    div.vision_container
    {width: 90%;}

    div.mission_container
    {width: 90%;}
}

@media all and (max-width: 1345px){

    div.service_visual_main>div:nth-child(1)>p
    {font-size: 9rem; line-height: 9rem;}


}

@media all and (max-width: 1340px){

    /* 컨텍 */
    div.contact_text_container>div>p
    {font-size: 5rem; line-height: 6rem;}

}

@media all and (max-width: 1240px){

    /* header 시트 */
    nav.header_sheet_nav
    {width: fit-content; height: fit-content;
    position: absolute;
    bottom: 230px; left: 5%;}

    nav.header_sheet_nav ul
    {display: inherit; height: fit-content;}

    nav.header_sheet_nav ul li
    {width: 100%;
    border-left: none !important; border-right: none !important;}

    nav.header_sheet_nav ul li a div
    {width: 100%;
    position: inherit;
    bottom: 0; left: 0;
    margin-bottom: 30px;}

    nav.header_sheet_nav ul li a div::before
    {display: none;}

    nav.header_sheet_nav ul li:last-child a div
    {margin-bottom: 0;}

    nav.header_sheet_nav ul li a div p
    {width: 100%;
    margin: 0 !important;}

    div.sns_container
    {right: 2.5%; bottom: 50px;}

    div.header_company_container
    {width: 90%;
    left: 5%; bottom: 90px;}

     /* 컨텍 */
    div.contact_text_container
    {height: fit-content;
    margin: 160px auto;
    margin-bottom: 100px;}

    div.contact_text_container>div>p
    {font-size: 4.5rem; line-height: 5.5rem;}

    div.contact_text_container_02
    {display: inherit;
    margin-bottom: 100px;}

    div.contact_text_container_02>div:nth-child(1)
    {width: 100%;
    margin-bottom: 50px;}

    div.contact_text_company_container>div>p:nth-child(2)
    {width: calc(100% - 89px);
    word-break: keep-all;}


    /* space */
    /* main.space_page_main
    {display: inherit} */

    div.show_space_container
    {display: flex;
    flex-wrap: wrap;}

    a.show_space_image_box
    {width: 100%;
    padding-bottom: 56.36%;
    margin-bottom: 30px;
    order: 1;}

    div.show_space_title_box
    {width: 100%;
    order: 2;}

    /* 서비스 - 콘텐츠 */
    div.service_contetns_image_box
    {width: 400px; height: 400px;}

    div.service_contetns_text_box
    {width: calc(100% - 500px);}

    div.service_contetns_text_box_left
    {width: calc(100% - 500px);}

     /* 서비스 - 프로세스 */
    div.service_process_container
    {display: inherit;}
 
    div.service_process_title
    {width: 100%;
    margin-bottom: 50px;}

    div.service_process_box
    {width: 100%;}


    /* 서비스 - 이미지 */
    div.service_image_box>div
    {width: 32%;}

    div.service_image_box>div:nth-child(4n+4) {margin-right: 2%;}

    div.service_image_box>div:nth-child(3n+3) {margin-right: 0;}
    

}

@media all and (max-width: 1024px){
    
    /* 브랜드 */
    a.branding_product
    {width: 100%;
    padding-bottom: 57.29%;}

    div.product_detaile_visual_title_contailer
    {display: inherit;}

    div.product_detaile_visual_title_box>p:nth-child(2)
    {font-size: 2.5rem; line-height: 3rem;}

    a.product_href_btn
    {margin-top: 50px;}

    /* space 디테일 */
    div.space_detaile_visual_text_box
    {width: 90%;}

    p.space_detaile_visual_text_main_title
    {font-size: 2.5rem; line-height: 3rem;
    word-break: keep-all;}

    div.show_container_01_text_container
    {width: 90%;
    margin: 0 auto;}

    div.show_container_01_text_container p
    {text-align: center;
    width: 100%;}

    div.show_container_01_text_container>p:nth-child(2)
    {margin: 10px 0;}

    div.show_space_text_box p 
    {font-size: 5rem;}

    div.show_branding_text_box p
    {font-size: 5rem;}

    /* 메인 페이지 */
    div.main_max_title_contants
    {top: 100px; left: 0;}

    div.main_min_container
    {width: 90%; height: fit-content;
    position: absolute;
    bottom: 50px; right: 5%;
    display: inherit;
    border-right: none; border-left: none;}

    a.main_min_absolute 
    {width: 100%; height: fit-content;
    margin-bottom: 30px;
    border-right: none;}

    div.main_min_contents
    {opacity: 1 !important;}

    a.main_min_absolute:last-child
    {margin-bottom: 0;}
    
    div.main_min_contents
    {width: 100%;
    position: inherit;
    bottom: 0; left: 0;}

    div.main_min_contents p
    {text-align: right;}

    /* about */
    div.about_container_03
    {width: 100%; height: fit-content;
    flex-wrap: wrap;}

    div.about_container_03>div
    {width: 100%; height: 100vh;}

    div.about_container_03_contents>div:nth-child(1)
    {transform: translateY(0);}

    div.about_container_03_contents>p:nth-child(2)
    {opacity: 1;
    transform: translateY(0);}

    /* 메인 */
    div.main_max_title_contants
    {transform: translateY(0);}

    /* 서비스 - 콘텐츠 */
    div.service_contetns_box
    {flex-wrap: wrap;}

    div.service_contetns_text_box
    {width: 100%;
    margin: 0;
    margin-bottom: 50px;}

    div.service_contetns_image_box
    {width: 100%; height: fit-content;
    order: 2;}

    div.service_contetns_image
    {width: 100%;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden;}

    div.service_contetns_image img
    {width: 100%; height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0; left: 0;}

    div.service_contetns_text_box_left
    {width: 100%;
    order: 1; margin: 0;
    margin-bottom: 50px;}

    div.service_contetns_text_box_left p
    {text-align: left;}


    /* 서비스 - 이미지 */
    div.service_image_box>div
    {width: 49%;}

    div.service_image_box>div:nth-child(4n+4) {margin-right: 2%;}

    div.service_image_box>div:nth-child(3n+3) {margin-right: 2%;}

    div.service_image_box>div:nth-child(2n+2) {margin-right: 0;}

    div.vision_container>div:nth-child(1)
    {padding-bottom: 60%;}

    div.vision_container>div:nth-child(2)>p:nth-child(2)
    {font-size: 2.5rem;}

    div.vision_container>div:nth-child(2)>p:nth-child(3)
    {font-size: 1rem; line-height: 1.5rem;}
    
    div.mission_container>div:nth-child(2)>p:nth-child(2)
    {font-size: 2.5rem; word-break: keep-all;}

    div.mission_container>div:nth-child(1)
    {padding-bottom: 60%;}

    div.mission_container>div:nth-child(2)>p:nth-child(3)
    {font-size: 1rem; line-height: 1.5rem;}

    /* 상장 */
    div.certificate_container
    {display: inherit;}

    div.certificate_container>div:nth-child(1)
    {width: 100%;
    margin-bottom: 30px;}

    div.certificate_container>div:nth-child(2)
    {width: 100%;}


    /* div.video_link_container
    {display: inherit;
    overflow: hidden;}

    div.video_link_container>div:nth-child(1)
    {margin-bottom: 50px;}

    div.video_link_container>a:nth-child(2)
    {float: right;} */
    

}

@media all and (max-width: 768px){

    html {font-size: 15px;}

    a.header_logo
    {width: 140px;}

    div.header_top_container>p:nth-child(2) {display: none;}

    nav.header_sheet_nav ul li a div
    {margin-bottom: 15px;}

    nav.header_sheet_nav ul li a div>p:nth-child(1)
    {font-size: 0.9rem; line-height: 1rem;
    margin-bottom: 5px;}

    nav.header_sheet_nav ul li a div>p:nth-child(2)
    {font-size: 1.3rem; line-height: 2rem;}

    div.header_company_container>div>p
    {font-size: 0.9rem;}

    /* 컨텍 */
    div.contact_text_container>div>p
    {font-size: 2.5rem; line-height: 3.5rem;}
    
    /* 브랜딩 */
    div.branding_container
    {margin-top: 60px;}

    a.branding_product::after
    {background: #00000069;}

    div.hover_show_branding_text
    {top: 50%;}

    div.hover_show_branding_text>p:nth-child(1)
    {margin-bottom: 5px; line-height: 1rem;}

    div.hover_show_branding_text>p:nth-child(2)
    {font-size: 1.3rem;
    margin-bottom: 20px; line-height: 2rem;}

    div.hover_show_branding_text>p:last-child
    {background: #000; color: #fff;}

    /* 브랜딩 디테일 */
    div.product_detaile_visual_container
    {margin-top: 60px;
    margin-bottom: 50px;}

    div.product_detaile_visual_title_contailer
    {bottom: 50px;}

    div.product_detaile_visual_title_box>p:nth-child(1)
    {font-size: 0.9rem;
    margin-bottom: 5px;}

    div.product_detaile_visual_title_box>p:nth-child(2)
    {font-size: 1.6rem; line-height: 2.3rem;}

    a.product_href_btn
    {margin-top: 30px;}

    a.product_href_btn p
    {padding: 10px 20px;}

    /* space */
    div.show_space_container
    {margin-bottom: 50px;}

    main.space_page_main
    {width: 100%; height: 100vh;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;}

    div.show_space_title_box>p:nth-child(1)
    {font-size: 2rem; line-height: 2.5rem;}

    a.space_more_btn p
    {border: none; background: #000; color: #fff;}

    /* space detaile */
    div.space_detaile_visual_box
    {margin-bottom: 50px;
    margin-top: 60px;}

    p.space_detaile_visual_text_main_title
    {font-size: 2rem; line-height: 2.5rem;}

    div.space_detail_visual_text_min_title
    {padding-bottom: 0;
    display: inherit;
    border: none;}

    div.space_detail_visual_text_min_title>div:nth-child(2)
    {margin: 15px 0;}

    div.space_detaile_image_box
    {margin-bottom: 50px;}

    a.space_list_btn
    {margin-bottom: 80px;}

    a.space_list_btn p
    {border: none; background: #000; color: #fff;
    padding: 15px 30px;}

    /* 메인 */
    section.show_section
    {width: 100%; height: 100vh;
    position: relative;}

    div.show_container_01_text_container p
    {font-size: 4rem; line-height: 4rem;}

    div.show_space_text_box p {font-size: 4rem; line-height: 4.5rem;}

    div.show_branding_text_box p {font-size: 3rem; line-height: 3.5rem;}
    

    /* 메인 페이지 */
    /* div.main_container
    {height: fit-content;
    margin-top: 60px;}

    div.main_container video
    {position: inherit;
    top: 0; left: 0;
    margin-bottom: 30px;}

    #main_video
    {width: 100%; height: auto;}

    div.main_max_title_container
    {position: relative;}

    div.main_min_container
    {width: 90%;
    margin: 0 auto;
    position: inherit;
    bottom: 0; right: 0;}

    div.main_max_title_contants
    {top: 0; left: 0;}

    div.main_min_container
    {margin-top: 150px; padding-bottom: 100px;}

    div.main_max_title_contants>p {color: #000 !important;}

    div.main_max_title_contants>a>p {color: #000 !important;}

    div.main_min_contents>p:nth-child(1) {color: #000;}

    div.main_min_contents>p:nth-child(2) {color: #000;} */
    
    div.main_max_title_contants 
    {top: 50px;}

    div.main_min_container
    {bottom: 100px;}
    
    /* 서비스 */
    div.service_visual_main
    {padding: 80px 0;
    padding-top: 190px;}

    div.service_visual_main>div:nth-child(1)
    {margin-bottom: 30px;}

    div.service_visual_main>div:nth-child(1)>p
    {font-size: 5rem; line-height: 5rem;}

    div.service_animation_text_container
    {margin: 50px 0;}

    div.service_process_container
    {margin: 80px auto;}

    div.service_process_contetns_min_box
    {width: 90%;
    margin: 0 auto;
    padding: 5%;}

    /* 서비스 설명 */
    div.service_contetns_container
    {margin: 80px auto;}

    div.service_process_contetns_min_box
    {display: inherit;}

    div.service_process_contetns_min_box>div:nth-child(1)
    {display: inherit;
    margin-bottom: 30px;}

    div.service_process_contetns_min_box>div:nth-child(1)>div:nth-child(1)
    {margin-bottom: 15px;}

    div.service_process_contetns_min_box>div:nth-child(1)>p:nth-child(2)
    {width: 100%;
    text-align: left;}

    div.service_contents_title
    {margin-bottom: 40px;}

    div.service_contents_title>p
    {font-size: 4rem; line-height: 4rem;}

    div.service_contetns_box
    {margin-bottom: 50px;}

    div.service_contetns_text_box
    {margin-bottom: 30px;}

    div.service_contetns_text_box>p:nth-child(1)
    {font-size: 2.5rem;
    margin-bottom: 30px;}

    div.service_contetns_text_box_left>p:nth-child(1)
    {font-size: 2.5rem;}

    div.service_contetns_text_box_left
    {margin-bottom: 30px;}

    div.service_contetns_text_box_left>p:nth-child(1)
    {font-size: 2.5rem;
    margin-bottom: 30px;}

    div.service_animation_text_box
    {font-size: 3rem;}

    div.service_image_box
    {margin: 80px auto;}

    div.service_text_last_box
    {padding: 80px 0;}

    div.service_text_last_box p
    {width: 90%;
    margin: 0 auto;
    font-size: 1.7rem; line-height: 2rem;}

    div.service_text_last_box>p:nth-child(1)
    {margin-bottom: 20px;}

    div.service_text_last_box>p:nth-child(2)
    {font-size: 1rem; line-height: 1.5rem; word-break: keep-all;}

    div.service_contetns_text_box>div:nth-child(2)
    {display: none;}

    div.service_contetns_text_box>div:nth-child(3)
    {display: block;}

    div.service_contetns_text_box>div:nth-child(3)>p
    {margin-bottom: 20px;
    word-break: keep-all; line-height: 1.5rem; color: #949494;}

    div.service_contetns_text_box>div:nth-child(3)>p:last-child
    {margin-bottom: 0;}

    div.service_contetns_text_box>div:nth-child(3)>p span
    {font-size: 1.3rem; font-weight: bold; color: #555; word-break: keep-all;
    line-height: 2rem;
    display: inline-block; margin-bottom: 5px;}

    div.service_contetns_text_box_left>div:nth-child(2)
    {display: none;}

    div.service_contetns_text_box_left>div:nth-child(3)
    {display: block;}

    div.service_contetns_text_box_left>div:nth-child(3)>p
    {margin-bottom: 20px;
    word-break: keep-all; line-height: 1.5rem; color: #949494;}

    div.service_contetns_text_box_left>div:nth-child(3)>p:last-child
    {margin-bottom: 0;}

    div.service_contetns_text_box_left>div:nth-child(3)>p span
    {font-size: 1.3rem; font-weight: bold; color: #555; word-break: keep-all;
    line-height: 2rem;
    display: inline-block; margin-bottom: 5px;}


    /* 서비스 연혁 */
    div.history_container
    {width: 90%;
    margin: 80px auto;}
    
    div.certificate_container
    {margin: 80px auto;}
    
    div.vision_container>div:nth-child(1)::before
    {display: none;}

    div.vision_container>div:nth-child(2)
    {width: 100%;
    border-top: 1px solid #d3d3d3; box-sizing: border-box;
    margin-top: 20px; padding-top: 20px;
    position: inherit;
    left: 0; top: 0;}

    div.vision_container>div:nth-child(2)>p:nth-child(1)
    {color: #00000081;}

    div.vision_container>div:nth-child(2)>p:nth-child(2)
    {color: #000; font-size: 2rem; margin-bottom: 20px;}

    div.vision_container>div:nth-child(2)>p:nth-child(3)
    {color: #535353;}

    div.mission_container>div:nth-child(1)::before
    {display: none;}

    div.mission_container>div:nth-child(2)
    {width: 100%;
    border-top: 1px solid #d3d3d3; box-sizing: border-box;
    margin-top: 20px; padding-top: 20px;
    position: inherit;
    left: 0; top: 0;}

    div.mission_container>div:nth-child(2)>p:nth-child(1)
    {color: #00000081;}

    div.mission_container>div:nth-child(2)>p:nth-child(2)
    {color: #000; font-size: 2rem; margin-bottom: 20px;}

    div.mission_container>div:nth-child(2)>p:nth-child(3)
    {color: #535353;}

    div.video_link_container
    {margin: 80px auto;
    width: 90%;}

    div.video_link_container>div:nth-child(1)>p:nth-child(1)
    {font-size: 3rem; line-height: 3rem;
    margin-bottom: 15px;}

    div.video_link_container>div:nth-child(1)
    {margin-bottom: 30px;}
    

}

@media all and (max-width: 600px) {


    div.main_max_title_contants>p:nth-child(1)
    {word-break: keep-all;
    margin-bottom: 20px;}

    div.main_max_title_contants>a:nth-child(2)>p
    {color: #fff;}

    a.main_min_absolute
    {margin-bottom: 20px;}
    
    div.main_min_container
    {width: fit-content;}

    div.main_min_contents p
    {text-align: right !important;}

    div.main_min_contents>p:nth-child(2)
    {font-size: 2rem; line-height: 2rem;}

    div.about_container_01_text_box p
    {font-size: 3rem; line-height: 3.5rem;
    word-break: keep-all;
    color: #fff;}

    div.about_container_01 video
    {width: 100%; height: 100vh !important;
    object-fit: cover;}

    div.about_container_02 div p
    {font-size: 3rem; line-height: 3.5rem;
    word-break: keep-all;
    margin-bottom: 20px;
    transition: all 0.5s;}

    div.about_container_02
    {width: 100%; height: fit-content !important;
    padding: 100px 0;}

    div.about_container_04_title>p
    {font-size: 3rem; line-height: 3rem;
    word-break: keep-all;}

    div.service_image_box>div
    {width: 100%;
    margin-right: 0; margin-bottom: 30px;}

    /* 상장 */
    div.certificate_container>div:nth-child(2)
    {display: initial;}


    p.copyright
    {left: 5%;}

    div.service_contetns_text_box>p:nth-child(1)
    {text-align: center;}

    div.service_contetns_text_box_left>p:nth-child(1)
    {text-align: center;}

    div.service_text_last_box>p:last-child
    {font-size: 0.8rem;}


}