/* Common **********************************************************************/
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); <-- 기존에 있던 것 */
/*  Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess   */

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	src: url('/assets/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets/font/Pretendard-Black.woff2') format('woff2');
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&family=Cormorant:ital,wght@0,300..700;1,300..700&display=swap');


/* Common **********************************************************************/ 
html,body {width:100%; scroll-behavior: smooth;}
html {overflow-y:scroll; box-sizing:border-box;}
*, *:before, *:after{box-sizing:inherit;}
*{
-webkit-text-size-adjust:none;
-webkit-text-size-adjust - auto | none | N% (default auto)
}
body {word-break:break-all;-ms-word-break:break-all; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0; padding:0;}
fieldset,img {border:0px none; vertical-align:top;}
dl,ul,ol,menu,li {list-style:none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
button {border:0 none; background-color:transparent; cursor:pointer;}
body { background:#fff;}
body,th,td,input,select,textarea,button {font-size:13px; line-height:1.6; font-family: 'Pretendard'; color:#7d7d7d;} 
input, select, textarea, button{vertical-align:middle; }
a:link,a:active,a:visited{color:#7d7d7d; text-decoration:none; border:0px;}
a:hover,a:focus{color:#333; text-decoration:none}

table {border-collapse:collapse; border-spacing:0;}
address,caption,cite,code,dfn,em,var {font-style:normal; font-weight:normal;}
summary, caption, legend, hr {width:0; height:0; font-size: ; line-height: ; overflow: hidden; visibility: hidden; border: none; position:absolute; left:-1000em;}
caption {position:static;}
/* label hidden 처리 */
.invisible, .hide{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; position:absolute;}
label.invisible{*position:Absolute;}

.center{text-align:center;}
.pc_img {display:block;}
.tab_img {display:none;}
.mob_img {display:none;}
.pc {display:block;}
.tab {display:none;}
.mob {display:none;}


:root {
  --co01: #8e3f2e;
  --co02: #883c2c;
}

::selection{color: #fff; background: var(--co01);}

/* intro */
.intro_wrap{position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999;background: #fff;}
.intro_wrap .intro_box{display: flex;align-items: center; justify-content: center; flex-direction: column;gap:40px;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);}
.intro_wrap .intro_box .logo{display: flex;gap:2px;align-items: flex-end;}
.intro_wrap .intro_box .logo img{display: block;}
.intro_wrap .intro_box .logo img:nth-child(4),
.intro_wrap .intro_box .logo img:nth-child(5),
.intro_wrap .intro_box .logo img:nth-child(6),
.intro_wrap .intro_box .logo img:nth-child(7){margin-bottom: 30px;}

/* cover */
.cover_wrap{display: flex;line-height: 1;}
.cover_wrap .box{position: relative;width: 50%;height: 100vh;overflow: hidden;}
.cover_wrap .box .bg{width: 100%; height: 100%;object-fit:cover;transition:1s;}
.cover_wrap .box:hover .bg{transform:scale(1.05);}
.cover_wrap .box .logo_wrap{display: flex;align-items: center; justify-content: center; gap:30px; flex-direction: column;position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%);width: 100%; height: 100%;transition:.5s;}
.cover_wrap .box .logo_wrap .txt p{font-family: "Cormorant", serif;font-size: 50px; color: #fff; font-weight: 500;text-align: center;margin-top: 20px;}
.cover_wrap .box:hover .logo_wrap{backdrop-filter: brightness(0.5);}
.cover_wrap a.btn{display: flex;align-items: center; justify-content: center;position: absolute; bottom: 120px; left: 50%; transform:translateX(-50%);width: 240px; height: 70px; font-size: 20px; color: #fff; border-radius:50px; background: rgba(255,255,255,.1); border:1px solid #fff;text-transform:uppercase;}
.cover_wrap a.btn img{position: absolute;right: 25px;transition:.4s;}
.cover_wrap a.btn:hover img{transform:rotate(45deg);}

/* ==main== */
#wrap{ position: relative; width: 100%; max-width: 100%; min-width: 1500px;  margin: 0 auto; overflow: hidden;word-break: keep-all;}
.inner{width: 100%;max-width: 1820px;padding: 0 50px; margin: 0 auto; max-width:100%;}

.fc{font-family: "Cormorant", serif;}
.fci{font-family: "Cormorant Infant", serif;}

.fl{font-family: "Lora", serif;}

/* header */
#header{position: fixed; top: 0; left: 0; width: 100%; z-index: 7000;}
#header::After{display: none;content:'';position: absolute; top: 41px; left: 0;width: 100%;height: 2px;background: red;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 120px; transition:.5s;}
#header h1{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);}
#header h1 span.on{display: none;}
#header h1 span.on img{filter:brightness(0.3);width: 35px;}
#header .nav_btn{display: flex; align-items: center;gap:20px;transform: translateY(14px);}
#header .nav_btn span{position: relative;display: block;width: 46px;height: 15px;}
#header .nav_btn span em{position: absolute; left: 6px; width: 40px; height: 2px; background: #fff;transition:.5s;}
#header .nav_btn span em::after{display: none;content:'';position: absolute;left: -6px; top: 0;width: 3px; height: 2px;	background: #fff;}
#header .nav_btn span em:nth-child(1){top: 0;}
#header .nav_btn span em:nth-child(2){bottom: 0;}
#header .nav_btn p{font-size: 24px; color: #fff;font-weight: 400; text-transform:uppercase;}
#header .nav_btn p.nav_on{display: none;}
#header .btn_wrap{display: flex;align-items: center; gap:10px;transform: translateY(13px);}
#header .btn_wrap a{position: relative;display: flex; align-items: center; justify-content: center;width: 150px; height: 35px; font-size: 16px; color: #fff; font-weight: 400; border-radius:20px; border:1px solid rgba(255,255,255,.5);overflow: hidden;}
#header .btn_wrap a:nth-child(1){background: #fff; color: #222;font-weight: 500;}
#header .btn_wrap a:nth-child(1) span.on{font-weight: 500;}
#header .btn_wrap a span{transition:.4s ease;}
#header .btn_wrap a span.on{position: absolute;font-family: 'Pretendard'; font-weight: 400;transform: translateY(40px);font-size: 16px;}
#header .btn_wrap a:hover span.off{transform: translateY(-40px);}
#header .btn_wrap a:hover span.on{transform: translateY(0px);}

#header.active .inner{background: #fff;height: 80px;}
#header.active h1 span.off{display: none;}
#header.active h1 span.on{display: flex;}
#header.active .nav_btn{transform: translateY(2px);}
#header.active .nav_btn span em{background: #20341d;}
#header.active .nav_btn span em::after{background: #20341d;}
#header.active .nav_btn p{color: #333;}
#header.active .btn_wrap{transform: translateY(1px);}
#header.active .btn_wrap a{color: #333;border:1px solid rgba(51,51,51,.5);}
#header.active .btn_wrap a:nth-child(1){background: #fff; color: #222;font-weight: 400;}
#header.active .btn_wrap a:nth-child(1) span.on{font-weight: 400;}

#visual_wrap{position: relative;line-height: 1;overflow: hidden;}
#visual_wrap strong.vis_txt{position: absolute; right: 50px; bottom: 60px; font-size: 120px;color: #fff; font-weight: 300;line-height: 1.2;}
#visual_wrap strong.vis_txt div{transform-origin: 0% 77%;}
#visual_wrap .visual li .txt_wrap{position: absolute;left: 50px;bottom: 100px;}
#visual_wrap .visual li .txt_wrap p{opacity: 0;transform:translateY(50px);font-size: 50px; color: #fff;font-weight: 700;text-transform:uppercase;transition:1s;}
#visual_wrap .visual li .txt_wrap span{opacity: 0;transform:translateY(50px);display: block;font-size: 28px; color: #fff; margin-top: 20px;transition:1.5s;}

#visual_wrap .visual li.slick-active .txt_wrap p{opacity: 1;transform:translateY(0px);}
#visual_wrap .visual li.slick-active .txt_wrap span{opacity: 1;transform:translateY(0px);}

/*navi*/
#header.nav.active .inner{background: transparent;}
#header.nav.active h1 span.off{display: none;}
#header.nav.active h1 span.on{display: flex;}
#header.nav.active h1 span.on img{filter:brightness(1);}
#header.nav.active .nav_btn span em{background: #fff;}
#header.nav.active .nav_btn span em::after{background: #fff;}
#header.nav.active .nav_btn p{color: #fff;}
#header.nav.active .btn_wrap a{color: #fff;border:1px solid rgba(255, 255, 255, .5);;}
#header.nav.active .btn_wrap a:nth-child(1){color: #333;}

#header.nav .nav_btn span em{width: 22px;}
#header.nav .nav_btn span em:nth-child(1){top: 7px;transform:rotate(45deg);}
#header.nav .nav_btn span em:nth-child(2){bottom: 6px;transform:rotate(135deg);}
#header.nav .nav_btn span em::after{display: none;}
#header.nav .nav_btn p.nav_off{display: none;}
#header.nav .nav_btn p.nav_on{display: block;}
.navigation{position: fixed; top: 0;left: -100%;padding-top: 190px;width: 100%;height: 100vh;z-index: 6000;background: #16100c;line-height: 1;transition:1s ease;}
.navigation.on{left: 0%;}
.navigation .inner{height: 100%;}
.navigation .lnb_box{display: flex;align-items: flex-end;padding-bottom: 100px;height: 100%;}
.navigation .lnb_box .img_box{position: relative;width: 911px;}
.navigation .lnb_box .img_wrap{position:relative; width:100%; padding-bottom:68.057%;overflow: hidden;}
.navigation .lnb_box .img_box img{position: absolute;position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.navigation .lnb_box .nav_box{display: flex;flex-direction: column;gap:30px;height: 620px;padding-left: 100px;margin-bottom: 0px;}
.navigation .lnb_box .nav_box h3{position: relative;height: 30px;overflow: hidden;}
.navigation .lnb_box .nav_box h3:not(:last-child){margin-bottom: 0px;}
.navigation .lnb_box .nav_box h3 a{font-size: 28px; color: rgba(255,255,255,.2); font-weight: 700;transition:.3s ease-in;}
.navigation .lnb_box .nav_box h3 a:hover{color: rgba(255,255,255,1); }
.navigation .lnb_box .nav_box h3.on a{color: rgba(255,255,255,1); }

.navigation .lnb_box .nav_box h3 a span{display: block;transition: .4s ease;}
.navigation .lnb_box .nav_box h3 a span.on{position: absolute;top: 100%;font-family: 'Pretendard';font-weight: 500;font-size: 22px;}

.navigation .lnb_box .nav_box h3.txt_on a span.off{transform:translateY(-60px);}
.navigation .lnb_box .nav_box h3.txt_on a span.on{top: 0;}

.navigation a.site_btn{position: absolute; bottom: 100px; right: 50px;}
.navigation a.site_btn svg{width: 170px; height: 170px;}
.navigation a.site_btn p{position: absolute;top: 50%; left: 50%;transform:translate(-50%,-50%);font-size: 24px; color: #fff;font-weight: 600;text-align: center;}

@media screen and (max-width:1700px) {
.navigation .lnb_box .img_box{width: 700px;}
.navigation .lnb_box .nav_box{height: 477px;padding-left: 100px;}
}



/* section */
.section{line-height: 1;}

/* section01 */
#section01{position: relative;height: 100vh;background: #110704;}
#section01 .slide_wrap{position: relative;transform: translateY(calc(100vh - 750px));overflow: hidden;}
#section01 .slide_wrap ul li{position: relative;width: 580px;margin-right: 10px;overflow: hidden;}
#section01 .slide_wrap ul li .bg{position: absolute; z-index: 200;top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, 0) 100%);backdrop-filter: blur(5px);}
#section01 .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:129.31%;}
#section01 .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section01 .slide_wrap ul li .txt_wrap{position: absolute;bottom: 60px;left: 50%;transform:translateX(-50%);z-index: 100;width: 100%;}
#section01 .slide_wrap ul li .txt_wrap p{font-size: 26px; color: #fff;font-weight: 700;text-align: center;}
#section01 .slide_wrap ul li .txt_wrap span{display: block;font-size: 18px; color: #fff;text-align: center; margin-top: 8px;}

#section01 .slide_wrap .slick-prev{position: absolute; top: 50%; left: 50px;transform:translateY(-50%); background: url(/assets/images_c/main/sec01_prev_pc.png)center no-repeat; background-size: cover; width: 90px; height: 90px;text-indent: -9999px;z-index: 1500;}
#section01 .slide_wrap .slick-next{position: absolute; top: 50%; right: 50px;transform:translateY(-50%); background: url(/assets/images_c/main/sec01_next_pc.png)center no-repeat; background-size: cover; width: 90px; height: 90px;text-indent: -9999px;z-index: 1500;}

#section01 .slide_wrap .slide_bg{display: flex;position: absolute;bottom: 0; left: 50%; transform:translateX(-50%);pointer-events: none;z-index: 1000;}
#section01 .slide_wrap .slide_bg img{margin: 0; line-height: 0;padding: 0;transform: scale(1.002);}

/* section02 */
#section02 .slide_wrap{display: flex;align-items: center;height: 100vh;}
#section02 .slide_wrap ul{display: flex;gap:20px;width: max-content;padding: 0 50px;}
#section02 .slide_wrap ul li .img_wrap img{height: 640px;}
#section02 .slide_wrap ul li .txt_wrap{padding-top: 30px;}
#section02 .slide_wrap ul li .txt_wrap p{font-size: 28px;font-weight: 700; color: #333;}
#section02 .slide_wrap ul li .txt_wrap span{display: block;font-size: 24px; color: #666;margin-top: 10px;}

/* section03 */
#section03{padding: 50px 0;}
#section03 .con{position: relative;}
#section03 .con .bg img{width: 100%;}
#section03 .con .txt_wrap{display: flex;gap:15px;position: absolute;top: 140px; left: 60px;width: 800px;}
#section03 .con .txt_wrap p{font-size: 28px; color: #dbdbdb; font-weight: 600;line-height: 1.1;}
#section03 .con .txt_wrap p b.p01{display: block;font-size: 40px; margin-bottom: 10px;}
#section03 .con .txt_wrap p b.p02{display: block;font-size: 20px;font-family: 'Pretendard';font-weight: 300; line-height: 1.3;}
#section03 .con .txt_wrap p em{display: block;height: 35px;}
#section03 .con .count_wrap{position: absolute;bottom: 150px;width: 100%;}
#section03 .con .count_wrap ul{display: flex;align-items: center; justify-content: center;}
#section03 .con .count_wrap ul li{position: relative;width: 570px;text-align: center;}
#section03 .con .count_wrap ul li:not(:last-child)::after{content:'';position: absolute;right: 0; top: 50%;transform:translateY(-50%);width: 1px; height: 100px;background: rgba(245,245,245,.4);}
#section03 .con .count_wrap ul li p{font-size: 50px; color: #fff; font-weight: 700;}
#section03 .con .count_wrap ul li p em{font-weight: 700;font-size: 100px;}
#section03 .con .count_wrap ul li span{display: block;font-size: 20px; color: #fff;margin-top: 15px;}

/* section04 */
#section04{padding: 200px 0px 50px;}
#section04 .tit_wrap{display: flex;align-items: center; justify-content: space-between;margin-bottom: 70px;}
#section04 .tit_wrap .tit p{font-size: 32px; color: #333; font-weight: 700;}
#section04 .tit_wrap .tit p.p02{display: flex; align-items: center; gap:10px; justify-content: center;font-size: 18px;font-family: 'Pretendard';margin-top: 10px;font-weight: 400;color: #999;}
#section04 .tit_wrap .tit p.p02 img{width: 26px;}
#section04 .tit_wrap .tit span{display: block;font-size: 24px; color: #333; margin-top: 15px;line-height: 1.2;}
#section04 .tit_wrap a.more_btn{position: relative;width: 110px;height: 110px; border-radius:50%; border:1px solid #ddd;overflow: hidden;transition: .3s ease-in;}
#section04 .tit_wrap a.more_btn img{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%); transition:.5s ease-in;}
#section04 .tit_wrap a.more_btn::after{content:'';position: absolute; top: 100%; left: 0%;transform:translate(-50%,-50%); background: url(/assets/images_c/main/main_arr01_pc.png)center no-repeat;width: 25px; height: 25px; background-size: cover;transition:.5s;}
#section04 .tit_wrap a.more_btn:hover{width: 105px; height: 105px;}
#section04 .tit_wrap a.more_btn:hover img{top: 0%;left: 100%;}
#section04 .tit_wrap a.more_btn:hover::after{top: 50%; left: 50%;}

#section04 .list_wrap ul{display: flex;flex-wrap:wrap;gap:30px;}
#section04 .list_wrap ul li{width: calc((100% - 150px) / 6);}
#section04 .list_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:100%;overflow: hidden; }
#section04 .list_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section04 .list_wrap ul li .txt_wrap{margin-top: 20px;}
#section04 .list_wrap ul li .txt_wrap p{font-size: 22px; color: #333; font-weight: 400;}
#section04 .list_wrap ul li .txt_wrap span{display: block;font-size: 18px; color: #666; margin-top: 10px;font-family: 'Pretendard';}

/* section05 */
#section05{padding: 200px 0 200px 50px;}
#section05 .tit_wrap{display: flex;align-items: center;gap:20px;margin-bottom: 70px;}
#section05 .tit_wrap p{font-size: 32px; color: #333; font-weight: 700;line-height: 1.2;}
#section05 .slide_wrap ul li{width: 380px;border:1px solid #ddd;overflow: hidden;margin-right: 20px;}
#section05 .slide_wrap ul li .txt_wrap{padding: 40px 30px;}
#section05 .slide_wrap ul li .txt_wrap em{display: block;font-size: 20px; color: #999; font-weight: 300;}
#section05 .slide_wrap ul li .txt_wrap p{font-size: 18px; color: #333; font-weight: 700; line-height: 1.5;margin: 12px 0px 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section05 .slide_wrap ul li .txt_wrap span{display: block;font-size: 14px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#section05 .slide_wrap ul li .img_box{position: relative;}
#section05 .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:92.105%;}
#section05 .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
#section05 .slide_wrap ul li .img_box .sns_tag{position: absolute;bottom: 20px; right: 20px;}

#section05 .progress { position:relative; width:calc(100% - 50px); height:4px; background:#ddd; margin-top: 80px;border-radius:10px;}
#section05 .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:var(--co01); transition:1s;border-radius:10px;}


/* footer */
#footer{background: url(/assets/images_c/main/f_bg_pc.jpg)center no-repeat; background-size: cover;padding-top: 100px;}
#footer .top{display: flex;justify-content: space-between;}
#footer .menu_wrap{display: flex;	}
#footer .menu_wrap .menu{width: 320px;}
#footer .menu_wrap .menu a{display: block;font-size: 20px; color: #fff;font-weight: 400;transition:.3s ease-in;}
#footer .menu_wrap .menu a:not(:last-child){margin-bottom: 40px;}
#footer .menu_wrap .menu a:hover{opacity: .6;}

#footer .bot{display: flex;justify-content: space-between;align-items: flex-end;padding: 220px 0 100px;}
#footer .bot ul li{display: flex;gap:10px;}
#footer .bot ul li:not(:last-child){margin-bottom: 15px;}
#footer .bot ul li p{font-size: 20px; color: rgba(255, 255, 255, .6);font-weight: 400;text-transform:uppercase;}
#footer .bot ul li span{font-size: 20px; color: rgba(255, 255, 255, .6);}
#footer .bot ul li span a{color: #fff;}
#footer .bot strong.f_txt{display: block;font-size: 80px; color: #fff; font-weight: 300; line-height: 100px;text-transform:uppercase;text-align: right;}
#footer .copy{padding: 20px 0;border-top: 1px solid rgba(255,255,255,.3);}
#footer .copy p{font-size: 20px; color: rgba(255, 255, 255, .6);text-align: center;}

/* ==sub=================================== */
#header.sub_header{position: fixed;}
#header.sub_header h1 a img{transition:1s;}
#header.sub_header .nav_btn span em{background: #20341d;}
#header.sub_header .nav_btn span em::after{background: #20341d;}
#header.sub_header .nav_btn p{color: #20341d;}
#header.sub_header .btn_wrap a{color: #333; border:1px solid rgba(51,51,51,.5);transition:1.5s;}
#header.sub_header .btn_wrap a:nth-child(1){font-weight: 400;}


#header.sub_header.active h1 span.off{display: none;}
#header.sub_header.active h1 span.on{display: flex;}
#header.sub_header.active h1 span.on img{width: 35px;}
#header.sub_header.active .nav_btn span em{background: #20341d;}
#header.sub_header.active .nav_btn span em::after{background: #20341d;}
#header.sub_header.active .nav_btn p{color: #333;}
#header.sub_header.active .btn_wrap a{color: #333;border:1px solid rgba(51,51,51,.5);}

#header.sub_header.nav h1 a img{filter: brightness(10);}
#header.sub_header .nav_btn.on span em{background: #fff;}
#header.sub_header .nav_btn.on span em::after{background: #fff;}
#header.sub_header .nav_btn.on p{color: #fff;}				  
#header.sub_header .nav_btn p{color: #20341d;}
#header.sub_header.nav .btn_wrap a:nth-child(1){color: #333;}
#header.sub_header.nav .btn_wrap a{color: #fff; border:1px solid #fff;}

#header.sub_header.nav.active .inner{background: transparent;}
#header.sub_header.nav.active h1 span.off{display: none;}
#header.sub_header.nav.active h1 span.on{display: flex;}
#header.sub_header.nav.active h1 span.on img{filter:brightness(1);}
#header.sub_header.nav.active .nav_btn span em{background: #fff;}
#header.sub_header.nav.active .nav_btn span em::after{background: #fff;}
#header.sub_header.nav.active .nav_btn p{color: #fff;}
#header.sub_header.nav.active .btn_wrap a:nth-child(1){color: #333;}
#header.sub_header.nav.active .btn_wrap a{color: #fff;border:1px solid rgba(255, 255, 255, .5);;}

#sub_visual_wrap{position: relative; line-height: 1;padding-right: 0px;padding-bottom: 140px;padding-top: 120px;}
#sub_visual_wrap .visual{position: relative;overflow: hidden;z-index: 10;}
#sub_visual_wrap::after{content:'';position: absolute;bottom: 0;right: 0;background: #fff;width: 100%;height: 140px;z-index: -10;}
#sub_visual_wrap .txt_wrap{position: absolute;}
#sub_visual_wrap .txt_wrap h2{position: relative;}
#sub_visual_wrap .txt_wrap h2 p{font-size: 180px; color: #fff; font-weight: 500;text-transform:uppercase;text-align: right;}

#sub_visual_wrap .txt_wrap.txt01{right: 65px;bottom: -100px;}
#sub_visual_wrap .txt_wrap.txt02{right: 115px; bottom: 40px;mix-blend-mode: difference;z-index: -1;}

#sub_contents{padding: 120px 0px 200px;}
#sub_contents.no_pb{padding-bottom: 0;}

ul.tab_menu{display: flex;gap:10px;margin-bottom: 60px;}
ul.tab_menu li a{display: flex;align-items: center; justify-content: center;width: 150px; height: 54px; font-size: 20px; border:1px solid rgba(51,51,51,.5);color: #333; border-radius:27px;}
ul.tab_menu li.on a{background: #333; color: #fff;}

/* sub_list */
.sub_list_wrap{line-height: 1;}
.sub_list_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:80px 40px;}
.sub_list_wrap ul.list_wrap li{width: calc((100% - 40px) / 2);overflow: hidden;}
.sub_list_wrap ul.list_wrap li .img_box{position: relative;}
.sub_list_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:49.438%;}
.sub_list_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub_list_wrap ul.list_wrap li .txt_wrap{margin-top: 30px;}
.sub_list_wrap ul.list_wrap li .txt_wrap p{font-size: 28px; color: #333; font-weight: 700;}
.sub_list_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 16px; color: #333;margin-top: 15px;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn{position: absolute; right: -150px; bottom: -150px;transition:.5s ease;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn .tri{width: 0;height: 0;border-left: 150px solid transparent;border-bottom: 150px solid #fff;}
.sub_list_wrap ul.list_wrap li .img_box .more_btn img{position: absolute;bottom: 30px; right: 30px;}
.sub_list_wrap ul.list_wrap li:hover .img_box .more_btn{right: 0; bottom: 0;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{padding: 100px 0px 130px;}
.sub0101_wrap .con01 .inner{display: flex;align-items: flex-end; justify-content: space-between;}
.sub0101_wrap .con01 .l_txt{position: relative;transform: rotate(-90deg);transform-origin: left top;width: 100%;}
.sub0101_wrap .con01 .l_txt p{position: absolute;width: max-content;font-size: 140px; color: var(--co02); font-weight: 500; line-height: 140px;}
.sub0101_wrap .con01 .right .img_wrap{display: flex;gap:20px;align-items: flex-start;	}
.sub0101_wrap .con01 .right .txt{margin-top: 60px;}
.sub0101_wrap .con01 .right .txt p{font-size: 24px; color: #333; font-weight: 700;margin-bottom: 30px;}
.sub0101_wrap .con01 .right .txt span{display: block;font-size: 18px; color: #666; line-height: 32px;}

.sub0101_wrap .con02{display: flex;align-items: flex-end;background: var(--co02);}
.sub0101_wrap .con02 .img_wrap{width: 1060px;}
.sub0101_wrap .con02 .txt_wrap{padding: 100px;width: calc(100% - 1060px);}
.sub0101_wrap .con02 .txt_wrap  .top{margin-bottom: 40px;}
.sub0101_wrap .con02 .txt_wrap p{font-size: 24px; line-height: 1.6;color: #fff; font-weight: 700;}
.sub0101_wrap .con02 .txt_wrap span{display: block;font-size: 18px; color: #fff; line-height: 32px;}
.sub0101_wrap .con02 .txt_wrap span b{font-weight: 400;}

@media screen and (max-width:1800px) {
.sub0101_wrap .con02 .img_wrap{width: 50%;height: -webkit-fill-available;}
.sub0101_wrap .con02 .img_wrap img{width: 100%; height: 100%; object-fit:cover;}
.sub0101_wrap .con02 .txt_wrap{padding: 80px;width: 50%;}
}

.sub0101_wrap .con03{position: relative;padding: 160px 0;}
.sub0101_wrap .con03 .bg_txt{position: absolute;top: 50%; left: 50%; transform:translate(-50%,-50%);z-index: -1;}
.sub0101_wrap .con03 .bg_txt p{font-size: 180px; color: #f5f5f5; font-weight: 700;text-transform:uppercase;width: max-content;}
.sub0101_wrap .con03 .box{position: relative;width: fit-content;margin: 0 auto;}
.sub0101_wrap .con03 .box .txt_wrap{position: absolute; top: 52%; transform:translateY(-50%);left: 0;width: 100%;}
.sub0101_wrap .con03 .box .txt_wrap span{display: block;font-size: 18px; color: #fff; line-height: 32px; font-weight: 300;text-align: center;}
.sub0101_wrap .con03 .box .txt_wrap p{text-align: center;font-size: 30px; color: #fff; font-weight: 500; line-height: 50px;margin-top: 90px;}

/* sub02 */
#sub02_visual_wrap{position: relative;line-height: 1;}
#sub02_visual_wrap .visual .txt{position: absolute; left: 50%; transform:translateX(-50%);bottom: 90px;width: 100%;}
#sub02_visual_wrap .visual .txt p{font-size: 120px; color: #fff;font-weight: 500;text-align: center;width: 100%;}
#sub02_visual_wrap .visual .txt em{display: block;font-size: 20px; color: #fff;text-align: center;margin-top: 30px;letter-spacing: -1px;}

.sub02_wrap{padding: 140px 100px 0;line-height: 1;}
.sub02_wrap .slide_wrap ul .slick-list{overflow: visible;}
.sub02_wrap .slide_wrap ul li{width: 1296px;margin-right: 200px;transition:1s;}
.sub02_wrap .slide_wrap ul li.slick-center{transform:scale(1.25)}
.sub02_wrap .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:45.062%;}
.sub02_wrap .slide_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub02_wrap .slide_wrap .slick-prev{position: absolute; left: 140px; top: 50%;transform:translateY(-50%);width: 90px; height: 90px; border-radius:50%;background: url(/assets/images_c/sub/view_prev.png)center no-repeat; background-size: cover;text-indent:  -9999px;z-index: 100;}
.sub02_wrap .slide_wrap .slick-next{position: absolute; right: 140px; top: 50%;transform:translateY(-50%);width: 90px; height: 90px; border-radius:50%;background: url(/assets/images_c/sub/view_next.png)center no-repeat; background-size: cover;text-indent:  -9999px;z-index: 100;}

.sub02_wrap .con02{display: flex;padding: 200px 0;}
.sub02_wrap .con02 .tit{width: 650px;}
.sub02_wrap .con02 .tit p{font-size: 60px; color: #333; font-weight: 700;}
.sub02_wrap .con02 .tit span{display: block;font-size: 20px; color: var(--co02); font-weight: 700; margin-top: 40px;}
.sub02_wrap .con02 .txt{width: calc(100% - 650px);}
.sub02_wrap .con02 .txt p{font-size: 18px; color: #666; line-height: 1.7;}
.sub02_wrap .con02 .txt p:not(:last-child){margin-bottom: 25px;}

.sub02_wrap .con03{position: relative;display: flex;gap:60px;justify-content: center;}
.sub02_wrap .con03 .icon{position: absolute;top: -190px; left: -100px;z-index: 100;}
.sub02_wrap .con03 .img_wrap{position:relative; width:100%; }
.sub02_wrap .con03 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub02_wrap .con03 .img01{width: 1020px;}
.sub02_wrap .con03 .img02{width: 540px;}
.sub02_wrap .con03 .img01 .img_wrap{padding-bottom:78.431%;}
.sub02_wrap .con03 .img02 .img_wrap{padding-bottom:148.148%;}

.sub02_wrap .con04{position: relative;padding: 150px 0 160px;}
.sub02_wrap .con04 .tit{display: flex;gap:20px; align-items: baseline;margin-bottom: 40px;}
.sub02_wrap .con04 .tit p{font-size: 50px; color: #333; font-weight: 700;}
.sub02_wrap .con04 .tit span{font-size: 18px; color: var(--co02); font-weight: 700;}
.sub02_wrap .con04 .box_wrap{border-top: 2px solid #333;}
.sub02_wrap .con04 .box_wrap .box{padding: 40px;border-bottom: 1px solid #ddd;}
.sub02_wrap .con04 .box_wrap .box strong{display: block;font-size: 24px; color: #333; font-weight: 500;	margin-bottom: 30px;font-family: 'Pretendard';}
.sub02_wrap .con04 .box_wrap .box ul li{position: relative;padding-left: 20px;font-size: 18px; color: #333;line-height: 1.6;font-weight: 500;}
.sub02_wrap .con04 .box_wrap .box ul li:not(:last-child){margin-bottom: 10px;}
.sub02_wrap .con04 .box_wrap .box ul li::after{content:'';position: absolute;left: 0; top: 13px;width: 5px; height: 5px; background: var(--co02); border-radius:50%;}
.sub02_wrap .con04 .box_wrap .box ul li span{display: inline-block;color: #999;}

.sub02_wrap .con04 .box_wrap .box ul.ul_flex{display: flex;flex-wrap:wrap;}
.sub02_wrap .con04 .box_wrap .box ul.ul_flex li{width: calc(100% / 5);}

.sub02_wrap .con04 .bt_txt{display: none;position: absolute; left: -100px; bottom: 0;font-size: 180px; color: #f5f5f5 ; font-weight: 700;z-index: -1;width: max-content;}

.sub02_wrap .con05{display: flex;align-items: flex-end;}
.sub02_wrap .con05 .txt_wrap{width: 485px;}
.sub02_wrap .con05 .txt_wrap p{font-size: 18px; color: #333; line-height: 1.7;margin-top: 20px;}
.sub02_wrap .con05 .txt_wrap p b{color: var(--co01); font-weight: 700;}
.sub02_wrap .con05 .img_box{width: calc(100% - 485px);}
.sub02_wrap .con05 .img_wrap{position:relative; width:100%; padding-bottom:49.123%;}
.sub02_wrap .con05 .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}


/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap ul.list_wrap{display: flex;flex-wrap:wrap;gap:160px; }
.sub0301_wrap ul.list_wrap li{display: flex;width: 100%;}
.sub0301_wrap ul.list_wrap li:nth-child(2n){flex-direction: row-reverse;}
.sub0301_wrap ul.list_wrap li .img_box{width:890px;}
.sub0301_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:49.438%;}
.sub0301_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap{position: relative;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots{position: absolute;bottom: 30px;display: flex;justify-content: center;gap:10px;width: 100%;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li{width: 10px;height: 10px;background: #fff; border-radius:50%; transition:.3s;}	
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li:only-child{display: none;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li button{text-indent: -9999px;}
.sub0301_wrap ul.list_wrap li .img_slide_wrap ul.slick-dots li.slick-active{background: var(--co01);}

.sub0301_wrap ul.list_wrap li .txt_box{display: flex;flex-direction: column;justify-content: flex-end;width: calc(100% - 890px);padding: 0px 100px;}
.sub0301_wrap ul.list_wrap li .txt_box > p{font-size: 32px; color: #333;font-weight: 700;}
.sub0301_wrap ul.list_wrap li .txt_box > span{display: block;font-size: 18px; color: #333; line-height: 1.7;margin-top: 10px;}
.sub0301_wrap ul.list_wrap li .txt_box > em{display: block;font-size: 18px; color: var(--co02); font-weight: 700;line-height: 1.7;margin-top: 20px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap{margin-top: 25px;border-top: 2px solid #333;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box{border-bottom: 1px solid #ddd;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit{display: flex;align-items: center; justify-content: space-between;padding: 0 30px; height: 65px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit p{font-size: 18px; color: #333; font-weight: 700;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit img{display: block;transition:.4s;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .tit.on img{transform:rotate(180deg);}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt{display: none;padding: 0 30px 30px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p{position: relative;padding-left: 18px;font-size: 16px; color: #333;line-height: 1.4;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p:not(:last-child){margin-bottom: 12px;}
.sub0301_wrap ul.list_wrap li .txt_box .slide_wrap .box .txt p::after{content:'';position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: var(--co02); border-radius:50%;}

.sub0301_wrap ul.list_wrap li .txt_box a{position: relative;display: flex; align-items: center; justify-content: center;width: 150px; height: 35px; font-size: 16px; color: #333;border: 1px solid rgba(51, 51, 51, .5);font-weight: 400; border-radius:20px; overflow: hidden;margin-top: 20px;}
.sub0301_wrap ul.list_wrap li .txt_box a span{transition:.4s ease;}
.sub0301_wrap ul.list_wrap li .txt_box a span.on{position: absolute;font-family: 'Pretendard'; font-weight: 400;transform: translateY(40px);font-size: 16px;}
.sub0301_wrap ul.list_wrap li .txt_box a:hover span.off{transform: translateY(-40px);}
.sub0301_wrap ul.list_wrap li .txt_box a:hover span.on{transform: translateY(0px);}

/*sub0501*/
.sub0501_wrap{line-height: 1;}
.sub0501_wrap .con .txt_wrap ul li{display: flex;align-items: flex-end;}
.sub0501_wrap .con .txt_wrap ul li:not(:last-child){margin-bottom: 20px;}
.sub0501_wrap .con .txt_wrap ul li .icon{width: 40px;}
.sub0501_wrap .con .txt_wrap ul li p{font-size: 20px; color: #333;width: calc(100% - 40px);}

.sub0501_wrap .con01{position: relative; }
.sub0501_wrap .con01 .map_wrap{position:relative; width:100%; padding-bottom:39.56%;}
.sub0501_wrap .con01 .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0501_wrap .con01 .txt_wrap{position: absolute;bottom: 0; right: 0;padding: 60px; width: 700px; background: #fff;}
.sub0501_wrap .con01 .txt_wrap strong{display: block;font-size: 40px;font-weight: 700;color: var(--co01);line-height: 1.1; margin-bottom: 30px;}

.sub0501_wrap .con02{margin-top: 160px;}
.sub0501_wrap .con02{display: flex;gap:100px;justify-content: space-between;align-items: flex-end;}
.sub0501_wrap .con02 .txt_wrap{position: relative;padding-top: 25px;width: calc(100% - 1100px);}
.sub0501_wrap .con02 .txt_wrap::after{content:'';position: absolute;top: 0; left: 0; width: 50px; height: 2px; background: var(--co01);}
.sub0501_wrap .con02 .txt_wrap strong{display: block;font-size: 30px; color: #333; font-weight: 500;margin-bottom: 22px;}
.sub0501_wrap .con02 .map_box{width: 1000px;}
.sub0501_wrap .con02 .map_wrap{position:relative; width:100%; padding-bottom:55.438%;}
.sub0501_wrap .con02 .map_wrap iframe{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}

.sub0501_wrap .con02-1{gap:100px;margin-top: 100px;}
.sub0501_wrap .con02-1 .txt_wrap strong{color: var(--co01);}

/*sub0601*/
.sub0601_wrap{line-height: 1;}
.sub0601_wrap ul.list_wrap{display: flex;flex-wrap:wrap; gap:40px 20px;}
.sub0601_wrap ul.list_wrap li{width: calc((100% - 60px) / 4);border:1px solid #ddd;overflow: hidden;}
.sub0601_wrap ul.list_wrap li .txt_wrap{padding: 40px 30px;}
.sub0601_wrap ul.list_wrap li .txt_wrap em{display: block;font-size: 20px; color: #999; font-weight: 300;}
.sub0601_wrap ul.list_wrap li .txt_wrap p{font-size: 18px; color: #333; font-weight: 700; line-height: 1.5;margin: 12px 0px 15px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
.sub0601_wrap ul.list_wrap li .txt_wrap span{display: block;font-size: 14px; color: #666;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0601_wrap ul.list_wrap li .img_box{position: relative;}
.sub0601_wrap ul.list_wrap li .img_wrap{position:relative; width:100%; padding-bottom:92.105%;}
.sub0601_wrap ul.list_wrap li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.sub0601_wrap ul.list_wrap li .img_box .sns_tag{position: absolute;bottom: 20px; right: 20px;}