/* 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_2025/font/Pretendard-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	src: url('/assets_2025/font/Pretendard-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	src: url('/assets_2025/font/Pretendard-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	src: url('/assets_2025/font/Pretendard-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	src: url('/assets_2025/font/Pretendard-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	src: url('/assets_2025/font/Pretendard-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	src: url('/assets_2025/font/Pretendard-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	src: url('/assets_2025/font/Pretendard-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	src: url('/assets_2025/font/Pretendard-Black.woff2') format('woff2');
}

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;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: "Play", 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: #8a43ff;
}

::selection{background: #8a43ff; color: #fff;}

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

#header{position: absolute; top: 0; left: 0; width: 100%;z-index: 7000; line-height: 1;}
#header .inner{display: flex;align-items: center; justify-content: space-between;height: 120px; }

#header .gnb{display: flex;align-items: center;height: 100%;}
#header .gnb > li{position: relative;display: flex;align-items: center;justify-content: center;flex-direction: column;padding: 0px 80px;height: 100%;}
#header .gnb > li:not(:last-child)::after{content:'';position: absolute; right: 0; top: 50%; transform:translateY(-50%);width: 2px; height: 16px; background: #fff;}
#header .gnb > li:last-child{padding-right: 0;}
#header .gnb span a p{font-size: 22px; color: #fff; font-weight: 700;text-align: center;}
#header .gnb span a em{display: block;font-size: 20px;color: #fff;text-align: center;margin-top: 15px;}
#header .gnb > li.on span a p{color:var(--co01);}
#header .gnb > li.on span a em{color:var(--co01);}

#header .gnb .lnb_sub{position: absolute; top: 120px; left: 50%; transform:translateX(-50%);z-index: 100; width: 330px; }
#header .gnb .lnb_sub ul{display: none;border-top: 2px solid var(--co01);}
#header .gnb .lnb_sub ul li a{display: flex;align-items: center; justify-content: center;height: 53px;font-size: 18px;color: #666;text-align: center; background: #fff;}
#header .gnb .lnb_sub ul li:not(:last-child){margin-bottom: 1px;}

/*navi*/
.nav_btn{display: none;}
.navigation{display: none;}

