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

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
    font-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: "Oswald", 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;}

/* input {appearance: none; -webkit-appearance: none; -webkit-border-radius: 0;}
select {-webkit-appearance: none; -moz-appearance: none; appearance: none;} */

.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: #f8cc00;
  --co02: #0093ff;
}

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

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

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

svg.curzr{position: fixed;}

/*header*/
#header{position: absolute;width: 100%;top: 0;z-index: 7000;line-height: 1;}
#header .inner{display: flex;align-items: center; justify-content: space-between; height: 110px;}
#header .right{display: flex;align-items: center;gap:90px;}
#header ul.gnb{display: flex;gap:90px;}
#header ul.gnb li a{font-size: 20px; color: #fff;}

#header .nav_btn img{transition:.3s ease;}
#header .nav_btn:hover img{transform:rotate(360deg);}

.navigation{position: absolute;top: 0; right: -860px;display: flex;flex-direction: column;width: 860px;height: 100%; background: rgba(0,0,0,.9);z-index: 8000; line-height: 1; transition: all 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);}
.navigation.on{right: 0;}
.navigation .nav_header{display: flex;align-items: center;justify-content: flex-end; height: 110px;padding: 0 100px;}
.navigation .lnb{display: flex;flex-direction: column;justify-content: flex-end;padding: 80px;height: calc(100vh - 110px);}
.navigation .lnb h3 a{font-size: 100px; color: #fff;font-weight: 400;}
.navigation .lnb h3:not(:last-child){margin-bottom: 60px;}

/* visual_wrap */
#visual_wrap{position: relative;line-height: 1;}
#visual_wrap .video_wrap{position:relative; width:100%; padding-bottom:51.042%;}
#visual_wrap .video_wrap img,
#visual_wrap .video_wrap video,
#visual_wrap .video_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;}
#visual_wrap .txt_wrap{position: absolute;left: 0; bottom: 100px;}
#visual_wrap .txt_wrap p{font-size: 160px; line-height: 180px; color: #fff; font-weight: 500;text-transform:uppercase;}

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

/* section01 */
#section01{position: relative;display: flex;align-items: center; justify-content: center;min-height: 100vh;}
#section01 .txt_wrap{position: relative;width: fit-content;margin: 0 auto;}
#section01 .txt_wrap p{font-size: 280px; -webkit-text-fill-color: rgba(255, 255, 255, 0.1);-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, transparent 50.1%);background-size: 0% 100%;text-transform:uppercase;text-align: center;}
#section01 .btn_wrap{display: flex;align-items: center;position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);}
#section01 .btn_wrap a.youtube_btn{display: flex;align-items: center;justify-content: center;gap:20px;width: 254px; height: 100px;background: #fff; border-radius:50px;box-shadow: 5px 5px 10px rgba(0, 0, 0, .5);}
#section01 .btn_wrap a.youtube_btn p{font-size: 35px; color: #000;}
#section01 .btn_wrap a.arr{display: flex;align-items: center; justify-content: center; background: var(--co01);width: 100px; height: 100px; border-radius:100%;box-shadow: 5px 5px 10px rgba(0, 0, 0, .5);}

#section01 .img{position: absolute;bottom: 15px;left: 68%;transform: translateX(-50%);}

/*section02*/
#section02{position: relative;line-height: 1;cursor: grab;}
#section02 .inner{position: relative;display: flex;align-items: center;justify-content: space-between;width: 1500px;padding: 0;min-height: 100vh;}
#section02 .txt_wrap{position: relative;}
#section02 .txt_wrap .slide_wrap{width: 224px;height: 36px;overflow: hidden; background: var(--co01);}
#section02 .txt_wrap .slide_wrap ul.sec02_slide li{font-size: 20px; line-height: 35px; color: #111; font-weight: 500;margin-right: 25px;}
#section02 .txt_wrap p{font-size: 220px; line-height: 240px;color: #fff;font-weight: 500;text-transform:uppercase;}

#section02 .txt_wrap .icon{position: absolute;}
#section02 .txt_wrap .icon01{top: 0;right: 65px;}
#section02 .txt_wrap .icon02{top: 200px;left: 50%;transform: translateX(-50%);}
#section02 .txt_wrap .icon03{bottom: -15px;left: 45px;}
#section02 .txt_wrap .icon04{bottom: -165px;right: 80px;}

.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);}
}

