/* 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');
}

@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 200;
  src: url(/assets/font/SUIT-Thin.otf) format('opentype');
  src: url(/assets/font/SUIT-Thin.otf) format('opentype'),
       url(/assets/font/SUIT-Thin.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 300;
  src: url(/assets/font/SUIT-Light.otf) format('opentype');
  src: url(/assets/font/SUIT-Light.otf) format('opentype'),
       url(/assets/font/SUIT-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 400;
  src: url(/assets/font/SUIT-Regular.otf) format('opentype');
  src: url(/assets/font/SUIT-Regular.otf) format('opentype'),
       url(/assets/font/SUIT-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 500;
  src: url(/assets/font/SUIT-Medium.otf) format('opentype');
  src: url(/assets/font/SUIT-Medium.otf) format('opentype'),
       url(/assets/font/SUIT-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 600;
  src: url(/assets/font/SUIT-SemiBold.otf) format('opentype');
  src: url(/assets/font/SUIT-SemiBold.otf) format('opentype'),
       url(/assets/font/SUIT-SemiBold.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 700;
  src: url(/assets/font/SUIT-Bold.otf) format('opentype');
  src: url(/assets/font/SUIT-Bold.otf) format('opentype'),
       url(/assets/font/SUIT-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 800;
  src: url(/assets/font/SUIT-ExtraBold.otf) format('opentype');
  src: url(/assets/font/SUIT-ExtraBold.otf) format('opentype'),
       url(/assets/font/SUIT-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'SUIT';
  font-style: normal;
  font-weight: 900;
  src: url(/assets/font/SUIT-Heavy.otf) format('opentype');
  src: url(/assets/font/SUIT-Heavy.otf) format('opentype'),
       url(/assets/font/SUIT-Heavy.ttf) format('truetype');
}

@font-face {
	font-family: 'Poppins';
	font-weight: 300;
	src: url('/assets/font/Poppins-Light.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 400;
	src: url('/assets/font/Poppins-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 500;
	src: url('/assets/font/Poppins-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 700;
	src: url('/assets/font/Poppins-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 600;
	src: url('/assets/font/Poppins-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Poppins';
	font-weight: 900;
	src: url('/assets/font/Poppins-Black.woff') format('woff');
}

/* 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: 'SUIT', 'Segoe UI Emoji', 'Noto Color Emoji', 'Apple Color Emoji', sans-serif; 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: #ffef5e;
  --co02: #ffa742;
  
  --trs01:  all 500ms cubic-bezier(0.640, -0.135, 1.000, 1.005);
}

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

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

.fp{font-family: 'Poppins';}

*,html{cursor: none;}
.cursor {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;z-index: 10000;}
.cursor img {position: absolute;transform: translate(-50%, -50%);}
.f_cursor {width: 85px;height: 85px;}
.m_cursor {width: 95px; height: 81px;}

.cursor.hover{opacity: .9;}

#intro_con{position: fixed;top: 0;left: 0;width: 100%; height: 100vh;	overflow: hidden;z-index: 9999; background: #000;}
#intro_con .intro_wrap video{width: 100%; height: 100vh; object-fit:cover;}
#intro_con .skip_btn{position: absolute;top: 30px;right: 50px;display: flex;align-items: center;font-size: 40px; color: #fff;font-weight: 700;}

#header{position: fixed;top: 0; left: 0; width: 100%; z-index: 8000; background: #1d1c1c;transition: var(--trs01);}
#header.active{top: -100px;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 72px;}

#header .right_wrap{display: flex;gap:40px;align-items: center;}
#header .right_wrap a.sns{position: relative;}
#header .right_wrap a.sns img{transition:.4s;}
#header .right_wrap a.sns img.off{position: absolute; top: 0; left: 0;opacity: 0;}
#header .right_wrap a.sns:hover img.off{opacity: 1;}
#header .right_wrap a.sns:hover img.on{opacity: 0;}

#header ul.gnb{display: flex;gap:40px;}
#header ul.gnb li{position: relative;}
#header ul.gnb li:nth-child(1){width: 90px;}
#header ul.gnb li:nth-child(2){width: 100px;}
#header ul.gnb li:nth-child(3){width: 61px;}
#header ul.gnb li:nth-child(4){width: 95px;}
#header ul.gnb li a{display: block;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);font-size: 20px; color: #fff;transition:.3s;}
#header ul.gnb li:hover a span{font-weight: 600;}

.nav_btn{display: none;}
.navigation{display: none;}

#visual_wrap{line-height: 1;width: 100%;margin-top: 72px;}
#visual_wrap .visual{width: 100%;}
#visual_wrap .video_wrap { display: none; width: 100%;}
#visual_wrap .visual img,
#visual_wrap .visual video{width: 100%;}

/* section */
.section{position: relative;line-height: 1;background: #fff;z-index: 10;}
.section .sec_tit{margin-bottom: 72px;}
.section .sec_tit strong{display: block; color: #000; font-weight: 600;font-size: 48px; text-align: center;margin-bottom: 2px; line-height: 1.4;}
.section .sec_tit p{font-size: 32px;color: #000; line-height: 45px;text-align: center;}
.section .sec_tit p div{color: #222;}
/* .section .sec_tit p div:hover{animation:secTitAni01 1s ease forwards;}
@keyframes secTitAni01{
0%{color: #222;}
50%{color: var(--co01);}
100%{color: #222;}
} */

.section .sec_tit a.more_btn_st01{margin: 20px auto 0;}
a.more_btn_st01{position: relative;display: flex;justify-content: center;align-items: center;width: 171px;height: 64px;font-size: 24px; color: #000; font-weight: 500;border-radius:50px; box-shadow: 0px 4px 14px rgba(0,0,0,.15);transition:.4s;}
a.more_btn_st01:hover{background: var(--co01); }

/* section01 */
#section01{padding: 0;}
#section01::after{content:'';position: absolute; left: 0; top: -192px; width: 100%; height: 192px;background: linear-gradient(0deg,rgba(0, 0, 0, 1) 10%, transparent 90%);}
#section01 .sec_tit{position: absolute;left: 50%; top: 50%;transform:translate(-50%,-50%);margin-bottom: 0;}
#section01 video{width: 100%;}


/* section02 */
#section02{padding: 200px 0; background: url(/assets/images/main/sec02_bg01_pc.png)center no-repeat; background-size: cover;}
#section02 .inner{width: 1597px;max-width: 100%;}
#section02 .sec_tit{margin-bottom: 120px;}
#section02 .sec_tit strong{display: block;text-align: left;background-image: linear-gradient(90deg, #171717 0%, #636363 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
#section02 .sec_tit p{text-align: left;}

#section02 .box_wrap{display: flex;gap:23px;justify-content: flex-end;}
#section02 .box_wrap .box{position: relative;width: 312px; height: 376px;  border-radius:18px;overflow: hidden;}
#section02 .box_wrap .box .bg{width: 100%; height: 100%;padding: 34px 24px;background: #fff;transition:.5s;}
#section02 .box_wrap .box .icon{position: absolute; right: 24px; bottom: 40px;}
#section02 .box_wrap .box:nth-child(1) .icon{bottom: 30px;}
#section02 .box_wrap .box p{font-size: 56px; font-weight: 800;color: #171717;overflow-y: hidden;width: 100%;}
#section02 .box_wrap .box p b{position: relative;display: inline-block;height: 52px;overflow: hidden;font-weight: 800;}
#section02 .box_wrap .box p b .number{}
#section02 .box_wrap .box p b .dummy{position: absolute;top: 0;left: 0;}
#section02 .box_wrap .box p img{transform: translate(-5px, 5px);}
#section02 .box_wrap .box em{display: block;color: #0D0D0D;font-size: 28px; font-weight: 600;margin-top: 10px;}

#section02 .box_wrap .box:hover .bg{background: #15141D;}
#section02 .box_wrap .box:hover p{color: #fff;}
#section02 .box_wrap .box:hover em{color: #fff;}

/* #section02 ul{margin-top: 40px;}
#section02 ul li{position: relative;padding-left: 16px;font-size: 16px; color: #222; font-weight: 500;}
#section02 ul li:not(:last-child){margin-bottom: 12px;}
#section02 ul li::after{content:'';position: absolute; left: 0; top: 6px;width: 4px; height: 4px;background: #222; border-radius:50%;} */

#slider_bg_wrap{position: relative;z-index: 100;background: linear-gradient(0deg,rgba(250, 248, 253, 1) 50%, rgba(255, 255, 255, 1) 100%);}

/* section03 - section05 */
#section03,
#section04,
#section05{background: transparent;}
#section03{padding: 500px 0 270px;}
.section .slide_wrap{padding: 80px 0;}
.section .slide_wrap .slick-list{overflow: visible;}
.section .slide_wrap .slide.slick-center{transform: scale(1.25);z-index: 2;}
.section .slide_wrap .slide{position: relative;width: 464px;transition:.5s;box-sizing: border-box;margin-right: 24px;/* margin-right: 80px; */}
.section .slide_wrap .img_wrap{position:relative; width:100%; padding-bottom:137.931%;border-radius:20px; overflow: hidden;}
.section .slide_wrap .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;}
.section .slide_wrap .slick-dots{display: flex; align-items: center; justify-content: center;gap:16px;margin-top: 150px;}
.section .slide_wrap .slick-dots li{width: 16px; height: 16px;background: #D9D9D9; border-radius:50%;text-indent: -9999px;transition:.4s;}
.section .slide_wrap .slick-dots li.slick-active{background: #000;}
.section .slide_wrap .slick-dots li:first-child{width: 12px; height: 12px;}
.section .slide_wrap .slick-dots li:last-child{width: 12px; height: 12px;}

.section .slide_wrap .dots_slider{position: relative;width: 100%;}
.section .slide_wrap .dots_slider .slick-list{width: 240px;overflow: hidden;margin: 0 auto;}
.section .slide_wrap .dots_slider .dot{width: 16px; height: 16px;background: #D9D9D9; border-radius:50%;margin-right: 16px;transition:.4s;margin-top: 150px;}
.section .slide_wrap .dots_slider .dot.slick-center{background: #000;}


/*section05*/
#section05{padding: 190px 0 420px;}

/*section06*/
#section06{position: relative;z-index: 100;height: 980px;background: #FAF8FD;line-height: 1;}
#section06 .txt_wrap{position: absolute;left: 50%; top: 50%; transform:translate(-50%,-50%);width: 100%;}

#section06 .txt_wrap p{font-size: 142px;font-weight: 500;	background-image: linear-gradient(90deg, #1A1B1F 0%, #484C5F 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
#section06 .txt_wrap strong{display: flex;align-items: center; justify-content: center;font-size: 142px;font-weight: 500;	background-image: linear-gradient(90deg, #FFDE4A 0%, #FFBC69 100%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;text-align: center;}
#section06 .txt_wrap strong em{position: relative;display: block;width: 220px;}
#section06 .txt_wrap strong em img{position: absolute;left: 50%; top: 50%; transform:translate(-50%,-50%);}
#section06 .txt_wrap .more_btn01{width: fit-content;margin: 100px auto 0;transition:.4s;border-radius: 50px;}
#section06 .txt_wrap .more_btn01:hover{background: var(--co01);}
#section06 .txt_wrap a.more_btn_st01{width: 256px; height: 84px;font-size: 32px;background-image: linear-gradient(130deg, #8B8D96 30%, #484C5F 70%);background-clip: text;-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-weight: 500;}

.stamp{position: absolute;width: 144px;transform: translate(-50%, -50%) scale(0);pointer-events: none;animation: pop 0.2s ease-out forwards;z-index: 1000;}
@keyframes pop {
	100% {transform: translate(-50%, -50%) scale(1);}
}

/* footer */
#footer{background: #000;padding: 64px 0;}
#footer .inner{display: flex; align-items: center; justify-content: space-between;}
#footer .left{display: flex;align-items: center; gap:20px;}
#footer .left address strong{display: block;color: #fff;font-size: 16px;font-weight: 700; margin-bottom: 5px;}
#footer .left address p{font-size: 14px; color: rgba(255,255,255,.5);line-height: 1.4;}
#footer .right{display: flex; align-items: center; justify-content: center;gap:20px;}
#footer .right .box strong{display: block;font-size: 14px; color: #fff;font-weight:  400;}
#footer .right .box p{font-size: 14px; color: rgba(255,255,255,.5);font-weight:  400;}
#footer .right a.sns{display: block; margin-left: 36px;}

/* ===sub=============================================== */
#header.sub_header{background: var(--co01);}
#header.sub_header ul.gnb li a{color: #222;}

#sub_contents{padding: 188px 0px 240px;}
#sub_contents.no_pb{padding: 200px 0px 0px;}
#sub_contents.bg{background: linear-gradient(0deg,rgba(250, 248, 253, 1) 0%, rgba(255, 255, 255, 1) 100%);}
#sub_contents.bg02{background: #FAF8FD;}

#sub_contents .inner{width: 1440px;padding: 0;}
#sub_contents .contop{padding-bottom: 40px;}
#sub_contents .contop h3{font-size: 72px; color: #222; font-weight: 600;margin-bottom: 0px;}
#sub_contents .contop h3.lh02{line-height: 1.2;}
#sub_contents .contop h4{font-size: 72px;color: #222; font-weight: 600;}
#sub_contents .contop h4.lh02{line-height: 1.2;}
#sub_contents .contop .txt{}
#sub_contents .contop .txt strong{display: block;font-size: 40px; color: #222; font-weight: 700;line-height: 1.4;}
#sub_contents .contop .txt p{font-size: 34px;line-height: 1.3;color: #222; margin-top: 5px; font-weight: 300;}
#sub_contents .contop .txt p.fw{font-weight: 400;}

@media screen and (max-width:1600px) {
#sub_contents .inner{width: 100%;padding: 0 2.6%;}
}

/* list */
.list_wrap01{line-height: 1;}
.list_wrap01 ul{display: flex;flex-wrap:wrap;gap:40px 18px;}
.list_wrap01 ul li{width: calc((100% - 36px) / 3);}
.list_wrap01 ul li .img_wrap{position:relative; width:100%; padding-bottom:141.582%; overflow: hidden; border-radius:30px;}
.list_wrap01 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;}
.list_wrap01 ul li .bg_txt{display: flex;align-items: center; justify-content: center;flex-direction: column;opacity: 0;position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;background: rgba(0,0,0,.7);transition:.4s ease;width: 100%;}
.list_wrap01 ul li .bg_txt p{font-size: 40px; color: #fff; font-weight: 700;text-align: center;}
.list_wrap01 ul li .bg_txt span{display: block;font-size: 24px; color: #fff; text-align: center;margin-top: 15px;}
.list_wrap01 ul li:hover .bg_txt{opacity: 1;}

/* view */
.view_wrap01{line-height: 1;}
.view_wrap01 .con_wrap{display: flex;gap:24px;}
.view_wrap01 .con_wrap .img_con .txt_wrap{display: none;}
.view_wrap01 .con_wrap .img_box{width: 342px;}
.view_wrap01 .con_wrap .img_wrap{position:relative; width:100%; padding-bottom:156.725%;overflow: hidden;border-radius:30px;}
.view_wrap01 .con_wrap .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;}

.view_wrap01 .con_wrap .txt_con{display: flex;flex-direction: column;justify-content: space-between;width: calc(100% - 366px);padding: 72px 32px 72px;background: #fff;border-radius:30px;padding-right: 0;box-shadow: 0px 0px 15px rgba(0, 0, 0, .05);}
.view_wrap01 .con_wrap .txt_con .txt_wrap{display: flex;gap:45px;padding-right: 125px;}
.view_wrap01 .con_wrap .tag{display: flex;align-items: center; width: fit-content; height: 36px;padding: 0px 20px; margin-bottom: 20px; background: #000;border-radius:18px;color: var(--co01); font-size: 20px;text-transform:uppercase;}
.view_wrap01 .con_wrap .txt01{margin-left: 10px;}
.view_wrap01 .con_wrap .txt01 strong{display: block;font-size: 36px; color: #222; font-weight: 700; margin-bottom: 15px;}
.view_wrap01 .con_wrap .txt01 p{font-size: 22px; color: #222; line-height: 28px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap{display: flex;align-items: center;gap:14px; margin-top: 15px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns:nth-child(1) img{width: 22px; }
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns:nth-child(2) img{width: 20px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns:nth-child(3) img{width: 20px;}
.view_wrap01 .con_wrap .txt01 .sns_wrap .sns a{display: flex; align-items: center; gap:7px;font-size: 19px; color: #222;}

.view_wrap01 .con_wrap .txt_con .slide_wrap{position: relative; width: 100%; margin-top: 5px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap::after{content:'';position: absolute; right: 0; top: 0;height: 100%; width: 207px; background: linear-gradient(90deg,transparent 50%, rgba(255, 255, 255, 1) 100%);pointer-events: none;}
.view_wrap01 .con_wrap .txt_con .slide_wrap .arr_wrap{position: absolute; right: 32px; top: -50px;display: flex;align-items: center; gap:10px;z-index: 10;}
.view_wrap01 .con_wrap .txt_con .slide_wrap .arr_wrap button img{width: 32px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul{}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li{width: 341px;margin-right: 10px;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:56.205%; overflow: hidden; border-radius:12px;transition:.4s;}
.view_wrap01 .con_wrap .txt_con .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;}
.view_wrap01 .con_wrap .txt_con .slide_wrap ul li .img_wrap:hover{filter: brightness(0.7);}

.view_wrap01 .con_wrap .pop_wrap{display: none;position: fixed; left: 0; top: 0; width: 100%; height: 100vh; z-index: 9999; background: rgba(0,0,0,.5);}
.view_wrap01 .con_wrap .pop_wrap .pop_box{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);width: 1200px;max-height: 95vh;overflow-y: scroll;}
.view_wrap01 .con_wrap .pop_wrap .pop_box::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.view_wrap01 .con_wrap .pop_wrap .pop_box::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: var(--co01); /* 스크롤바의 색상 */border-radius: 10px;}
.view_wrap01 .con_wrap .pop_wrap .pop_box::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0);  /*스크롤바 뒷 배경 색상*/}
.view_wrap01 .con_wrap .pop_wrap .pop_box .pop_x_btn{display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; background: rgba(0,0,0,.3); border-radius:50%;margin-left: auto;margin-bottom: 30px; }
.view_wrap01 .con_wrap .pop_wrap .pop_box .pop_x_btn img{width: 22px;filter: brightness(0);}
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap{position:relative; width:100%; padding-bottom:56.25%; overflow: hidden; border-radius:30px;}
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap img,
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_wrap video,
.view_wrap01 .con_wrap .pop_wrap .pop_box .img_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;}

.view_wrap01 .con01{padding-bottom: 60px;}
.view_wrap01 .con02{background: #101010;padding: 82px 0px 100px;}
.view_wrap01 .con02 .tit{margin-bottom: 42px;}
.view_wrap01 .con02 .tit p{font-size: 56px; color: #fff; font-weight: 600;}

/* contact */
.sub0401_wrap{line-height: 1;}
.sub0401_wrap ul.online{display: flex;flex-wrap:wrap;gap:30px 20px;}
.sub0401_wrap ul.online li{display: flex;width: calc((100% - 20px) / 2);}
.sub0401_wrap ul.online li.li02{width: 100%;}
.sub0401_wrap ul.online li p{font-size: 26px; color: #222; font-weight: 600;width: 160px;padding-left: 20px;transform: translateY(17px);}
.sub0401_wrap ul.online li .input{width: calc(100% - 160px);}
.sub0401_wrap ul.online li .input input[type="text"]{font-size: 18px; color: #222;border:1px solid #ddd;width: 100%;height: 60px; border-radius:12px; padding: 0px 20px;}
.sub0401_wrap ul.online li .input input[type="text"]::placeholder{font-size: 18px; color: #999;}
.sub0401_wrap ul.online li .input input[type="text"]:focus{outline:0;}

.sub0401_wrap ul.online li .input select{font-size: 18px; color: #222;border:1px solid #ddd;width: 100%;height: 60px; border-radius:12px; padding: 0px 20px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none; background: url(/assets/images/sub/select_icon_pc.png)center right 20px no-repeat; background-size: 18px;}
.sub0401_wrap ul.online li .input select:not(:last-child){margin-bottom: 10px;}
.sub0401_wrap ul.online li .input select:focus{outline:0;background: url(/assets/images/sub/select_icon_on_pc.png)center right 20px no-repeat; background-size: 18px;}
.sub0401_wrap ul.online li .input select option{background: #f6f6f6; color: #999;}

.sub0401_wrap ul.online li .input textarea{font-size: 18px; color: #222;border:1px solid #ddd;width: 100%;height: 250px; border-radius:12px; padding: 20px;}
.sub0401_wrap ul.online li .input textarea::placeholder{font-size: 18px; color: #999;}
.sub0401_wrap ul.online li .input textarea:focus{outline:0;}

.sub0401_wrap ul.online li .input input[type="file"]{display: none;}
.sub0401_wrap ul.online li .input .file_wrap{display: flex;gap:10px;}
.sub0401_wrap ul.online li .input .file_wrap .file_txt{display: block;font-size: 18px; color: #999;border:1px solid #ddd;width: calc(100% - 190px);height: 60px; border-radius:12px; padding: 0px 20px; line-height: 58px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0401_wrap ul.online li .input .file_wrap .file_btn{display: flex;align-items: center; justify-content: center;font-size: 18px;width: 180px;height: 60px; border-radius:12px; color: #fff; background: #222;}

.sub0401_wrap ul.online li .select_wrap{display: flex;gap:10px;}
.sub0401_wrap ul.online li .select_wrap select{width: calc((100% - 10px) / 2);}

.sub0401_wrap .more_btn_st01{width: 300px;height: 70px;margin: 80px auto 0; border-radius:35px;justify-content: center;}