@charset "utf-8";



.wrap { width: 100%; height: 100%; overflow-y: auto; }

/*===== header =====*/
.header { display: flex; flex-direction: column; background: #fff; border-bottom: 1px solid #d5d5d5; }
.header-top { display: flex; justify-content: center; align-items: center; height: 90px; }
.header-top .logo { font-size: 0; width: 240px; }
.header-top .logo a { width:100%; height: 100%; }
.header-top .logo img { width: 100%; }
.header .btn_menu { display: none; position: absolute; right: 25px; width: 24px; height:24px; background: url('../images/icon_menu.png') no-repeat center center; background-size: 100%; font-size: 0; }

.header.__main .btn_menu { background: url('../images/icon_menu_main.png') no-repeat center center; background-size: 100%; }

.gnb { display: flex; justify-content: center; align-items: center; height: 80px; }
.gnb ul { display: flex; column-gap: 60px; }
.gnb ul > li { font-size: 1.125rem; } 
.gnb ul > li > a { padding: 16px; color: #333333; }

.gnb_mb { pointer-events: none; position: fixed; top: 0; /*left: -100%;*/ z-index: 99999; width: 100%; height: 100%; }
.gnb_mb::before { content: ''; opacity: 0; position: absolute; top:0; left: 0; width: 100%; height: 100%; background: rgba(85, 85, 85, 0.9); transition: opacity .4s ease .2s; }
.gnb_mb.on { pointer-events: auto; display: block; }
.gnb_mb.on::before { opacity: 1; }
.gnb_mb.on .btn_close { opacity: 1; }
.gnb_mb.on > nav { transform: translateX(0); }
.gnb_mb .btn_close { opacity: 0; position: absolute; right: 0; width: 67px; height: 80px; font-size: 0; transition: opacity .4s ease .2s; }
.gnb_mb .btn_close::before, 
.gnb_mb .btn_close::after { content: ''; position: absolute; top:50%; left: 50%; width: 2px; height: 20px; background: var(--gray-main); border-radius: 10px; }
.gnb_mb .btn_close::before { transform: translate(-50%, -50%) rotate(45deg); }
.gnb_mb .btn_close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.gnb_mb > nav { transition: transform .4s ease; position: absolute; top:0; left: 0; transform: translateX(-100%); width: calc(100% - 67px); height: 100%; background: #fff; }
.gnb_mb > nav > ul { display: flex; flex-direction: column; }
.gnb_mb > nav > ul > li { padding: 15px 16px; border-bottom: 1px solid var(--gray-main); }
.gnb_mb > nav > ul > li > a { display: block; width: 100%; height: 50px; line-height: 48px; font-size: 1.125rem; color: #000; }
.gnb_mb > nav > .gnb_mb_logo { display: flex; align-items: center; width: 100%; height: 80px; padding: 0 16px; border-bottom: 1px solid var(--gray-main); }
.gnb_mb > nav > .gnb_mb_logo > a { display: inline-block; width: 120px; }

.footer { display: flex; justify-content: center; align-items: center; height: 120px; background: var(--primary); border-top: 1px solid #ededed; font-size: 1rem; }
.footer * { color: var(--gray-main); }
.footer > .inner { display: flex; justify-content: space-between; width: 1200px; }
.footer .info { display: flex; justify-content: space-between; align-items: center; flex: 1; }
.footer .info .logo { position: relative; height: 82px; display: flex; align-items: center; }
.footer .info .logo > a > img { width: 100%; height: 100%; object-fit: contain; }
.footer .info .terms { display: flex; }
.footer .info .terms > li { padding: 0 26px; }
.footer .info .terms > li::after { content: ''; position: absolute; top:50%; right:0; transform: translate(0, -50%); width: 1px; height: 10px; background: var(--gray-main); }
.footer .info .terms > li:last-child { padding-right: 0; }
.footer .info .terms > li:last-child::after { display: none; }
.footer .sns { display: flex; align-items: center; column-gap: 15px; padding-left: 38px; }
.footer .copyright { width: 100%; height:50px; line-height: 48px; padding: 0 24px; }
.footer .copyright > span { font-size: 0.875rem; color: var(--gray-sub-03); }
.footer .btn_top { opacity: 0; transition: all 0.5s ease; position: fixed; bottom: 120px; right: 0; z-index: 99999; width: 60px; height: 60px; background: rgba(163, 163, 163, 0.3); font-size: 0; }
.footer .btn_top::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 30px; height: 30px; background: url('../images/icon_arrow.png') no-repeat center center; background-size: 100%; }
.footer .btn_top.on { opacity: 1; }
.footer.__main { background: var(--gray-main-lighter); }
.footer.__main * { color: var(--gray-sub-02); }
.footer.__main .info .terms > li::after { background: var(--gray-sub-02); }
.footer.__main .copyright > span { font-size: 0.875rem; color: var(--gray-sub-02); }
.footer.__main .btn_sns { border-color: var(--gray-sub-02); }
.footer.__main .btn_sns.kakao { background: url('../images/icon_sns_kakao_footer.svg') no-repeat center center; background-size: 24px; }
.footer.__main .btn_sns.insta { background: url('../images/icon_sns_insta_footer.svg') no-repeat center center; background-size: 24px; }

.btn_sns { display: inline-block; float: left; width: 48px; height: 48px; border: 1px solid var(--gray-main); border-radius: 50%; }
.btn_sns.kakao { background: url('../images/icon_sns_kakao.png') no-repeat center center; background-size: 24px; }
.btn_sns.insta { background: url('../images/icon_sns_insta.png') no-repeat center center; background-size: 24px; }

/* .show_w.show_t { display: block!important; } */
.show_w.show_t { display: flex!important; justify-content: center; }
.show_t { display: none!important; }
.show_m { display: none!important; }    

.carousel_wrap.show_w.show_t { display: flex; }
.carousel_wrap.show_m { display: flex; }


/*===== common =====*/
h1.tit { font-size: 2.75rem; font-weight: 700; }
h2.tit { font-size: 2.5rem; font-weight: 700; }
h3.tit { font-size: 2rem; font-weight: 600; }
h4.tit { font-size: 1.5rem; font-weight: 600; }

.txt { font-size: 1.125rem; }
.txt_sm { font-size: 1rem; }
.txt_cap { font-size: 0.875rem; }
.txt_notice { font-size: 0.75rem }

h1, h2 { line-height: 120%; }
h3, h4 { line-height: 130%; }

.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 12px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb12 { margin-bottom: 12px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.fa_c { justify-content:center; }

.ta_l { text-align: left; }
.ta_c { text-align: center; }
.ta_r { text-align: right; }

.t_line { text-decoration: underline; }

.c_gray02 { color: var(--gray-sub-02); }
.c_gray03 { color: var(--gray-sub-03); }
.c_point { color: var(--primary); }
.subTit { color: var(--sub-tit); }
.goods_tit { display: inline-block; border-bottom: 1px solid var(--primary); }

.fade-up {
  opacity: 0;
  transform: translateY(60px); /* 시작점 */
  transition: all 1s cubic-bezier(0.25, 0.1, 0.25, 1); /* 더 부드러운 easing */
}

.fade-up.on {
  opacity: 1;
  transform: translateY(0); /* 목표 위치 */
}

.pos_c { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
[class*='_img_'] { border-radius: 10px; }

/* .flex_wrap, section { border: 1px solid black; } */

.flex_wrap { display: flex; gap: 50px 40px; padding:0 0 100px 0; width: 100%; }
.flex_wrap.d_column { flex-direction: column; }
.flex_wrap > div, .flex_wrap > ul { width: 100%; /*border: 1px solid #ddd;*/ }

.flex_wrap .btn_wrap { display: flex; }
.flex_wrap .btn_wrap a { line-height: 30px; }

section { display: flex; }

.def_wrap { display: flex; flex-direction: column; row-gap: 40px; }
.def_wrap dt, .def_wrap dd { display: flex; flex-direction: column; row-gap: 12px;  }
.def_wrap dd > button, .def_wrap dd > a { align-self: start; }
.def_wrap dd > a { line-height:30px; }

.contents.__main { width: unset; }
.contents .inner { /*border: 1px solid red;*/ max-width: 1200px; margin: 0 auto; }

.inner > .flex_wrap:first-child { padding-top: 100px; }

/* tabs */ 
.tab { display: flex; flex-direction: column; align-items: center; }
.tab_item { display: flex; justify-content: center; width: 100%; column-gap: 20px; padding: 30px 0; }
.tab_item > li { width: 150px; height: 50px; border: 1px solid var(--gray-main); border-radius: 100px; text-align: center; line-height: 48px; }
.tab_item > li > a { display: inline-block; width: 100%; height: 100%; color: var(--primary); }
.tab_item > li.on { background: var(--primary); }
.tab_item > li.on > a { color: #fff; }
.tab_content > div { display: none; flex-direction: column; align-items: center; }
.tab_content > div.on { display: flex; } 

/* carousel, slide */ 
.carousel_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center; row-gap: 40px; }
.carousel_box { overflow: hidden; width: 100%; height: auto; /*height: 433px;*/ /*width: calc(100% - 80px); max-width: 1080px; height: 500px;*/ margin: 0 auto; }
.carousel_box .carousel_item { display: flex; height: 100%; transition: all 1s ease-out; }
/* .carousel_box .carousel_item > li { border-radius: 10px; } */
.carousel_box .carousel_item > li img { height: 100%; object-fit: cover; /*object-fit: contain;*/ }
.carousel_box .carousel_item .list_wrap { height: 100%; }
.carousel_box .carousel_item .list_wrap > li { border-radius: 0; }
.carousel_btn { position: absolute; top: calc(50% - 50px); transform: translate(0, -50%); width: 100%; }
.carousel_btn button { position: absolute; width: 66px; height: 66px; background: rgba(223, 223, 223, 0.5); font-size: 0; }
.carousel_btn button::before { content: ''; position: absolute; top: 50%; left: 50%; transform: rotate(90deg) translate(-50%, 35%); width: 30px; height: 30px; background: url('../images/icon_arrow.png') no-repeat center center; background-size: 100%; }
.carousel_btn .prev { left: 0; transform: scaleX(-1); }
.carousel_btn .next { right: 0; }
.carousel_dots { display: flex; column-gap: 16px; }
.carousel_dots li { width: 12px; height: 12px; background: #e8e8e8; border-radius: 50%; font-size: 0; cursor: pointer; }
.carousel_dots li.on { background: #406467; }

/*===== button =====*/
.btn_goto { position: relative; display: inline-block; min-width:250px; padding-bottom: 20px; border-bottom: 1px solid var(--gray-main); text-align: left; font-size: 1.375rem; font-weight: 600; color: var(--gray-main); }
.btn_goto::after { content: ''; position: absolute; right: -3px; bottom: 6px; transform: rotate(45deg); width: 20px; height:1px; background: var(--gray-main);}

[class *= 'button_'] { min-width: 120px; height: 50px; padding: 9px 16px; background: #fff; border-radius: 5px; color: var(--primary); font-size: 1.125rem; }
[class *= '_rounded'] { border-radius: 100px; }
[class *= '_lg'] { padding: 9px 42px; }
[class *= '_outlined'] { border: 1px solid var(--primary); }
[class *= '_outlined']:hover { background: var(--primary); color: var(--text-w);  }
[class *= '_primary'] { background: var(--primary); color: var(--text-w); }
[class *= '_secondary'] { border: 1px solid var(--gray-main); }
[class *= '_sm'] { min-width: 60px; height: 30px; font-size: 0.75rem; }

/* list */
.list_wrap { display: flex; flex-wrap: wrap; column-gap: 40px; }
.list_wrap > li { width: calc((100% - 40px) / 2); border-radius: 10px; overflow: hidden; }
.list_wrap.col-3 { row-gap: 64px; column-gap: 16px; }
.list_wrap.col-3 > li { width: calc((100% - 32px) / 3); }
.list_wrap.card > li { border: 1px solid var(--gray-sub-04); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.02); }

.info_card { display: flex; flex-direction: column; align-items: center; row-gap: 12px; height: 100%; text-align: center; }
.info_card dt, .info_card dd { width: 100%; }
.info_card dt img { width: 100%; height: 100%; object-fit: cover; }
.info_card dd { display: flex; flex-direction: column; row-gap: 8px; font-size: 1.125rem; }
.info_card dd .num { font-size: 1.25rem; font-weight: 600; }


/*===== main =====*/
.intro_wrap { display: flex; overflow: hidden; width: 100%; height: 100vh; /*height: calc(100vh - 290px);*/ }
.intro_wrap > section { display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: 100%; transition: all 1.5s; } 
.intro_wrap > section:nth-child(1) { background: url('../images/main/intro_01.png') no-repeat center center; background-size: cover; }
.intro_wrap > section:nth-child(2) { background: url('../images/main/intro_02.png') no-repeat center center; background-size: cover; }
.intro_wrap > section .content { text-align: center; color: var(--gray-main); }
.intro_wrap > section .content .tit { color: var(--text-w); margin-bottom: 50px; }

.intro_wrap > section.hover { width: 80%; }
.intro_wrap > section.not-hover { width: 20%; }
.intro_wrap > section.not-hover .content { opacity: 0; }

/*===== about =====*/
.about_sec1 { width: 100%; height: 880px; padding: 100px 0; background: url('../images/about/about_bg_01.png') no-repeat center center; background-size: cover; }
.about_sec1 .inner { width: 100%; height: 100%; }
.about_sec1 video { position: absolute; top:0; left: 0; object-fit: cover; }
.about_sec2 { width: 100%; height: 570px; background: url('../images/about/about_bg_02.png') no-repeat center center; background-size: cover; }
.about_sec2 .about_slogan { width: 300px; height: 100%; background: url('../images/logo_vertical.svg') no-repeat center center; background-size: 100%;  }
.about_sec4 .about_img_01 { width: 100%; height: 500px; background: url('../images/about/about_img_01.png') no-repeat center center; background-size: cover; }
.about_sec5 { row-gap: 20px; padding-bottom: 160px; }
.about_sec5 > div:nth-child(1) { padding-bottom: 0; }
.about_sec5 > div:nth-child(2) { align-self: flex-end; width: 50%; padding-left: 24px; }
.about_sec5 .about_img_02 { width: 100%; height: 600px; background: url('../images/about/about_img_02_1.png') no-repeat 80% center; background-size: cover; }
.about_sec5 .about_img_03 { width: 100%; height: 487px; background: url('../images/about/about_img_02_2.png') no-repeat center center; background-size: cover; }
.about_sec5.show_w { column-gap: 40px; }
.about_sec5.show_w > div { width: 50%; }
.about_sec5.show_w > div:nth-child(2) { display: flex; flex-direction: column; row-gap: 50px; padding-left: 0; }
.about_sec5.show_w .about_img_02 { height: 100%; }
.about_sec5.show_w .about_img_03 { height: 397px; }

/*===== product =====*/
/* .__product .flex_wrap { padding: 0 0 100px 0; } */
/* .__product .inner .flex_wrap:first-child { padding-top: 100px; } */
.sec_product_top { justify-content: center; width: 100%; height: 1370px; padding-top: 70px; text-align: center; background: url('../images/product/product_top_bg.png') no-repeat center center; background-size: cover; }
.sec_product_top .des { color: var(--primary); }
.sec_product_top .des > .txt { margin-bottom: 16px; }
.sec_product_top2 { padding-bottom: 100px; background: #fbf9f5; }
.sec_product_top2 video { object-fit: cover; height: 680px; }
.sec_product1, .sec_product2 { align-items: flex-end; } 
.sec_product1 .lbox, .sec_product2 .rbox { width: 700px; } 
.sec_product1 .rbox, .sec_product2 .lbox { flex: 1; display: flex; flex-direction: column; row-gap: 40px; } 
.sec_product1 .product_img_01 { width: 100%; height:550px; background: url('../images/product/product_img_01.png') no-repeat center center; background-size: cover; } 
.sec_product2 .product_img_02 { width: 100%; height:550px; background: url('../images/product/product_img_02.png') no-repeat center center; background-size: cover; } 
.sec_product3 { height: 677px; padding-bottom: 0 }
.sec_product3 .inner { height: 100%; }
.sec_product3 video { object-fit: cover; }

.sec_product4.flex_wrap { padding-top: 70px!important; }

.sec_product5 { gap: 30px; }
.pic_thumb, .pic_list { height: 500px; }
.pic_thumb { overflow: hidden; border-radius: 10px; }
.pic_thumb img, 
.pic_list > li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.pic_list { display: flex; flex-wrap: wrap; gap: 30px; }
.pic_list > li { overflow: hidden; width: calc((100% - 30px)/ 2); border-radius: 10px; cursor: pointer; }
.pic_list > li:hover { transform: scale(); }
.pic_list > li::before { content: ''; display: block; position: absolute; top:0; left:0; z-index: 1; width: 100%; height: 100%; background: rgba(85, 85, 85, 0.6); opacity: 0; transition: opacity 0.3s ease; }
.pic_list > li::after { content: ''; display: block; opacity: 0; position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); width: 36px; height:36px; background: url('../images/icon_plus.png') no-repeat center center; background-size: 100%; }
.pic_list > li:hover::before, .pic_list > li:hover::after { opacity: 1; }
.pic_list > li:hover img { transform: translate(-50%, -50%) scale(1.1); }

.sec_product4 .info_card dt { height: 360px; }
.sec_product4 .carousel_wrap.show_m { row-gap: 20px; }
.sec_product4 .carousel_wrap.show_m .list_wrap { gap: 20px 12px; } 
.sec_product4 .carousel_wrap.show_m .list_wrap > li { width: calc((100% - 12px) / 2); }
.sec_product4 .carousel_wrap.show_m .info_card dt { height: 168px; }
.sec_product4 .carousel_wrap.show_m .carousel_btn { top: unset; bottom: 16px; }


.sec_product6 .sec_product6_bg { width: 100%; height: 948px; background: url('../images/product/product_img_05.png') no-repeat 40% center; background-size: cover;}
.sec_product6 .def_wrap { position: absolute; top: calc(50% - 100px); left: 50%; transform: translate(0, -100px); padding-right: 18px; color: var(--text-w); }

.sec_product7 .goods { width: 825px; }
.sec_product7 .goods img { width: 100%; height: 100%; object-fit: cover; }
.sec_product7 .goods_tit { margin: 30px 0; }

.inner > .sec_product8.flex_wrap:first-child { padding-top: 50px; }

.sec_product8 .carousel_wrap.show_m { row-gap: 20px; }
.sec_product8 .carousel_wrap.show_m .list_wrap { width: 80%; margin: 0 auto; gap: 20px 12px; } 
.sec_product8 .carousel_wrap.show_m .list_wrap > li { width: calc((100% - 12px) / 2); }
.sec_product8 .carousel_wrap.show_m .info_card { justify-content: flex-end; }
.sec_product8 .carousel_wrap.show_m .info_card dt { width: 55%; }
.sec_product8 .carousel_wrap.show_m .info_card dd { min-height: 50px; }
.sec_product8 .carousel_btn { top: 50%; }
.sec_product8 .info_card dt { width: 100%; max-height: 387px; }
.sec_product8 .info_card dt img { object-fit: contain; }
.sec_product8 .goods_tit { margin: 0 0 40px 0; }

.sec_product8.white { padding-bottom: 0; }
.sec_product8.on { display: flex; height: auto; visibility: visible; padding-top: 50px; padding-bottom: 50px; } 

.sec_product8,
.sec_product9,
.sec_product10 { flex-direction: column; text-align: center; padding-bottom: 50px; border-top: 1px solid var(--gray-main); }

.sec_product9, .sec_product10 {  padding-top: 50px; }
.sec_product9 .assy { display: flex; justify-content: center; column-gap: 50px;}
.sec_product9 .assy dl { display: flex; flex-direction: column; row-gap: 35px; justify-content: flex-end; }
.sec_product9 .assy .info_card img { object-fit: contain; }

.sec_product10 { padding-bottom: 100px; }
.sec_product10 .list_wrap > li { height: 500px }
.sec_product10 .list_wrap > li img { height: 100%; object-fit: cover; }
.sec_product10 .list_wrap { display: none; }
.sec_product10.black .black_on { display: flex; }
.sec_product10.black .white_on { display: none; }
.sec_product10.white .white_on { display: flex; }
.sec_product10.white .black_on { display: none; }

/*===== collaboration =====*/
.__collabo .top_banner { text-align: center; width: 100%; height: 514px; background: url('../images/collaboration/top_banner.png') no-repeat center center; background-size: cover; }
.__collabo .top_banner h1 { width: 100%; padding: 0 24px; color: var(--primary); }
.__collabo .sec_collabo .list_wrap { text-align: center; row-gap: 50px; column-gap: 56px; }
.__collabo .sec_collabo .list_wrap.col-3 > li { width: calc((100% - 112px) / 3); }
.__collabo .sec_collabo .list_wrap .img { width: 100%; height: 400px; }
.__collabo .sec_collabo .list_wrap .img img { width: 100%; height: 100%; object-fit: cover; }
.__collabo .sec_collabo .list_wrap .des { padding: 32px 24px; }
.__collabo .sec_collabo .list_wrap .des h3 { margin-bottom: 12px; }
.__collabo .collabo_img_01 { width: 100%; height: 500px; background: url('../images/collaboration/collabo_img_02.png') no-repeat center center; background-size: cover; } 
.__collabo .sec_contact { padding: 48px 0; }
.__collabo .sec_contact .def_wrap { width: 100%; row-gap: 48px; }
.__collabo .sec_contact .list_wrap { row-gap: 30px; }
.__collabo .sec_contact .list_wrap li { padding: 32px; background: #fff; }
.__collabo .sec_contact .list_wrap li .tit { font-size: 1.56rem; font-weight: 600; margin-bottom: 24px; }
.__collabo .sec_contact .list_wrap li .icon { display: flex; align-items: center; column-gap: 16px; }
.__collabo .sec_contact .list_wrap li .icon > span { display: inline-block; width: 48px; height: 48px; background: var(--gray-sub-01); border-radius: 8px; }
.__collabo .sec_contact .list_wrap li .icon > span.insta { background: var(--gray-sub-01) url('../images/icon_sns_insta.svg') no-repeat center center; background-size: 24px;  }
.__collabo .sec_contact .list_wrap li .icon > span.email { background: var(--gray-sub-01) url('../images/icon_sns_email.svg') no-repeat center center; background-size: 24px;  }
.__collabo .sec_contact .list_wrap li .icon > span.kakao { background: var(--gray-sub-01) url('../images/icon_sns_kakao.svg') no-repeat center center; background-size: 24px;  }
.__collabo .sec_insta { padding: 120px 0; }
.__collabo .sec_insta .list_wrap { row-gap: 64px; column-gap: 32px; }
.__collabo .sec_insta .list_wrap > li { width: calc((100% - 64px) / 3); height: 500px; }
.__collabo .sec_insta .list_wrap > li img { width: 100%; height: 100%; object-fit: cover; }


/* .__archive { border: 1px solid red; display: flex; flex-direction: column; overflow: scroll; width: 100%; height: calc(100vh - 290px); } */
.__archive .top_banner { text-align: center; width: 100%; height: 346px; background: url('../images/archive/top_banner.png') no-repeat center center; background-size: cover; }
.__archive .top_banner h1 { width: 100%; padding: 0 24px; color: var(--primary); }
/* .__archive .inner { padding-top: 100px; } */

@media only all and (max-width:1023px) {
    /* html, body { font-size: 15px; } */

    .show_w { display: none!important; }
    .show_t { display: flex!important; }
    
    .fa_c { align-items: center; }
    .list_wrap { flex-direction: column; }
    .list_wrap > li, .list_wrap.col-3 > li { width: 100%; }

    .carousel_box .carousel_item .list_wrap { flex-direction: row; }
    .carousel_box .carousel_item .list_wrap.col-3 > li { width: calc((100% - 32px) / 3); }
    .carousel_btn button { width: 44px; height: 44px; }
    .carousel_btn button::before { width: 20px; height: 20px; }

    .def_wrap { row-gap: 30px; }
    
    /* header */
    .header-top { height: 120px; }
    
    .contents .inner { width: 100%; padding: 0 24px; }

    .footer { flex-direction: column; align-items: flex-start; height: auto; /**/ width: 100%; }
    .footer .btn_top { bottom: 168px; }
    .footer .inner { width: 100%; padding: 17px 24px; border-bottom: 1px solid var(--gray-sub-03);  }
    .footer .terms > li:nth-child(2) { padding-right :0; }
    .footer .terms > li:nth-child(2)::after { display: none; }
    /* .show_m { display: block; }
    .show_t.show_m { display: none; } */
    .hide-copyright { display: none; }

    .inner > .flex_wrap:first-child { padding-top: 100px; }
    .flex_wrap, section { flex-direction: column; }
    .flex_wrap { padding:0 0 100px 0; }

    .intro_wrap { flex-direction: column; height: calc(550px * 2); }
    .intro_wrap > section.hover { width:100%; }
    .intro_wrap > section.not-hover { width: 100%; }
    .intro_wrap > section.not-hover .content { opacity: 1; }

    /**/ 
    .__about .inner > .flex_wrap:first-child { row-gap: 30px; }
    .__about .about_sec1 { height: 550px; padding: 53px 24px; }
    .__about .about_sec2 { height: 523px; }
    .__about .about_sec2 .about_slogan { width: 212px; }
    .__about .about_sec4 { flex-flow: column-reverse; }
    .__about .about_sec5 { row-gap: 50px; padding-bottom: 160px; }
    .__about .about_sec5 > div:nth-child(1) { flex-direction: row; }
    .__about .about_sec5 > div:nth-child(2) { width: 100%; padding-left: 0; }
    .__about .about_sec5 .about_img_02 { height: 395px; }
    .__about .about_sec5 .about_img_03 { height: 395px; }

    .sec_product_top { justify-content: flex-start; height: 916px; }
    .sec_product_top .des > h1.tit { font-size: 2rem; }
    .sec_product_top2 { padding-bottom: 50px; }
    .sec_product_top2 video { height: 434px; }
    .sec_product1 .lbox,
    .sec_product2 .rbox { width: 100%; } 
    .sec_product1 .rbox { row-gap: 30px; }
    .sec_product2 { flex-flow: column-reverse; }
    .sec_product3 { height: 450px; }
    .sec_product3 .inner { padding: 0; }

    
    .sec_product4 .info_card dt { height: 247px; }
    
    .sec_product5 .pic_list > li { width: calc((100% - 30px) / 2); }

    .sec_product6 .sec_product6_bg { height: 497px; }
    .sec_product6 .def_wrap { left: 40%; }

    .sec_product7 .goods { width: 100%; }

    .sec_product8 .info_card dt { max-height: 235px; }
    
    .sec_product9 .assy { width: 80%; margin: 0 auto; }
    .sec_product9 .assy dl dt { width: 55%; margin: 0 auto; }

    .sec_product10 .list_wrap { row-gap: 50px; }
        
    .sec_product8, .sec_product9 { padding-bottom: 50px; }
    .sec_product9, .sec_product10 {  padding-top: 50px; }

    .__collabo  .top_banner { height: 400px; } 
    .__collabo .sec_collabo .list_wrap .img { height: 600px; }
    .__collabo .sec_journey { flex-flow: column-reverse; }
    .__collabo .collabo_img_01 { height: 468px; } 
    .__collabo .sec_contact,
    .__collabo .sec_insta { padding: 50px 0 100px 0; }
    .__collabo .sec_contact .def_wrap { row-gap: 50px; }     
    .__collabo .sec_contact .list_wrap { row-gap: 30px; }
    .__collabo .sec_collabo .list_wrap.col-3 > li { width: 100%; }
    .__collabo .sec_insta .list_wrap { flex-direction: row; row-gap: 50px; column-gap: 30px; }
    .__collabo .sec_insta .list_wrap.col-3 > li { width: calc((100% - 60px) / 3); height: 300px; }

    .__archive  .top_banner { height: 298px; } 
    /* .__archive .inner { padding-top: 100px; } */

}

@media only all and (max-width:767px) {
    /* html, body { font-size: 14px; } */
    /* .carousel_box { height: 186px; } */

    h1.tit { font-size: 2rem; }
    h3.tit { font-size: 1.25rem; }
    /*
    h1.tit { font-size: 2.75rem; font-weight: 700; }
    h2.tit { font-size: 2.5rem; font-weight: 700; }
    h3.tit { font-size: 2rem; font-weight: 600; }
    h4.tit { font-size: 1.5rem; font-weight: 600; }
*/

    /* .show_w { display: none; }
    .show_t.show_m { display: block; } */
    
    .show_w.show_t { display: none!important; }
    .show_m { display: flex!important; justify-content: center; }
    /* .show_m { display: block!important; } */

.def_wrap dd.show_m { display: flex!important; }


    /* .show_t.show_m { display: flex!important; }  */
    .show_t .show_t { display: none!important; }
    
    .carousel_btn button { width: 32px; height: 32px; }  
    .carousel_btn button::before { width: 14px; height: 14px; }
    .carousel_dots li { width: 8px; height: 8px; }

    .def_wrap { row-gap: 20px; }
    .def_wrap dt { row-gap: 6px;  }
    .flex_wrap { padding: 0 0 70px 0; }

    .contents .inner { padding: 0 16px; }
    .inner > .flex_wrap:first-child { padding-top: 70px; }


    .tab_item { padding: 10px 0; }

    /* header */ 
    .header.__main { position: absolute; top:0; left:0; z-index: 5000; width: 100%; background: transparent; border-bottom:0; }
    .header-top { height: 60px; }
    .header-top .logo { width: 120px; }
    .header .btn_menu { display: block; }
    
    .gnb { display: none; }

    .footer { row-gap: 21px; padding: 25px; }
    .footer .btn_top { width: 32px; height: 32px; bottom: 270px; }
    .footer .btn_top::before { width: 15px; }
    .footer .inner { flex-direction: column; align-items: center; row-gap: 21px; padding: 0; border: 0; }
    .footer .inner .info { flex-direction: column; row-gap: 21px; }
    .footer .inner .terms > li::after { height:40%; }
    .footer .inner .sns { justify-content: center; width: 100%; padding: 21px 0 0 0; border-top: 1px solid var(--gray-sub-03); }
    .footer .copyright { text-align: center; height: unset; line-height: inherit; }
    .footer .info .logo { height: 38px; }
    .footer .info .logo > a { height: 100%; }
    
    .intro_wrap > section .content .tit { font-size: 2rem; }
    .__about .inner > .flex_wrap:first-child { row-gap: 20px; }
    .__about .about_sec1 { height: 230px; padding: 18px 16px; }
    .__about .about_sec2 { height: 230px; }
    .__about .about_sec2 .about_slogan { width: 114px; }
    .__about .about_sec4 .about_img_01 { height: 327px; }
    .__about .about_sec4, 
    .__about .about_sec5 { row-gap: 40px; }
    .__about .about_sec5 { padding-bottom: 100px; }
    .__about .about_sec5 > div:first-child { flex-direction: column; row-gap: 20px; }
    .__about .about_sec5 .about_img_03 { height: 300px; }
 
    .sec_product_top { height: 592px; padding: 40px 24px 80px 24px; }  
    .sec_product_top .des > h1.tit { font-size: 1.5rem; word-break: auto-phrase; }
    .sec_product_top2 video { height: 200px; }
    .sec_product1 { row-gap: 40px; }
    .sec_product1 .product_img_01,
    .sec_product2 .product_img_02 { height: 300px; } 
    .sec_product3 { height: 212px; }
    .sec_product3 .inner { padding: 0; }
    .sec_product4.flex_wrap { padding-top: 50px!important; }
    .sec_product5 { gap: 20px; }
    .sec_product5 .pic_thumb, .sec_product5 .pic_list { height: 300px; } 
    .sec_product5 .pic_list { gap: 20px;}
    .sec_product5 .pic_list > li { width: calc((100% - 20px) / 2); }

    .sec_product6 .sec_product6_bg { height: 791px; background: url('../images/product/product_img_05_mo.png') no-repeat center center; background-size: cover; }
    .sec_product6 .def_wrap { top: unset; bottom: 70px; left: 0; transform: translate(0, 0); padding: 0 16px 50px 16px; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6) 36%); }

    .sec_product7 .goods { height: 670px; }
    .sec_product7 .goods_tit { margin: 20px 0; }

    .sec_product8, .sec_product9, .sec_product10 { row-gap: 40px; padding-bottom: 40px; }
    .sec_product9, .sec_product10 {  padding-top: 40px; }

    .sec_product8 .info_card dt { max-height: unset; }
    .sec_product8 .goods_tit { margin: 0 0 30px 0; }
    .sec_product8 .goods_tit + .list_wrap { height: calc(100% - 62px); }

    .sec_product9 .assy { flex-wrap: wrap; gap: 30px 0; }
    .sec_product9 .assy dl { row-gap: 25px; width: 50%; }

    .sec_product10 { padding-bottom: 100px; }
    .sec_product10 .list_wrap { row-gap: 20px; }
    .sec_product10 .list_wrap li { height: 300px; }
            

    .__collabo  .top_banner { height: 350px; } 
    .__collabo .sec_collabo .list_wrap { row-gap: 30px; }
    .__collabo .sec_collabo .list_wrap .img { height: 400px; }
    .__collabo .collabo_img_01 { height: 243px; } 
    .__collabo .sec_journey { row-gap: 20px; }
    .__collabo .sec_contact, 
    .__collabo .sec_insta { padding: 0 0 70px 0; }
    .__collabo .sec_contact h1.tit,
    .__collabo .sec_insta h1.tit { font-size: 2.75rem; }
    .__collabo .sec_contact .def_wrap dt { row-gap: 8px; } 
    .__collabo .sec_contact .def_wrap { row-gap: 40px; }  
    .__collabo .sec_contact .list_wrap { row-gap: 20px; }
    .__collabo .sec_insta { row-gap: 40px; }
    .__collabo .sec_insta .list_wrap { flex-direction: column; row-gap: 20px; }
    .__collabo .sec_insta .list_wrap.col-3 > li { width: 100%; height: 400px; }

    .__archive  .top_banner { height: 254px; } 
}
@media only all and (max-width:599px) {}


body.is-open-sidenav,
html.is-open-sidenav {
	/* height: auto;
	overflow-y: auto !important */
}