#section02 .video_box{width: 410px;}
#section02 .video_wrap{position:relative; width:100%; padding-bottom:178.049%;overflow: hidden; border-radius:12px;}
#section02 .video_wrap img,
#section02 .video_wrap video,
#section02 .video_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;}
#section02 .video_wrap::after{content:'';position: absolute;top: 72px; width: 100%; height: calc(100% - 110px); z-index: 100;/* background: rgba(255,255,255,.4); */}

#section02 .video_box .slick-dots{position: absolute;top: 65px;left: 0;padding: 0 30px;display: flex;align-items: center;justify-content: center;gap:10px;width: 100%;}
#section02 .video_box .slick-dots li{position: relative;flex:1;height: 6px; background: rgba(255,255,255,.2); border-radius:5px;text-indent: -9999px;}
#section02 .video_box .slick-dots li::after{content:'';position: absolute;top: 0; left: 0;width: 0; height: 100%; background: #fff;border-radius:2px;}
#section02 .video_box .slick-dots li.slick-active::after{animation: dotsAni01 3.5s linear forwards;}
@keyframes dotsAni01{
0%{width: 0;}
100%{width: 100%;}
}

/* section03 */
#section03{position: relative;min-height: 100vh;	}
#section03 .slide{overflow: hidden;}
#section03 .slide .slick-track{display: flex;align-items: center;}
#section03 .slide .item .txt{display: inline-flex;align-items: center;font-size: 260px; color: #111;text-transform:uppercase;width: max-content;}
#section03 .slide .item .txt p{display: inline-block;}
#section03 .slide .item .txt img.pc_img{display: inline-block;}
#section03 .slide01{position: absolute;top: 80px;background: var(--co02);transform: rotate(6deg) translateX(-20px);transform-origin: left;}
#section03 .slide02{position: absolute;bottom: 80px;background: var(--co01);transform: rotate(-6deg) translateX(-20px);transform-origin: left;}

/* section04 */
#section04{padding: 115px 0;}
#section04 .inner{padding: 0;padding-left: 100px;}
#section04 ul.sec04_slide{}
#section04 ul.sec04_slide li{position: relative;margin-right: 20px;width: 500px;}
#section04 ul.sec04_slide li .img_box{position: relative;}
#section04 ul.sec04_slide li .img_wrap{position:relative; width:100%; padding-bottom:150%;overflow: hidden; border-radius:40px;}
#section04 ul.sec04_slide li .img_wrap::after{content:'';position: absolute;top: 0; left: 0;width: 100%; height: 100%;background: linear-gradient(180deg,transparent 55%, rgba(0, 0, 0, .95) 81%);}
#section04 ul.sec04_slide 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;border-radius: 43px;}
#section04 ul.sec04_slide li .img_wrap.h_img{opacity: 0;position: absolute;top: 0;left: 0;transition:.4s ease;}
#section04 ul.sec04_slide li:hover .img_wrap.h_img{opacity: 1;}

#section04 ul.sec04_slide li .txt_wrap{position: absolute;bottom: 35px; left: 0;width: 100%;padding: 40px;pointer-events: none;}
#section04 ul.sec04_slide li .txt_wrap p{font-size: 35px; color: #fff;font-weight: 700;text-align: center;margin-bottom: 20px;text-transform:uppercase;}
#section04 ul.sec04_slide li .txt_wrap .sns_wrap{display: flex; align-items: center;justify-content: center;margin-bottom: 45px;}
#section04 ul.sec04_slide li .txt_wrap .sns_wrap a{pointer-events: initial;}
#section04 ul.sec04_slide li .txt_wrap span{display: block;font-size: 18px; color: #fff; line-height: 30px;text-align: center;}

#section04 .siide_items{display: flex;align-items: center; justify-content: center;gap:20px;margin-top: 60px;}
#section04 .siide_items .sec04_prev{display: block;}
#section04 .siide_items .sec04_next{display: block;}
#section04 .siide_items .sec04_dots{position: relative;width: 260px; height: 5px;background: rgba(255,255,255,.2); height: 5px; border-radius:	2.5px;overflow: hidden;}
#section04 .siide_items .sec04_dots li{position: absolute;left: 0;top: 0;width: 0;height: 100%;background: var(--co01);text-indent: -9999px;}
#section04 .siide_items .sec04_dots li.slick-active{animation: sec04Ani 3s  linear forwards;}
@keyframes sec04Ani{
0%{width: 0;}
100%{width: 100%;}
}