/* 공통 */
.tit_st01 p{font-size: 90px; color: #fff; font-weight: 700;}
.tit_st01 span{display: block;font-size: 35px; color: #fff; font-weight: 700; margin-top: 50px;}

.btn_wrap_st01 a{display: flex; align-items: center; justify-content: space-between;padding: 100px 20px;border-bottom: 1px solid #ddd;}
.btn_wrap_st01 a:first-child{border-top: 1px solid #fff;}
.btn_wrap_st01 a p{width: calc(100% - 120px);font-size: 40px; color: #fff; font-weight: 700;}
.btn_wrap_st01 a:hover img{animation:btnAni01 1s ease forwards;}
@keyframes btnAni01{
0%{transform:translateX(0px);}
50%{transform:translateX(-50px);}
100%{transform:translateX(0px);}
}


.grid_con{position: relative;min-height: 700px; }
.grid{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;display: grid;pointer-events: none;}

.bubble img{position: absolute;z-index: 30;pointer-events: none;}
.bubble img.bubble04{top: 50%;right: -250px;transform:translateY(-50%);}

/* visual_wrap */
#visual_wrap{position: relative;}
#visual_wrap .vis_img{position: absolute; top: 40%;left: 50%;transform:translate(-50%,-50%);z-index: 20;}
#visual_wrap .vis_img img{width: 549px;}

#visual_wrap .con01{background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);}
#visual_wrap .con01 .logo01{position: absolute;top: 220px;z-index: 40;}
#visual_wrap .con01 .logo01 img{width: 400px;}
#visual_wrap .con01 .txt01{position: absolute;bottom: 80px; right: 100px;z-index: 40;}
#visual_wrap .con01 .txt01 p{font-size: 100px; color: #fff;font-weight: 700; line-height: 1.1;text-align: right;}

#visual_wrap .con01 .bubble img.bubble01{top: 85px;left: -200px;}
#visual_wrap .con01 .bubble img.bubble02{bottom: 30px;left: 35%;transform:translateX(-50%);z-index: 1;}
#visual_wrap .con01 .bubble img.bubble03{top: -10px;left: 40%;transform:translateX(-50%);}

#visual_wrap .con02{padding-top: 150px; background: linear-gradient(180deg,rgba(51, 51, 51, 1) 0%, rgba(158, 157, 157, 1) 95%);}
#visual_wrap .con02 .bubble img.bubble05{top: 100px;left: 100px;}
#visual_wrap .con02 .txt_wrap01{position: relative;display: flex;z-index: 40;}
#visual_wrap .con02 .txt_wrap01 .txt01{width: 635px;}
#visual_wrap .con02 .txt_wrap01 .txt01 p{font-size: 90px; line-height: 1; color: #fff; font-weight: 700;}
#visual_wrap .con02 .txt_wrap01 .txt01 a{display: flex;align-items: center; justify-content: center; width: 160px; height: 60px; font-size: 24px; margin-top: 80px; color: var(--co01); font-weight: 700; border-radius:30px; border:3px solid var(--co01);box-shadow: 6px 6px 12px rgba(0,0,0,.2);}
#visual_wrap .con02 .txt_wrap01 .txt01 a:hover{background: rgba(255,255,255,.2);}
#visual_wrap .con02 .txt_wrap01 .txt02 p{font-size: 50px; color: #fff; font-weight: 700; line-height: 1.2;}
#visual_wrap .con02 .txt_wrap01 .txt02 p span{font-weight: 400;}

#visual_wrap .con02 .txt_wrap02{position: absolute;right: 100px; bottom: 150px;z-index: 40;width: 1070px;}
#visual_wrap .con02 .txt_wrap02 p{font-size: 35px; color: #fff; font-weight: 700;margin-bottom: 20px; padding-bottom: 30px;border-bottom: 1px solid #fff;}
#visual_wrap .con02 .txt_wrap02 span{display: block;font-size: 30px;color: #fff; }


/* section01 */
#section01{padding-top: 150px;background: linear-gradient(180deg,rgba(158, 157, 157, 1) 0%, rgba(0, 0, 0, 1) 100%);line-height: 1;}
#section01 .bubble06{left: 440px;bottom: 70px;}
#section01 .con{display: flex;}
#section01 .con .btn_wrap_st01{width: calc(100% - 630px);}
#section01 .con .tit_st01{width: 710px;padding-left: 80px;text-align: right;transform: translateY(-25px);}

/* section02 */
#section02{padding-top: 150px;background: #000;line-height: 1;}
#section02 .bubble07{right: 400px;bottom: 80px;}
#section02 .con{display: flex;}
#section02 .con .tit_st01{width: 860px;transform: translateY(-25px);}
#section02 .con .btn_wrap_st01{width: calc(100% - 860px);}

/* section03 */
#section03{padding-top: 150px;background: linear-gradient(180deg,rgba(0, 0, 0, 1) 50%, rgba(24, 163, 186, 1) 100%);line-height: 1;}
#section03 .bubble08{right: 430px;bottom: 180px;}
#section03 .con{display: flex;}
#section03 .con .tit_st01{width: 50%;transform: translateY(-25px);text-align: right;}
#section03 .con .btn_wrap_st01{width: 50%;}

/* section04 */
#section04{padding-top: 150px;background: linear-gradient(180deg,rgba(24, 163, 186, 1) 30%, rgba(51, 51, 51, 1) 100%);line-height: 1;}
#section04 .bubble09{left: 440px;bottom: 70px;}
#section04 .con{display: flex;}
#section04 .con .tit_st01{width: 630px;transform: translateY(-25px);}
#section04 .con .btn_wrap_st01{width: calc(100% - 630px);}
#section04 .con .btn_wrap_st01 a{padding: 60px 20px;}

/* footer */
#footer{background: linear-gradient(180deg,rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 80%, rgba(24, 163, 186, 1) 100%);}
#footer .banner_wrap{display: flex;align-items: center; justify-content: center;gap:135px;padding: 65px 0;border-bottom: 1px solid rgba(255,255,255,.5);}
#footer .f_wrap{padding: 60px 0;}
#footer .f_wrap .a_wrap{display: flex;gap:40px;margin-bottom: 80px;}
#footer .f_wrap .a_wrap a{font-size: 24px; color: #fff; font-weight: 700;}
#footer .f_wrap .bot{display: flex;align-items: flex-end;justify-content: space-between;}
#footer .f_wrap .bot address p{font-size: 20px; color: #fff;line-height: 28px;}
#footer .f_wrap .bot address p.copy{margin-top: 30px;}

/* ====sub=================================== */
#sub_contents{padding: 200px 0 150px; background: linear-gradient(180deg,rgba(0, 0, 0, 1) 0%, rgba(51, 51, 51, 1) 100%);}
#sub_contents .contop{margin-bottom: 100px;line-height: 1;}
#sub_contents .contop h3{font-size: 80px; color: #fff;font-weight: 700;text-align: center;}
#sub_contents .contop p{font-size: 30px; color: #fff;font-weight: 700;text-align: center; margin-top: 40px;}

#sub_contents .conbody{position: relative;z-index: 2;}

ul.depth02{display: flex;align-items: center; justify-content: center;gap:10px;/* margin-top: 50px;  */}
ul.depth02 li a{display: flex;align-items: center; justify-content: center;font-size: 20px; min-width: 280px; padding: 0 15px; height: 54px; border:1px solid #fff; color: #fff;}
ul.depth02 li.on a{background: #fff;color: #222;}
ul.depth03{margin-top: 30px;}

/* 공통 */
.sub_tit01{margin-bottom: 30px;}
.sub_tit01 p{font-size: 60px; color: #fff; line-height: 80px;text-align: center;font-weight: 700;}

table.tbl01{border-top: 1px solid #fff;}
table.tbl01 tr{border-bottom: 1px solid #fff;}
table.tbl01 th{padding: 15px 20px;font-size: 30px; color: #fff; font-weight: 700;}
table.tbl01 td{padding: 15px 20px;font-size: 20px; color: #fff; line-height: 32px; text-align: center;}
table.tbl01 td.left{text-align: left;}
table.tbl01 td a{color: #fff;}

/* list_st01 */
.list_st01_wrap{line-height: 1;}
.list_st01_wrap .top_txt{margin-bottom: 50px;}
.list_st01_wrap .top_txt p{font-size: 40px; color: #fff; line-height: 50px;text-align: center;}
.list_st01_wrap ul{display: flex;flex-wrap:wrap;gap:80px;}
.list_st01_wrap ul li{width: calc((100% - 80px) / 2);}
.list_st01_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:54.878%;border:1px solid #fff;}
.list_st01_wrap ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.list_st01_wrap ul li .txt_wrap{display: flex;align-items: center;justify-content: space-between;padding: 20px 30px;}
.list_st01_wrap ul li .txt_wrap .txt{width: calc(100% - 180px);}
.list_st01_wrap ul li .txt_wrap .txt p{font-size: 40px; color: #fff; font-weight: 700; line-height: 50px;}
.list_st01_wrap ul li .txt_wrap .txt span{display: block;font-size: 20px; color: #fff; line-height: 1.5;margin-top: 15px;}

/*view_st01*/
.view_st01_wrap{line-height: 1;}
.view_st01_wrap .tit_wrap{margin-bottom: 85px;}
.view_st01_wrap .tit_wrap p{font-size: 60px;	color: #fff; font-weight: 700;}
.view_st01_wrap .tit_wrap span{display: flex;gap:75px;margin-top: 30px;}
.view_st01_wrap .tit_wrap span em{position: relative;font-size: 24px; color: #fff;font-weight: 400;}
.view_st01_wrap .tit_wrap span em:not(:last-child)::after{content:'|';position: absolute; right: -41px; top: 50%; transform:translateY(-50%);}

.view_st01_wrap .view_wrap .img_con{position: relative;width: 1130px; margin: 0 auto 80px;}
.view_st01_wrap .view_wrap .img_con .play_btn{position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%);}
.view_st01_wrap .view_wrap .img_con .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #fff;background: #222;}
.view_st01_wrap .view_wrap .img_con .img_wrap img,
.view_st01_wrap .view_wrap .img_con .img_wrap video,
.view_st01_wrap .view_wrap .img_con .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%;}

.view_st01_wrap .view_wrap .img_con_slide{width: 1130px; margin: 0 auto 80px;}
.view_st01_wrap .view_wrap .img_con_slide .img_con{margin: 0;}
.view_st01_wrap .view_wrap .img_con_slide .slick-prev{position: absolute;left: -100px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/prev01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}
.view_st01_wrap .view_wrap .img_con_slide .slick-next{position: absolute;right: -100px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/next01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}

.view_st01_wrap .view_wrap .slide_con{width: 1350px;margin: 0 auto 80px;}
.view_st01_wrap .view_wrap .slide_con ul li .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #fff;background: #222;}
.view_st01_wrap .view_wrap .slide_con ul li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.view_st01_wrap .view_wrap .slide_con .slick-prev{position: absolute;left: -100px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/prev01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}
.view_st01_wrap .view_wrap .slide_con .slick-next{position: absolute;right: -100px; top: 50%;transform:translateY(-50%);width: 60px; height: 60px; background: url(/assets_2025/images/sub/next01.png)center no-repeat; background-size: cover;z-index: 100;text-indent: -9999px;}

.view_st01_wrap .view_wrap .txt_con{border-top: 1px solid #fff;}
.view_st01_wrap .view_wrap .txt_con .txt{padding: 50px;border-bottom: 1px solid #fff;}
.view_st01_wrap .view_wrap .txt_con .txt strong{display: block;font-size: 32px; color: #fff; font-weight: 700;margin-bottom: 20px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con{display: flex;gap:40px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con img{width: 160px; height: 160px;}
.view_st01_wrap .view_wrap .txt_con .txt p{font-size: 18px; color: #fff; line-height: 32px;}
.view_st01_wrap .view_wrap .txt_con .txt p b{display: block;font-size: 22px; color: #fff; font-weight: 700; line-height: 32px;margin-bottom: 15px;}
.view_st01_wrap .view_wrap .txt_con .txt p b em{font-size: 20px;font-weight: 700; }
.view_st01_wrap a.list_btn{display: flex;align-items: center; justify-content: center;width: 200px; height: 54px; font-size: 18px;color: #fff; border:1px solid #fff;margin: 60px auto 0;}

/* sub0101 */
.sub0101_wrap{line-height: 1;}
.sub0101_wrap .con01{display: flex; align-items: center;}
.sub0101_wrap .con01 .img{padding: 0px 100px;}
.sub0101_wrap .con01 .txt_wrap .tit{margin-bottom: 40px; padding-bottom: 30px;border-bottom: 1px solid #fff;}
.sub0101_wrap .con01 .txt_wrap .tit p{font-size: 60px; color: #fff; line-height: 80px;font-weight: 700;}
.sub0101_wrap .con01 .txt_wrap .tit p span{display: block;font-weight: 400;}
.sub0101_wrap .con01 .txt_wrap .txt p{font-size: 20px; color: #fff; line-height: 32px;}
.sub0101_wrap .con01 .txt_wrap .txt p:not(:last-child){margin-bottom: 40px;}
.sub0101_wrap .con01 .txt_wrap .txt p strong{display: block;font-size: 30px; color: #fff;font-weight: 700;margin-bottom: 12px;}

.sub0101_wrap .con02{margin-top: 150px;}
.sub0101_wrap .con02 ul{display: flex;flex-wrap:wrap;border-top: 1px solid #fff;}
.sub0101_wrap .con02 ul li{width: 50%;padding: 40px 20px;border-bottom: 1px solid #fff;}
.sub0101_wrap .con02 ul li strong{display: block;font-size: 30px; color: #fff; font-weight: 700;margin-bottom: 30px;}
.sub0101_wrap .con02 ul li p{font-size: 20px; color: #fff;line-height: 1.6;}
 
/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{display: flex;gap:100px;}
.sub0102_wrap .con:not(:last-child){margin-bottom: 150px;}
.sub0102_wrap .con .img_wrap{width: 250px;}
.sub0102_wrap .con .img_wrap img{width: 100%;}
.sub0102_wrap .con .txt_wrap{width: calc(100% - 350px);}
.sub0102_wrap .con .txt_wrap .tit{padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #fff;}
.sub0102_wrap .con .txt_wrap .tit p{font-size: 60px; color: #fff; font-weight: 700;}
.sub0102_wrap .con .txt_wrap .tit span{display: block;font-size: 30px; color: #fff;margin-top: 25px;line-height: 42px;}
.sub0102_wrap .con .txt_wrap .txt p{font-size: 20px; color: #fff; line-height: 32px;}
.sub0102_wrap .con .txt_wrap .txt > p:not(:last-child){margin-bottom: 30px;}

/* sub0104 */
.sub0104_wrap{line-height: 1;}
.sub0104_wrap table.tbl01:not(:last-child){margin-bottom: 80px;}
.sub0104_wrap table.tbl01 .col01{width: 50%;}
.sub0104_wrap table.tbl01 .col02{width: 50%;}
.sub0104_wrap table.tbl01 .bg01{background: #31849b;}
.sub0104_wrap table.tbl01 .bg02{background: #5f497a;}
.sub0104_wrap table.tbl01 .bg03{background: #984806;}

.sub0104_wrap table.tbl01 .bg_gray{background: #ddd;color: #222;}
.sub0104_wrap table.tbl01 .bg_gray td{color: #222;}
/* .sub0104_wrap .col01{width: 200px; }
.sub0104_wrap .col02{width: 300px;}
.sub0104_wrap .col03{width: 200px;}
.sub0104_wrap .col04{}
.sub0104_wrap .col05{width: 340px;}
.sub0104_wrap .mob_tbl{display: none;}
.sub0104_wrap table.tbl01 td a{display: flex;align-items: center; justify-content: center;flex-direction: column;gap:10px;}
.sub0104_wrap table.tbl01 td a:hover{text-decoration:underline;} */

/* archive */
.archive_list_wrap{line-height: 1;}
.archive_list_wrap ul.archive_list{border-top: 1px solid #fff; margin-top: 50px;}
.archive_list_wrap ul.archive_list li{border-bottom: 1px solid #fff;}
.archive_list_wrap ul.archive_list li a{display: flex; align-items: center; justify-content: space-between; padding: 35px 25px; }
.archive_list_wrap ul.archive_list li .txt{width: calc(100% - 100px);}
.archive_list_wrap ul.archive_list li .txt p{font-size: 40px; color: #fff; font-weight: 700;}
.archive_list_wrap ul.archive_list li .txt span{display: block;font-size: 20px; color: #fff;margin-top: 20px;}

/* poster */
.sub0404_wrap .sub04_slide li{width: 353px; margin-right: 120px;}
.sub0404_wrap .sub04_slide li .img_wrap{position:relative; width:100%; padding-bottom:141.643%;cursor:pointer;}
.sub0404_wrap .sub04_slide li .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0404_wrap .sub04_slide li .img_wrap .img_hover{opacity: 0;position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/assets_former_poster/images/sub/sub0404_icon01_pc.png)center no-repeat rgba(0,0,0,.7); background-size: 50px;transition:.4s;}
.sub0404_wrap .sub04_slide li .img_wrap .img_hover:hover{opacity: 1;}
.sub0404_wrap .sub04_slide .slick-prev{position: absolute; top: 50%; left: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_prev_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_wrap .sub04_slide .slick-next{position: absolute; top: 50%; right: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_next_pc.png)center no-repeat; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_wrap .progress { position:relative; width:calc(100%); height:2px; background:#e5e5e5;top: 60px;}
.sub0404_wrap .progress .slider__label { position:absolute; left:0; top:50%; transform:translateY(-50%); width:0; height:100%; background:#000; transition:0.5s;}
.sub0404_pop{display: none;position: absolute; top: 0; left: 0; z-index: 9999;background: rgba(0,0,0,.9); width: 100%; height: 100%;padding-top: 175px;}
.sub0404_pop .sub_inner{margin: 0 auto;}
.sub0404_pop .pop_x{position: absolute; top: 95px; right: 260px; display: block; background: url(/assets_former_poster/images/sub/sub0404_icon02_pc.png)center no-repeat;width: 32px; height: 32px;}
.sub0404_pop .pop_big_slide{margin-bottom: 100px;}
.sub0404_pop .pop_big_slide .txt_wrap{text-align: center; padding-bottom: 65px;}
.sub0404_pop .pop_big_slide .txt_wrap p{font-size: 40px; color: #fff;font-weight: 700;}
.sub0404_pop .pop_big_slide .img_wrap{position:relative; width:100%; padding-bottom:47.143%;}
.sub0404_pop .pop_big_slide .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0404_pop .pop_big_slide .slick-prev{position: absolute; top: 60%; left: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_prev_pc.png)center no-repeat #fff; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_pop .pop_big_slide .slick-next{position: absolute; top: 60%; right: 0;transform:translateY(-50%); background: url(/assets_former_poster/images/sub/sub0201_view_next_pc.png)center no-repeat #fff; width: 60px; height: 60px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_pop .pop_sm_slide .slick-list{width: calc(100% + 20px);}
.sub0404_pop .pop_sm_slide li{margin-right: 20px;}
.sub0404_pop .pop_sm_slide .img_wrap{position:relative; width:100%; padding-bottom:70.588%;transition:.2s;}
.sub0404_pop .pop_sm_slide .img_wrap img{position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%;}
.sub0404_pop .pop_sm_slide .slick-current .img_wrap{border: 4px solid #fff;}