/* section05 */
#section05{position: relative;padding: 130px 0;}
#section05 .bg_txt{position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);font-size: 350px; color: rgba(255,255,255,.05); font-weight: 700;pointer-events: none;}
#section05 .inner{width: 1500px;padding: 0;}
#section05 .box_wrap{display: flex;gap:40px;}
#section05 .box_wrap .box{width: calc((100% - 80px) / 3);}
#section05 .box_wrap .box .video_wrap{position:relative; width:100%; padding-bottom:136.152%;}
#section05 .box_wrap .box .video_wrap img,
#section05 .box_wrap .box .video_wrap video,
#section05 .box_wrap .box .video_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;}

#section05 .btn_wrap{position: absolute;left: 50%;bottom: 100px; transform:translateX(-50%);display: flex;align-items: center; justify-content: center;gap:20px;}
#section05 .btn_wrap a{display: flex;align-items: center; justify-content: center;gap:20px;width: 254px;height: 100px; border-radius:50px; background: #fff;}
#section05 .btn_wrap a.btn02{background: var(--co01);}
#section05 .btn_wrap a p{font-size: 35px; color: #333;}

/* footer */
#footer{position: relative;line-height: 1;}
#footer .f_wrap{position: relative;display: flex;align-items: center; justify-content: space-between;border-top: 1px solid rgba(255,255,255,.2);padding: 30px 0;}
#footer .f_wrap p{font-size: 18px;color: #fff;}
#footer .f_wrap .left p{text-transform:uppercase;}
#footer .f_wrap .right p{font-weight: 300;}
#footer .f_wrap .sns_wrap{position: absolute;left: 50%;top: 50%;transform:translate(-50%,-50%);display: flex;align-items: center;gap:40px;}

/* ==sub================================ */
#sub_contents{margin-top: 110px; padding: 150px 0 180px;min-height: calc(100vh - 189px);}
#sub_contents .contop{line-height: 1; margin-bottom: 80px;}
#sub_contents .contop .inner{display: flex;align-items: flex-end;gap:40px;}
#sub_contents .contop h3{font-size: 120px; color: #fff; font-weight: 300;}

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

ul.tab_menu{display: flex;gap:40px;}
ul.tab_menu li{position: relative;}
ul.tab_menu li:not(:last-child)::after{content:'';position: absolute;right: -21px;top: 60%;transform:translateY(-50%);width: 2px; height: 16px; background: #333;}
ul.tab_menu li a{font-size: 24px; color: #fff;}
ul.tab_menu li.on a{color: var(--co01);}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{position: relative;}
.sub0101_wrap .con01 img{display: block; margin: 0 auto;max-width: 100%;}
.sub0101_wrap .con01 p{position: absolute;font-size: 80px; color: #fff; font-weight: 700;}
.sub0101_wrap .con01 p.txt01{left: 0;bottom: 180px;}
.sub0101_wrap .con01 p.txt02{right: 0; bottom: 80px;}

.sub0101_wrap .con02{display: flex;padding: 180px 0;}
.sub0101_wrap .con02 .tit{width: 530px;}
.sub0101_wrap .con02 .tit p{font-size: 20px; color: #fff; font-weight: 700;text-transform:uppercase;}
.sub0101_wrap .con02 .txt{width: calc(100% - 530px);}
.sub0101_wrap .con02 .txt p{font-size: 26px; line-height: 40px;font-weight: 700;-webkit-text-fill-color: rgba(255, 255, 255, 0.1);-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, transparent 50.1%);background-size: 0% 100%;}
.sub0101_wrap .con02 .txt em{display: block;height: 25px;}

.sub0101_wrap .con03{position: relative; padding-top: 140px;}
.sub0101_wrap .con03 .tit{position: absolute;top: 0; left: 60px;z-index: 100;}
.sub0101_wrap .con03 .tit p{font-size: 80px;color: #fff; font-weight: 700; line-height: 110px;font-weight: 500; text-shadow: 6px 6px 12px rgba(0,0,0,.15);}
.sub0101_wrap .con03 .tit p b{font-weight: 700;}
.sub0101_wrap .con03 .img_wrap{display: flex;justify-content: center;gap:10px;}
.sub0101_wrap .con03 .img_wrap img{max-width: 100%;}
.sub0101_wrap .con03 .txt{margin-top: 90px;}
.sub0101_wrap .con03 .txt p{font-size: 26px; color: #fff; font-weight: 700; line-height: 40px;text-align: center;}
.sub0101_wrap .con03 .txt p div{overflow: visible !important;}

/* sub0301 */
.sub0301_wrap{line-height: 1;}
.sub0301_wrap .con01{display: flex;align-items: center;}
.sub0301_wrap .con01 .img_box{width: 50%;}
.sub0301_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:91.667%;}
.sub0301_wrap .con01 .img_wrap img,
.sub0301_wrap .con01 .img_wrap video,
.sub0301_wrap .con01 .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;}

.sub0301_wrap .con01 .txt_box{width: 50%;padding-left: 160px;}
.sub0301_wrap .con01 .txt_box .tit span{display: block;font-size: 20px; color: #fff; font-weight: 700;}
.sub0301_wrap .con01 .txt_box .tit p{font-size: 80px; color: #fff; line-height: 110px; margin-top: 10px;}
.sub0301_wrap .con01 .txt_box .txt{margin-top: 60px;}
.sub0301_wrap .con01 .txt_box .txt p{font-size: 26px; color: #fff; line-height: 40px;}

.sub0301_wrap .con02{padding: 180px 0px;}
.sub0301_wrap .con02 p{font-size: 26px; line-height: 40px;text-align: center;font-weight: 700;-webkit-text-fill-color: rgba(255, 255, 255, 0.1);-webkit-background-clip: text;background-repeat: no-repeat;background-image: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, transparent 50.1%);background-size: 0% 100%;}

.sub0301_wrap .con03 .slide01 .slick-list{overflow: visible;}
.sub0301_wrap .con03 .slide01 li{position: relative;width: 782px;margin-right: 15px;}
.sub0301_wrap .con03 .slide01 li::after{content:'';position: absolute;left: 0; top: 0; width: 100%; height: 100%; z-index: 100;}
.sub0301_wrap .con03 .slide01 li .img_wrap{position:relative; width:100%; padding-bottom:56.266%; overflow: hidden; border-radius:12px;}
.sub0301_wrap .con03 .slide01 li .img_wrap img,
.sub0301_wrap .con03 .slide01 li .img_wrap video,
.sub0301_wrap .con03 .slide01 li .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;}

.sub0301_wrap .con04{position: relative;height: 810px; overflow: hidden;}
.sub0301_wrap .con04 .bg{width: 1100px;position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);filter: brightness(0.3);}
.sub0301_wrap .con04 .bg video{width: 100%;max-width: 100%;}
.sub0301_wrap .con04 .txt_wrap{position: absolute; left: 50%; top: 50%;transform:translate(-50%,-50%);width: 100%;}
.sub0301_wrap .con04 .txt_wrap p{font-size: 40px; line-height: 60px;text-align: center;color: #fff;}
							 
/* artist-list */
ul.list01{display: flex;flex-wrap:wrap;gap:80px 20px; line-height: 1;}
ul.list01 li{position: relative;width: calc((100% - 60px) / 4);}
ul.list01 li .img_wrap{position:relative; width:100%; padding-bottom:150%;overflow: hidden; border-radius:40px;}
ul.list01 li .img_wrap::after{content:'';position: absolute;bottom: 0; left: 0;width: 100%; height: 50%;background: linear-gradient(180deg,transparent 0%, rgba(0, 0, 0, .9) 100%);}
ul.list01 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;border-radius: 43px;}
ul.list01 li .img_wrap.h_img{opacity: 0;position: absolute;top: 0;left: 0;transition:.4s ease;}
ul.list01 li:hover .img_wrap.h_img{opacity: 1;}

ul.list01 li .txt_wrap{position: absolute;bottom: 0px; left: 0;width: 100%;padding: 40px;pointer-events: none;}
ul.list01 li .txt_wrap p{font-size: 35px; color: #fff;font-weight: 700;text-align: center;margin-bottom: 20px;text-transform:uppercase;}
ul.list01 li .txt_wrap .sns_wrap{display: flex; align-items: center;justify-content: center; pointer-events: initial;}

/* artist-view */
.view_wrap{line-height: 1;}
.view_wrap .inner{width: 100%; width: 1500px;padding: 0;}
.view_wrap .con01 .inner{display: flex;gap:120px;}
.view_wrap .con01 .img_box{width: 415px;}
.view_wrap .con01 .img_wrap{position:relative; width:100%; padding-bottom:150%;overflow: hidden; border-radius:40px;}
.view_wrap .con01 .img_wrap::after{content:'';position: absolute;bottom: 0; left: 0;width: 100%; height: 50%;background: linear-gradient(180deg,transparent 0%, rgba(0, 0, 0, .9) 100%);}
.view_wrap .con01 .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;border-radius: 43px;}
.view_wrap .con01 .img_wrap.h_img{opacity: 0;position: absolute;top: 0;left: 0;transition:.4s ease;}
.view_wrap .con01 .img_box:hover .img_wrap.h_img{opacity: 1;}

.view_wrap .con01 .txt_box{width: calc(100% - 535px);}
.view_wrap .con01 .txt_box em{display: flex;align-items: center; justify-content: center;width: 120px; height: 46px; background: var(--co01);font-size: 24px;color: #111; border-radius:23px;margin-bottom: 30px;}
.view_wrap .con01 .txt_box strong{display: block;font-size: 120px; color: #fff;font-weight: 300; margin-bottom: 30px;}
.view_wrap .con01 .txt_box ul{display: flex; margin-bottom: 40px;}
.view_wrap .con01 .txt_box ul li{width: 130px;}
.view_wrap .con01 .txt_box ul li span{display: block;font-size: 18px; color: #555;}
.view_wrap .con01 .txt_box ul li p{font-size: 18px; color: #fff; font-weight: 300;margin-top: 10px;}
.view_wrap .con01 .txt_box .txt p{font-size: 18px;color: #fff; line-height: 30px;}
.view_wrap .con01 .txt_box .sns_wrap{display: flex;align-items: center;	gap:20px; margin-top: 45px;}

.view_wrap .con02{display: flex;margin-top: 150px;}
.view_wrap .con02 .tit{width: 580px;padding-left: 210px;}
.view_wrap .con02 .tit p{font-size: 60px; color: #fff; line-height: 80px;}
.view_wrap .con02 .arr_wrap{display: flex; gap:10px;	margin-top: 40px;}

.view_wrap .con02 .slide_wrap{width: calc(100% - 580px);overflow: hidden;}
.view_wrap .con02 .con02_slide{display: flex;}
.view_wrap .con02 .con02_slide li{margin-right: 30px;}
.view_wrap .con02 .con02_slide img,
.view_wrap .con02 .con02_slide iframe{width: 942px;height: 530px; border-radius:40px;}

.view_wrap .con02 .con02_slide li.shorts-video img,
.view_wrap .con02 .con02_slide li.shorts-video iframe{width: 300px;height: 530px;}

/* sub0501 */
.sub0501_wrap{line-height: 1;font-family: 'Pretendard';}
.sub0501_wrap .online_wrap{display: flex;flex-wrap:wrap;gap:40px 60px;}
.sub0501_wrap .online_wrap .input_wrap{display: flex;width: calc((100% - 60px) / 2);}
.sub0501_wrap .online_wrap .input_wrap.w02{width: 100%;}
.sub0501_wrap .online_wrap .input_wrap p{width: 140px;font-size: 20px; line-height: 60px; color: #fff; font-weight: 700;}
.sub0501_wrap .online_wrap .input_wrap p em{color: var(--co01);font-weight: 700;}
.sub0501_wrap .online_wrap .input_wrap .input{width: calc(100% - 140px);}
.sub0501_wrap .online_wrap .input_wrap .input input[type="text"]{width: 100%; height: 60px; background: rgba(255,255,255,.3); border-radius:6px; border:0;font-size: 18px; color: #fff;padding: 0 18px;font-family: 'Pretendard';}
.sub0501_wrap .online_wrap .input_wrap .input input[type="text"]:focus{outline:0;}
.sub0501_wrap .online_wrap .input_wrap .input select{width: 100%; height: 60px; background: url(/assets/images_m/sub/select_arr.png)center right 18px no-repeat #f5f5f5; border-radius:6px; border:0;font-size: 18px; color: #333;padding: 0 18px;-webkit-appearance:none; /* for chrome */-moz-appearance:none; /*for firefox*/appearance:none;}
.sub0501_wrap .online_wrap .input_wrap .input select:focus{outline:0;}
.sub0501_wrap .online_wrap .input_wrap .ra_wrap{display: flex;gap:10px;width: 100%;}
.sub0501_wrap .online_wrap .input_wrap .ra_wrap input[type="radio"]{display: none;}
.sub0501_wrap .online_wrap .input_wrap .ra_wrap input[type="radio"] + label{display: flex;align-items: center; justify-content: center;width: calc((100% - 30px) / 4); height: 60px; font-size: 18px; color: #333;border-radius:6px; background: #f5f5f5;transition:.3s ease; cursor:pointer;}
.sub0501_wrap .online_wrap .input_wrap .ra_wrap input[type="radio"]:checked + label{color: #fff; background: var(--co01);}
.sub0501_wrap .online_wrap .input_wrap .input textarea{width: 100%; height: 320px; background: rgba(255,255,255,.3); border-radius:6px; border:0;font-size: 18px; color: #fff;padding: 20px; resize:none;font-family: 'Pretendard';}
.sub0501_wrap .online_wrap .input_wrap .input textarea:focus{outline:0;}
.sub0501_wrap .online_wrap .input_wrap .input textarea::placeholder{color: #999;}
.sub0501_wrap .online_wrap .input_wrap .chk_wrap{display: flex;align-items: center; gap:6px; margin-top: 20px;}
.sub0501_wrap .online_wrap .input_wrap .chk_wrap input[type="checkbox"]{display: none;}
.sub0501_wrap .online_wrap .input_wrap .chk_wrap input[type="checkbox"] + label{position: relative;padding-left: 30px;font-size: 18px; color: #999;}
.sub0501_wrap .online_wrap .input_wrap .chk_wrap input[type="checkbox"] + label::after{content:'';position: absolute;left: 0; top: 0; width: 20px; height: 20px;border:1px solid #ddd;	color: #fff;text-align: center;}
.sub0501_wrap .online_wrap .input_wrap .chk_wrap input[type="checkbox"]:checked + label::after{content:'';border:6px solid var(--co01); }
.sub0501_wrap .online_wrap .input_wrap .chk_wrap a.pri_btn{position: relative;font-size: 18px; color: #666; font-weight: 700;}
.sub0501_wrap .online_wrap .input_wrap .chk_wrap a.pri_btn::after{content:'';position: absolute;left: 50%;transform:translateX(-50%); bottom: -8px; width: 65px; height: 1px; background: #666;}
.sub0501_wrap .online_wrap a.submit_btn{display: flex;align-items: center; justify-content: center;width: 300px; height: 60px; border-radius:30px;margin: 80px auto 0;font-size: 18px; font-weight: 700; background: rgba(255,255,255,.3);color: #fff;}

/* pri_pop */
.pri_pop_wrap{display: none;position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5);z-index: 9999;line-height: 1;}
.pri_pop_wrap .pop_box_wrap{position: absolute; left: 50%;top: 50%;transform:translate(-50%,-50%);}
.pri_pop_wrap .pop_x_btn{display: block;position: relative;width: fit-content;font-size: 24px; color: #fff;font-weight: 700;margin-bottom: 20px;padding-right: 30px; margin-left: auto;}
.pri_pop_wrap .pop_x_btn::after{content:'';position: absolute;right: 0; top: 50%; transform:translateY(-50%);width: 20px; height: 3px; background: #fff;}
.pri_pop_wrap .pop_box{width: 1000px; height: 397px;background: #fff; border-radius:12px;padding: 40px 35px;}
.pri_pop_wrap .pop_box .txt{overflow-y: scroll;height: 100%;}
.pri_pop_wrap .pop_box .txt p{font-size: 18px; color: #999;line-height: 30px;white-space:pre-wrap;}

.pri_pop_wrap .pop_box .txt::-webkit-scrollbar {width: 6px;  /* 스크롤바의 너비 */}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-thumb{height: 30%; /* 스크롤바의 길이 */background: #ddd; /* 스크롤바의 색상 */border-radius: 10px;}
.pri_pop_wrap .pop_box .txt::-webkit-scrollbar-track {background: rgba(33, 122, 244, 0);  /*스크롤바 뒷 배경 색상*/}