@media screen and (max-width:767px) {
/*로그인스킨*/
#login_wrap {width:100%;  background:#f7f7f7; padding:30px;}
.login_top {width:100%; height:auto; border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom: 20px;}
.login_top h2 {font-size:20px; color:#4b4f58; line-height:1; font-weight:600;}
.login_top h2 span {display: block; font-size:12px; font-weight:400; margin-top: 5px; line-height: 18px}
.login_mid {display: block; justify-content: space-between; width:100%; overflow: hidden;}
.login_mid .login_con { width:100%; height:100%; }
.login_mid .login_con h2 {text-align:center; color:#222; font-size:40px; margin-bottom:20px;}
.login_mid .login_con .login_id {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:10px;}
.login_mid .login_con .login_id #mb_id {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con .login_pw {width:100%; height:35px; background:#fff; border:1px solid #fff; margin-bottom:20px;}
.login_mid .login_con .login_pw #mb_pass {height:100%; width:90%; border:none; background:none; font-size:14px; color:#666; line-height:40px; vertical-align: top;}
.login_mid .login_con span {display:inline-block;width:10%; height:100%; text-align:center; line-height:40px; }
.login_mid .login_con span img {vertical-align:0; width: 14px;}
.login_mid .login_con input::placeholder {font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-webkit-input-placeholder { /* Chrome/Opera/Safari */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input::-moz-placeholder { /* Firefox 19+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-ms-input-placeholder { /* IE 10+ */font-size:12px; color:#c3c3c3;}
.login_mid .login_con input:-moz-placeholder { /* Firefox 18- */font-size:12px; color:#c3c3c3;}
.login_mid .login_btn {width:100%; height:45px; margin-top:20px;}
.login_mid .login_btn button {width:100%; height:100%; background:#4b4f58; border:1px solid #4b4f58; text-align:center; color:#fff; font-size:15px; line-height:43px;}
.login_mid .login_bottom {text-align:center;}
.login_mid .login_bottom li {display:inline-block; margin-left:8px; padding-left:10px; position:relative; line-height:1;}
.login_mid .login_bottom li::before {width:1px; height:10px; background:#ddd; content:''; position:absolute; left:0; top:2px;}
.login_mid .login_bottom li:first-child {margin-left:0; padding-left:0;}
.login_mid .login_bottom li:first-child::before {display:none;}
.login_mid .login_bottom li a {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li a img {vertical-align:middle; margin-right:5px;}
.login_mid .login_bottom li label {color:#666; font-size:12px; line-height:15px;}
.login_mid .login_bottom li input[type="checkbox"] {vertical-align:-3px;}
.login_mid .login_bottom li .naver_login {display:inline-block; background: #00ce38; width: 200px; height: 35px; font-size: 14px; color: #fff; text-align: center; 
line-height: 35px; border-left: 1px solid #DDD; border-radius: 5px; vertical-align: middle;}
.login_mid .login_bottom li .naver_login img {vertical-align:-1px;}
.login_mid .login_img {width:100%; margin-top: 20px;}
.login_mid .login_img .img_wrap{position:relative; padding-bottom: 42.3%;}
.login_mid .login_img .img_wrap img{position:Absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height:100%;}

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

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

#header{position: relative;z-index: 2000;border-bottom: 1px solid #ddd;padding-top: 0px;}
#header h1 a img{width: 64px;}
#header .inner{display: flex;width: 100%;justify-content: space-between;height: 60px;align-items:center;}
#header .btn_box{display: block;}
#header .btn_box button{width: 37px;height: 21px;background:url(/assets_2023/images/main/main_btn01_mob.png)center no-repeat;background-size:cover ;}
#header.off .btn_box button{width: 22px;height: 22px;background:url(/assets_2023/images/main/main_btn02_mob.png)center no-repeat;background-size:cover ;}


/* gnb */

#header .gnb{position: relative;display: none;gap:163px;align-items:center;}
#header .gnb > li{position: relative;}
#header .gnb > li:after{content:'';position: absolute;right: -80px;top: 48%;transform:translateY(-50%);width: 3px;height: 20px;background: #000;}
#header .gnb > li:last-child:after{display: none;}
#header .gnb li span a{position: relative;transition:.3s;display: block;height: 100%;;text-align: center;line-height: 114px;font-size: 24px; color: #000; font-weight: 600;transition:.2s;}
#header .gnb .lnb_sub{display: none;position: absolute;z-index: 100;left: 50%; transform: translateX(-50%); top: 100%;}
#header .gnb .lnb_sub .sub_menu{position: relative;background: rgba(0,0,0,.6);width: 320px;padding: 40px 0;}
#header .gnb .lnb_sub li{margin-bottom: 30px;}
#header .gnb .lnb_sub li:last-child{margin-bottom: 0;}
#header .gnb .lnb_sub li a{display: block;font-size: 24px; color: #fff;font-weight: 500;transition:.3s;line-height: 1;text-align: center;}

#header .back_2024{display:flex;}
#header .back_2024 .arrow_wrap{margin-left: 12px;margin-top: 10px;display:flex;flex-direction: column;gap: 0;}
#header .back_2024 .arrow_wrap img {width: 13px;}
#header .back_2024 p{font-size: 11px;font-weight:bold;color:#222;}

/* navigation */
.navigation{display:none;position:absolute;padding: 30px 2.66% 0;top: 61px;z-index:5000;width:100%;background-color:#fff;left: 0;height:100%;line-height: 1;}
.navigation h3{margin-top: 30px;}
.navigation h3 a{font-size: 30px;font-weight: 600;color: #000;}
.navigation h3:nth-child(1){margin-top: 0;}
.navigation ul{margin-top: 25px;}
.navigation ul li:not(:last-child){margin-bottom: 20px;}
.navigation ul li a{position: relative;font-size: 15px;font-weight: 500;color: #222;z-index: 1;}
.navigation ul li a:after{content:'';position: absolute;bottom: -2px;left: 0;width: 100%;height: 10px;background: #33bc91;opacity: 0;z-index: -1;}
.navigation ul li.on a:after{opacity: .4;}


#visual_wrap{position: relative;padding-top: 96px;line-height: 1;margin-bottom: 10px;}
#visual_wrap .inner{padding-right: 70px;}
#visual_wrap .con01{position: relative;margin-bottom: 30px;z-index: 3000;transform: skewX(349deg) translateX(-200px) translateY(50px);opacity: 0;}
#visual_wrap.on .con01{animation:txt01 ease 1s forwards;}

#visual_wrap .con01 .img_box{display: flex;justify-content: flex-end;margin-bottom: 20px;}
#visual_wrap .con01 .img_box img{width: 226px;}
#visual_wrap .con01 p{font-size: 25px;color: #000;text-align: right;}
#visual_wrap .con01 p:nth-child(2){margin-bottom: 15px;}
#visual_wrap .con01 p span{font-weight: 700;}

@keyframes txt01{
0%{transform: skewX(349deg) translateX(-100px) translateY(50px);opacity: 0;}
100%{transform: skewX(360deg) translateX(0px) translateY(0px);opacity: 1;}
}

#visual_wrap .ani > div{position: absolute;}
#visual_wrap .ani > div .box{border-radius: 50%;transform-origin: 47%;animation:ro01 linear 10s infinite forwards;}
#visual_wrap .ani > div:nth-child(odd) .box{transform-origin: 48%;animation:ro01 linear 7s infinite forwards;}
#visual_wrap .ani > div:nth-child(3n) .box{animation:ro01 linear 15s infinite forwards;}

#visual_wrap .c_y_b{left: 55px;bottom: 150px;transform:translateX(-100%);opacity: 0;z-index: 400;}
#visual_wrap .c_y_b .box{width: 55px;height: 55px;transition:.3s;background: #fdab3d;}
#visual_wrap.on .c_y_b{animation:ani01 ease 1s forwards;animation-delay:.3s;}

#visual_wrap .c_r{left: 26px;bottom: 175px;transform:translateX(-100%);opacity: 0;z-index: 800;}
#visual_wrap .c_r .box{width: 35px;height: 35px;background: #d4363a;}
#visual_wrap.on .c_r{animation:ani01 ease 1s forwards;animation-delay:.6s;}

#visual_wrap .c_w_b02{top: 220px;left: 80px;transform:translateX(-100%);opacity: 0;z-index: 1200;}
#visual_wrap .c_w_b02 .box{width: 50px;height: 50px;background: rgba(238,238,238,.6);}
#visual_wrap.on .c_w_b02{animation:ani01 ease 1s forwards;animation-delay:.9s;}

#visual_wrap .c_g_b{top: auto;bottom: 175px;left: 38px;transform:translateX(-100%);opacity: 0;z-index:1000;}
#visual_wrap .c_g_b .box{width: 85px;height: 85px;background: #33bc91;}
#visual_wrap.on .c_g_b{animation:ani01 ease 1s forwards;animation-delay:1.2s;}

#visual_wrap .c_y_s{top: 15px;right: 10px;transform:translateX(100%);opacity: 0;}
#visual_wrap .c_y_s .box{width: 80px;height: 80px;background: #fdab3d;}
#visual_wrap.on .c_y_s{animation:ani02 ease 1s forwards;animation-delay:1.5s;}

#visual_wrap .c_w_s{right: 10px;bottom: 194px;transform:translateX(100%);opacity: 0;z-index: 1000;}
#visual_wrap .c_w_s .box{width: 58px;height: 58px;background: rgba(238,238,238,.6);}
#visual_wrap.on .c_w_s{animation:ani02 ease 1s forwards;animation-delay:1.8s;}

#visual_wrap .c_g_s{right: 43px;bottom: 183px;transform:translateX(100%);opacity: 0;z-index: 800;}
#visual_wrap .c_g_s .box{width: 40px;height: 40px;background: #33bc91;}
#visual_wrap.on .c_g_s{animation:ani02 ease 1s forwards;animation-delay:2.1s;}

#visual_wrap .c_w_b01{bottom: -75px;left: 50%;transform:translateX(100%);opacity: 0;z-index: 200;}
#visual_wrap .c_w_b01 .box{width: 150px;height: 150px;background: #fff;}
#visual_wrap .c_w_b01.on{animation:ani06 ease 2s forwards;animation-delay:.5s;}

#visual_wrap .sq{display: none;left: 155px;top: 260px;width: 145px;height: 75px;border: 1px solid #000;z-index: 1400;transform:scale(0);}
#visual_wrap.on .sq{animation:ani04 ease 1s forwards;animation-delay:2.5s;}


@keyframes ani01{
0%{transform:translateX(-100%);opacity: 0;}
100%{transform:translateX(0%);opacity: 1;}
}

@keyframes ani02{
0%{transform:translateX(100%);opacity: 0;}
100%{transform:translateX(0%);opacity: 1;}
}

/* @keyframes ro01{
0%{transform:translatey(-20px);}
25%{transform:translatey(0px) translateX(20px);}
50%{transform:translatey(20px) translateX(0px)}
75%{transform:translatey(0px) translateX(-20px)}
100%{transform:translatey(-20px) translateX(0px)}
} */

@keyframes ro01{
0%{transform: rotate(0);}
100%{transform: rotate(360deg);}
}

@keyframes ani06{
0%{transform:translateX(100%);opacity: 0;}
55%{transform:translateX(-70%);opacity: 1;}
100%{transform:translateX(-50%);opacity: 1;}
}


#visual_wrap .con02{position: relative;}
#visual_wrap .con02 ul{display: flex;height: 200px;}
#visual_wrap .con02 ul li{flex:1;background: #5b00bc;transition:.7s;z-index: 200;}
#visual_wrap .con02 ul li:nth-child(2){background: #0071ce;}
#visual_wrap .con02 ul li:last-child{position: absolute;background: transparent;bottom: 0;right: 0;width: 25%;height: 100px;}
#visual_wrap .con02 ul li:last-child:after{content:'';position: absolute;top: 0;left: 0;width:calc(100% + 2px);height: 100%;background: #fff;transition:1s;border: 1px solid #6f6f6f;transform:scale(0);}

#visual_wrap .con02 ul li:nth-child(1){height: 150%;}
#visual_wrap .con02 ul li:nth-child(2){height: 110%;}
#visual_wrap .con02 ul li:nth-child(3){height: 130%;}
#visual_wrap .con02 ul li:nth-child(4){height: 100%;}

#visual_wrap .con02 ul.on li:nth-child(1){height: 100%;}
#visual_wrap .con02 ul.on li:nth-child(2){height: 100%;}
#visual_wrap .con02 ul.on li:nth-child(3){height: 100%;}
#visual_wrap .con02 ul.on li:nth-child(4){height: 100%;}
#visual_wrap .con02 ul.on li:nth-child(5):after {transform:scale(1);}


/* 공통 */
a.h_ani01{display: block;transition:.3s;width: auto;}
a.h_ani01:hover{transform:translateX(0px)}
a.h_ani01 img{width: 150px;}


#section01{position: relative;line-height: 1;padding: 106px 0 53px;background: #fcb43f;margin-bottom: 10px;}
#section01:after{content:'';position: absolute;left: 65%;transform:translateX(-50%);width: 1px;height: 100%;background: #000;opacity: .4;top: 0;}
#section01 .inner{position: relative;}
#section01 .inner:after{content:'';position: absolute;transform:translateX(100%);opacity: 0;bottom: -85px;right: 37px;width: 100px;height: 100px;border-radius: 50%;background: #5b00bc;z-index: 600;}
#section01 .inner.on:after{animation:ani05 ease 2s forwards;}
#section01 .txt{padding-left: 0px;skewX(10deg) translateX(100px) translateY(50px);opacity: 0;}
#section01 .inner.on .txt{animation:txt02 ease 1s forwards;}
#section01 .txt h2{font-size: 30px;color: #000;font-weight: 700;margin-bottom: 25px;}
#section01 .txt strong{display: block;font-size: 15px;color: #2a2a2a;margin-bottom: 10px;}
#section01 .txt p{font-size: 15px;line-height: 25px;color: #2a2a2a;font-weight: 500;margin-bottom: 30px;}


@keyframes txt02{
0%{transform: skewX(10deg) translateX(100px) translateY(50px);opacity: 0;}
100%{transform: skewX(0deg) translateX(0px) translateY(0px);opacity: 1;}
}



#section02{position: relative;line-height: 1;background: #fff;margin-bottom: 0px;}
#section02:after{content:'';display: none;position: absolute;left: 65%;transform:translateX(-50%);width: 1px;height: 100%;background: #000;opacity: .4;top: 0;}
#section02 ul{position: relative;display: flex;z-index: 300;flex-wrap:wrap;padding: 0 2.6%;}
#section02 ul:after{content:'';position: absolute;right: 0;height: 60px;width: 94px;top: -60px;background: #fff;}
#section02 ul:before{content:'';position: absolute;right: 94px;width: 94px;height: 35px;top: -35px;background: #fff;}
#section02 ul li{position: relative;width: 33.3333%;overflow:hidden;transform:translateY(0px);transition:1s;}
#section02 ul li:nth-child(2){transition:1.3s;}
#section02 ul li:nth-child(3){transition:1.6s;}
#section02.on ul li{transform:translateY(0px);}

#section02 ul li:not(:last-child) .img_box{position:relative; width:100%; padding-bottom:211.864%;}
#section02 ul li:not(:last-child) .img_box img{position:absolute;left:0; right:0;  top:0; bottom:0; margin:auto; width:auto; height:auto; max-width:100%; max-height:100%}

#section02 ul li:last-child{position: relative;width: 100%;display: flex;transform:translateY(0px);align-items:flex-end;justify-content: flex-end;overflow:visible;z-index: 1;padding: 40px 0 40px 0;background: #fff;}
#section02 ul li:last-child:after{content:'';display: none;position: absolute;transition:1s;right: 0;top: -200px;width: 50%;height: 200px;z-index: 100;background: #fff;}
#section02.on ul li:last-child:after{top: 0;}
#section02 ul li:last-child:before{content:'';display: none;position: absolute;transition:1s;left: 0;top: -100px;width: 50%;height: 100px;z-index: 100;background: #fff;}
#section02.on ul li:last-child:before{top: -50px;height: 50px;}

#section02 ul li:last-child .txt{transform: skewX(349deg) translateX(-200px) translateY(50px);opacity: 0;}
#section02.on ul li:last-child .txt{animation:txt05 ease 1s forwards;}
#section02.on ul li:last-child .txt.on{animation:txt01 ease 1s forwards;}
#section02 ul li:last-child h2{font-size: 30px;font-weight: 700;color: #000;margin-bottom: 25px;text-align: right;}
#section02 ul li:last-child p{font-size: 15px;color: #2a2a2a;margin-bottom: 17px;text-align: right;}
#section02 ul li:last-child p:nth-child(4){margin-bottom: 40px;}
#section02 ul li:last-child a{display: flex;justify-content: flex-end;}
#section02 ul li:not(:last-child) img{transition:1s;transform:scale(1.4)} 
#section02.on ul li:not(:last-child) img{transform:scale(1)}

#section02 ul li:not(:last-child):hover img{transform:translateX(0px)}

#section02 .circle .c_g{position: absolute;transform:translateX(-100%);opacity: 0;left: 100px;bottom: 185px;z-index: 600;width: 66px;height: 66px;border-radius:50%;background: #33bc91;}
#section02.on .circle .c_g{animation:ani03 ease 2s forwards;animation-delay:1s;}

#section02 .circle .c_w{position: absolute;transform:translateX(-100%);opacity: 0;bottom: 227px;left: 115px;z-index: 500;width: 100px;height: 100px;border-radius: 50%;background: #fff;}
#section02.on .circle .c_w{animation:ani01 ease 1.5s forwards;animation-delay:.5s;}


@keyframes ani03{
0%{transform:translateX(-100%);opacity: 0;}
55%{transform:translateX(25%);opacity: 1;}
100%{transform:translateX(0%);opacity: 1;}
}


#section02 .a_box{position: absolute;display: flex;left: 0;bottom: 270px;width: 100%;padding: 0 2.6%;}
#section02 .a_box a{display: flex;width: 33.3333%;z-index: 1500;padding: 15px 10px;align-items:center;}
#section02 .a_box a img{transition:.3s;width: 40px;}
#section02 .a_box a:hover img{transform:translateX(20px)}

#section03{position: relative;padding: 92px 0 74px;line-height: 1;background: #5b00bc;}
#section03:after{content:'';position: absolute;left: 62%;transform:translateX(-50%);width: 1px;height: 100%;background: #fff;top: 0;}
#section03 .inner{padding-left: 2.6%;}
#section03 .txt{padding-left: 0px;skewX(10deg) translateX(100px) translateY(50px);opacity: 0;}
#section03.on .txt{animation:txt02 ease 1s forwards;}
#section03 .txt h2{font-size: 30px;font-weight: 700;color: #fff;margin-bottom: 25px;}
#section03 .txt p{font-size: 15px;color: #fff;margin-bottom: 17px;}
#section03 .txt p:nth-child(4){margin-bottom: 40px;}
#section03 .txt a{}

@keyframes txt02{
0%{transform: skewX(10deg) translateX(100px) translateY(50px);opacity: 0;}
100%{transform: skewX(0deg) translateX(0px) translateY(0px);opacity: 1;}
}

#section03 .ani_box .sq{position: absolute;transform:scale(0);right:0px;top: auto;bottom: 133px;width: 124px;height: 75px;border: 1px solid #fff;z-index: 1000;}
#section03 .ani_box.on .sq{animation:ani04 ease 1s forwards;animation-delay:1s;}

#section03 .ani_box .c_b{position: absolute;transform:translateX(100%);opacity: 0;right: auto;left: 85px;bottom: auto;top: -87px;width: 125px;height: 125px;border-radius:50%;background: #0071ce;z-index: 800;}
#section03 .ani_box.on .c_b{animation:ani02 ease 1.5s forwards;}

#section03 .ani_box .c_r{position: absolute;transform:translateX(100%);opacity: 0;bottom: 80px;right: 64px;width: 90px;height: 90px;border-radius: 50%;background: #d8282b;z-index: 900;}
#section03 .ani_box.on .c_r{animation:ani05 ease 2s forwards;animation-delay:.5s;}


@keyframes ani04{
0%{transform:scale(0)}
100%{transform:scale(1)}
}

@keyframes ani05{
0%{transform:translateX(100%);opacity: 0;}
55%{transform:translateX(-25%);opacity: 1;}
100%{transform:translateX(0%);opacity: 1;}
}

#section04{position: relative;line-height: 1;height: 350px;z-index: 300;background: #0071ce;}
#section04:after{content:'';position: absolute;transform:translateX(100%);opacity: 0;right: auto;left: -12px;top: 57px;border-radius: 50%;width: 75px;height: 75px;background: #fdab3d;}
#section04.on:after{animation:ani03 ease 2s forwards;animation-delay:.5s;}
/* #section04.on{animation:bg01 ease 1s forwards;} */

@keyframes bg01{
0%{background: #fff;}
99%{background: #fff;}
100%{background: #0c81af;}
}

#section04 ul{display: flex;height: 100%;}
#section04 ul li{position: relative;flex:1;background: #0071ce;/* height: 0; */}
/* #section04.on ul li{height: 100%;} */

#section04 ul li:nth-child(2){transition:1s;}
#section04.on ul li:nth-child(2){}
#section04 ul li:nth-child(2):after{content:'';position: absolute;top: -35px;width: 100%;height: 35px;background: #fff;transition:1s;}
#section04.on ul li:nth-child(2):after{height: 25px;top: -25px;}
#section04 ul li:nth-child(2):before{content:'';position: absolute;left: 0;top: 0;width: 100%;transition:1s;height: 70px;background: #fdab3d;transition:1s;}
#section04.on ul li:nth-child(2):before{height: 15px;}

/* #section04 ul li:nth-child(3){transform:translateY(500px);transition:1s;}
#section04 ul li:nth-child(4){transform:translateY(500px);transition:1.5s} */

#section04 ul li:nth-child(3){transform:translateY(-25px);}
#section04 ul li:nth-child(4){display: none;transform:translateY(-100px);}

#section04 ul li:nth-child(3):after{content:'';position: absolute;height: 210px;top: -25px;left: 0;width: 100%;background: #fff;z-index: 300;transition:1s;}
#section04 ul li:nth-child(4):after{content:'';position: absolute;height: 540px;top: -25px;left: 0;width: 100%;background: #fff;z-index: 300;transition:1.5s;}

#section04.on ul li:nth-child(3):after,
#section04.on ul li:nth-child(4):after{height: 25px;}


#section04 .inner{position: absolute;left: 50%;top: 120px;transform:translateX(-50%);color: #fff;text-align: center;z-index: 1000;}
#section04 .inner .txt{transform: skewX(349deg) translateX(-100px) translateY(50px);opacity: 0;}
#section04.on .inner .txt{animation:txt01 ease 1s forwards;}

#section04 .inner h2{font-size: 30px;font-weight: 700;margin-bottom: 25px;}
#section04 .inner p{font-size: 12px;font-weight: 500;margin-bottom: 27px;}
#section04 .inner .a_box{display: flex;justify-content: flex-end;padding-right: 0px;}


#footer{position: relative;line-height: 1;color: #000;z-index: 2000;/* background: #fff; */}
#footer .inner{width: 100%;}
#footer .top{border-bottom: 1px solid #ddd;}
#footer .top ul{display: flex;gap:15px 0px;height: auto;padding: 20px 10px;align-items:center;justify-content: center;flex-wrap:wrap;}
#footer .top ul li{display: flex;position: relative;width: 50%;align-items:center;justify-content: center;}
#footer .top ul li:nth-child(2n){border-left: 1px solid #000;}
#footer .top ul li:after{content:'';display: none;position: absolute;right: -21px;top: 50%;transform:translateY(-50%);width: 1px;height: 25px;background: #ddd;}
#footer .top ul li:nth-child(1) a img{width:129px;}
#footer .top ul li:nth-child(2) a img{width: 129px;}
#footer .top ul li:nth-child(3) a img{width: 129px;}
#footer .top ul li:nth-child(4) img{width: 129px;}

#footer .bottom{padding: 20px 0 20px;}
#footer .bottom .inner{display: block;align-items:flex-end; justify-content: space-between;}
#footer .bottom .left ul{display: flex;gap:50px;margin-bottom: 12px;}
#footer .bottom .left ul li a{font-size: 10px;font-weight: 600;color: #000;}
#footer .bottom .left address p{font-size: 10px;font-weight: 300;}
#footer .bottom .left address p:nth-child(1){margin-bottom: 7px;}

#footer .bottom .copy{font-size: 10px;font-weight: 300;margin-top: 12px;}

/* ========================================================= */
#wrap.wrap_bg01{background: #fffcb4;}
#wrap.wrap_bg02{background: #e4b4ff;}
#wrap.wrap_bg03{background: #b4e9ff;}
#wrap.wrap_bg04{background: #D5FFD5;}

#header.sub_header{border-bottom: 1px solid #000;}
#footer.sub_footer .top{border-bottom: 1px solid #000;}
#footer.sub_footer .top ul li a img{filter: brightness(0);}
#footer.sub_footer .top ul li:after{background: #000;}

.conbody{/* position: relative; */}
#sub_contents{position: relative;display: flex; padding: 40px 0px 40px;min-height: 100vh;}
#sub_contents .sub_inner{width: 100%; }
#sub_contents .sub_icon_wrap{display: none;}
#sub_contents .sub_icon_wrap p{position: fixed;z-index: 0;transition:.7s;}
#sub_contents .sub_icon_wrap p:nth-child(1){position: absolute;left: 50%; transform:translateX(-50%); top: 40px;z-index: 100;}
#sub_contents .sub_icon_wrap p:nth-child(2){left: 40px;top: 70%;}
#sub_contents .sub_icon_wrap p:nth-child(3){right: 40px;top: 70%;}
#sub_contents .sub_icon_wrap p:nth-child(4){left: 50%; transform:translateX(-50%); bottom: 60px;}

#sub_contents .sub_icon_wrap p:nth-child(1).rel{position: fixed;top: 40px;}
#sub_contents .sub_icon_wrap p:nth-child(2).rel{position: absolute; top: calc(100% - 300px); }
#sub_contents .sub_icon_wrap p:nth-child(3).rel{position: absolute; top: calc(100% - 300px); }
#sub_contents .sub_icon_wrap p:nth-child(4).rel{position: absolute; bottom: 60px;}


.sub_menu_box{display: none;position: fixed;width: 210px;margin-left: 40px; line-height: 1;transition:.7s;bottom: 330px;}
.sub_menu_box h2.sub_menu_tit{font-size: 28px; color: #000; font-weight: 800;margin-bottom: 25px;}
.sub_menu_box .lnb h3 a{display: block;font-size: 18px; color: #000; font-weight: 500;line-height: 24px;margin-bottom: 20px;}
.sub_menu_box .lnb h3 a i{display: block;}
.sub_menu_box .lnb h3.on a{font-weight: 800;}
.sub_menu_box.rel{position: absolute; bottom: 350px;}

/* 공통 */
h3.h3_tit{font-size: 26px; color: #000; font-weight: 700;margin-bottom: 20px;}

/* list_st01 */
.list_st01_wrap{line-height: 1;}
.list_st01_wrap .top_txt{margin-bottom: 30px;}
.list_st01_wrap .top_txt p{font-size: 14px; color: #000; line-height: 1.4;text-align: center;}
.list_st01_wrap ul{display: flex;flex-wrap:wrap;gap:30px;}
.list_st01_wrap ul li{width: 100%;}
.list_st01_wrap ul li .img_wrap{position:relative; width:100%; padding-bottom:54.878%;border:1px solid #000;}
.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 10px;}
.list_st01_wrap ul li .txt_wrap .txt{width: calc(100% - 40px);}
.list_st01_wrap ul li .txt_wrap .txt p{font-size: 15px; color: #000; font-weight: 700; line-height: 1.5;}
.list_st01_wrap ul li .txt_wrap .txt span{display: block;font-size: 12px; color: #000; line-height: 1.5;margin-top: 6px;}
.list_st01_wrap ul li .txt_wrap .icon img{width: 20px;}

.list_st01_wrap ul.list_st01-2 li{width: 100%;}
.list_st01_wrap ul.list_st01-2 li .img_wrap{padding-bottom: 54.878%;}

/*view_st01*/
.view_st01_wrap{line-height: 1;}
.view_st01_wrap .tit_wrap{margin-bottom: 30px;}
.view_st01_wrap .tit_wrap p{font-size: 20px;	color: #000; font-weight: 700;}
.view_st01_wrap .tit_wrap span{display: block;gap:30px;margin-top: 10px;}
.view_st01_wrap .tit_wrap span em{position: relative;display: block;font-size: 13px; color: #000;font-weight: 400;}
.view_st01_wrap .tit_wrap span em:not(:last-child){margin-bottom: 10px;}
.view_st01_wrap .tit_wrap span em:not(:last-child)::after{display: none;content:'|';position: absolute; right: -17px; top: 50%; transform:translateY(-50%);}

.view_st01_wrap .view_wrap .img_con{position: relative;width: 1130px; max-width: 100%;margin: 0 auto 20px;}
.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_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #000;}
.view_st01_wrap .view_wrap .img_wrap img,
.view_st01_wrap .view_wrap .img_wrap video,
.view_st01_wrap .view_wrap .img_wrap iframe{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{width: 1350px;margin: 0 auto 20px;max-width: 100%;}
.view_st01_wrap .view_wrap .slide_con ul li .img_wrap{position:relative; width:100%; padding-bottom:54.867%;border:1px solid #000;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: 0px; top: 50%;transform:translateY(-50%);width: 40px; height: 40px; 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: 0px; top: 50%;transform:translateY(-50%);width: 40px; height: 40px; 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 #000;}
.view_st01_wrap .view_wrap .txt_con .txt{padding: 20px 10px;border-bottom: 1px solid #000;}
.view_st01_wrap .view_wrap .txt_con .txt strong{display: block;font-size: 16px; color: #000; font-weight: 700;margin-bottom: 10px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con{display: flex;flex-direction: column;gap:20px;}
.view_st01_wrap .view_wrap .txt_con .txt .p_con img{width: 100px; height: 100px;}
.view_st01_wrap .view_wrap .txt_con .txt p{font-size: 13px; color: #000; line-height: 1.5;}
.view_st01_wrap .view_wrap .txt_con .txt p b{display: block;font-size: 15px; color: #000; font-weight: 700; line-height: 1.5;margin-bottom: 15px;}
.view_st01_wrap .view_wrap .txt_con .txt p b em{font-size: 13px;font-weight: 700; }
.view_st01_wrap a.list_btn{display: flex;align-items: center; justify-content: center;width: 120px; height: 40px; font-size: 14px;color: #000; border:1px solid #000;margin: 30px auto 0;}


/* sub0101 */
.sub0101_wrap {padding: 0;}
.sub0101_wrap i {display: block;}
.sub0101_wrap p,span,b {word-break: keep-all;}
.sub0101_wrap span.tit {font-size: 17px; color: #000; font-weight: 700; display: block; border-bottom: 2px solid #000; margin-bottom: 10px; padding-bottom: 8px;}
.sub0101_wrap span.con_tit {font-size: 15px; color: #000; font-weight: 700; display: block; }
.sub0101_wrap .txt_wrap {margin-bottom: 30px;}
.sub0101_wrap .txt_wrap p.p_con {font-size: 12px; color: #000; font-weight: 400; margin-bottom: 10px;}
.sub0101_wrap .txt_wrap p.p_con:last-child {margin-bottom: 0;}
.sub0101_wrap span.tit02 {font-size: 17px; color: #000; font-weight: 700; display: block; border-bottom: 2px solid #000; margin-bottom: 10px; padding-bottom: 8px;}
.sub0101_wrap .txt_wrap02 {}
.sub0101_wrap .txt_wrap02 p.p_con02 {font-size: 13px; color: #000; font-weight: 400; margin-bottom: 3px;}
.sub0101_wrap .txt_wrap02 p.p_con02:last-child {margin-bottom: 0;}
.sub0101_wrap .txt_wrap02 p.p_con02 b {font-weight: 700;}

/* sub0102 */
.sub0102_wrap{line-height: 1;}
.sub0102_wrap .con{padding: 15px;background: #fff; border:1px solid #000;}
.sub0102_wrap .con:not(:last-child){border-bottom: none;}
.sub0102_wrap .con .top{display: flex;gap:15px;align-items: end; margin-bottom: 25px;}
.sub0102_wrap .con .top .img_box{width: 200px;}
.sub0102_wrap .con .top .img_wrap{position:relative; width:100%; padding-bottom:127.333%;}
.sub0102_wrap .con .top .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%;}
.sub0102_wrap .con .top .txt_box p{font-size: 14px; color: #000; font-weight: 600;margin-bottom: 15px;}
.sub0102_wrap .con .top .txt_box span{display: block;font-size: 12px; color: #5c2e75; font-weight: 300;margin-bottom: 15px;}
.sub0102_wrap .con .top .txt_box img{width: 68px;}
.sub0102_wrap .con .bot p{font-size: 12px; color: #000; font-weight: 300; line-height: 18px;word-break: keep-all;}
.sub0102_wrap .con .bot p i{display: block;}
.sub0102_wrap .con .bot b{display: block;padding: 7px 0px;}

/* sub0104 */
.sub0104_wrap {}
.sub0104_wrap th,td,p,span {word-break: keep-all;}
.sub0104_wrap .tm_wrap {margin-bottom: 30px;}
.sub0104_wrap .tm_wrap:last-child {margin-bottom: 0;}
.sub0104_wrap .table_wrap {display: none;}
.sub0104_wrap .table_wrap_tm {display: block; margin-bottom: 10px;}
.sub0104_wrap .table_wrap_tm:last-child {display: block; margin-bottom: 0}
.sub0104_wrap .table_wrap_tm span.ct_tit {padding: 10px; color: #fff; background: #000; text-align: center; font-size: 18px; display: block; font-weight: 700; margin-bottom: 10px;}
.sub0104_wrap .table_wrap_tm table.tbl_tm {width: 100%; border: 1px solid #000;}
.sub0104_wrap .table_wrap_tm table.tbl_tm th {color: #000; border-top: 2px solid #000; text-align: center; padding: 10px;}
.sub0104_wrap .table_wrap_tm table.tbl_tm th span.tm_tit {font-size: 14px; font-weight: 700; display: block;}
.sub0104_wrap .table_wrap_tm table.tbl_tm th p.tm_name {font-size: 12px; font-weight: 400;}
.sub0104_wrap .table_wrap_tm table.tbl_tm td {text-align: center; color: #000; font-size: 12px; padding: 10px;}
.sub0104_wrap .table_wrap_tm table.tbl_tm td.td_con {border-top: 1px dashed #000; border-bottom: 1px dashed #000; text-align: left;}
.sub0104_wrap .table_wrap_tm table.tbl_tm td.home {}
.sub0104_wrap .table_wrap_tm table.tbl_tm td.home a {display: block; color: #000;}

/* sub0201 */
.sub0201_wrap{line-height: 1;}
.sub0201_wrap .tit_wrap{margin-bottom: 32px;}
.sub0201_wrap .tit_wrap p{text-align: center;font-size: 14px; color: #000; font-weight: 600; line-height: 24px;}
.sub0201_wrap .tit_wrap p i{display: inline;}
.sub0201_wrap .tit_wrap p b{display: inline;}
.sub0201_wrap .tit_wrap p em{display: block;}
.sub0201_wrap .tab_menu_wrap{display: flex;gap:10px; flex-wrap:wrap; justify-content:center;margin-bottom: 30px;}
.sub0201_wrap .tab_menu_wrap a{display: block; flex:initial;width: calc((100% - 10px) / 2); height: 30px; line-height: 27px;font-size: 13px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0201_wrap .tab_menu_wrap a.on{background: #fff;}
.sub0201_wrap .tab_menu_wrap a:hover{background: #fff;}
.sub0201_wrap .con_wrap{display: flex; flex-wrap:wrap;gap:20px;}
.sub0201_wrap .con_wrap .con{width: 100%; border:2px solid #000;}
.sub0201_wrap .con_wrap .con .img_wrap{position:relative; width:100%; padding-bottom:55.072%;background: #000;}
.sub0201_wrap .con_wrap .con .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%;}
.sub0201_wrap .con_wrap .con .txt_wrap{/* height: 90px; */background: #fff; padding: 13px 15px;}
.sub0201_wrap .con_wrap .con .txt_wrap p{font-size: 18px; color: #000; font-weight: 900;margin-bottom: 7px;line-height: 23px;}
.sub0201_wrap .con_wrap .con .txt_wrap span{font-size: 13px; color: #000; font-weight: 500;}
.sub0201_wrap .con_wrap .con .txt_wrap i{display: block;}

/* sub0201_view */
.sub0201_view_wrap{line-height: 1;}
.sub0201_view_wrap .view_tit{padding-bottom: 13px; margin-bottom: 17px; border-bottom: 2px solid #000;}
.sub0201_view_wrap .view_tit p{font-size: 26px; color: #000; font-weight: 700;}
.sub0201_view_wrap .con{width: 100%;}
.sub0201_view_wrap .img_slide .img_wrap{position:relative; width:100%; padding-bottom:53.571%;background: #000;}
.sub0201_view_wrap .img_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%;}
.sub0201_view_wrap .slick-prev{position: absolute; top: 50%; transform:translateY(-50%); left: 0; background: url(/assets_2023/images/sub/sub0201_view_prev_mob.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 10; text-indent: -9999px;}
.sub0201_view_wrap .slick-next{position: absolute; top: 50%; transform:translateY(-50%); right: 0; background: url(/assets_2023/images/sub/sub0201_view_next_mob.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 10; text-indent: -9999px;}
.sub0201_view_wrap .txt_con{padding: 15px;background: #fff; border:1px solid #000;}
.sub0201_view_wrap .txt_con .top{border-bottom: 2px solid #000;}
.sub0201_view_wrap .txt_con .top p{font-size: 18px; color: #000; font-weight: 600;margin-bottom: 10px;}
.sub0201_view_wrap .txt_con .top strong{display: flex;gap:20px;margin-bottom: 12px;font-size: 13px;}
.sub0201_view_wrap .txt_con .top span{position: relative;font-size: 14px;color: #000; font-weight: 400;}
.sub0201_view_wrap .txt_con .top span:not(:last-child)::after{content:'';display: block;position: absolute; top: 50%; transform:translateY(-50%); right: -10px; width: 1px; height: 10px; background: #000;}
.sub0201_view_wrap .txt_con .bot{}
.sub0201_view_wrap .txt_con .bot .bot_con{padding: 15px 0px;}
.sub0201_view_wrap .txt_con .bot .bot_con:last-child{padding-bottom: 0; border-top: 1px solid #000;}
.sub0201_view_wrap .txt_con .bot .bot_con p{font-size: 16px; color: #000; font-weight: 700;margin-bottom: 10px;}
.sub0201_view_wrap .txt_con .bot .bot_con span{font-size: 12px; color: #000; font-weight: 300;line-height: 18px;word-break: keep-all;}

/* sub0202 */
.sub0202_wrap .tab_menu_wrap{display: flex;gap:10px; flex-wrap:wrap; justify-content:center;margin-bottom: 30px;}
.sub0202_wrap .tab_menu_wrap a{display: block; flex:initial;width: calc((100% - 10px) / 2); height: 30px; line-height: 27px;font-size: 13px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0202_wrap .tab_menu_wrap a.on{background: #fff;}
.sub0202_wrap .tab_menu_wrap a:hover{background: #fff;}

/* sub0202 table */
.sub0202_wrap th,td {word-break: keep-all;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 {width: 100%; border: 2px solid #000; margin-bottom: 20px;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02:last-child {margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_tit {font-size: 22px; padding: 4px; font-weight: 700; }
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub {font-size: 13px; padding: 4px; font-weight: 500; }
.sub0202_wrap .tab-con .tb_wrap table.tbl02 th.th_sub:last-child {border-right: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td {padding: 4px; font-size: 12px; }
.sub0202_wrap .tab-con .tb_wrap table.tbl02 td:last-child {border-right: 0;}

.sub0202_wrap .tab-con .tb_wrap table.tbl03 {width: 100%; margin-bottom: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_tit {color: #fff; background: #000;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_sub {color: #fff; background: #222;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 th.th_sub:last-child {border-right: 0;}
.sub0202_wrap .tab-con .tb_wrap table.tbl03 td {background: none;}

/* sub0202_view */
.sub0202_view_wrap .view_video_wrap {position: relative; width: 100%; height: 0; padding-bottom: 46%; overflow: hidden; margin-bottom: 15px;}
.sub0202_view_wrap .view_video_wrap iframe {position: absolute; max-width: 100%; max-height: 100%; width: 100%; height: 100%; object-fit: cover; top:0; left:0; bottom:0; right:0; margin: auto;}
.sub0202_view_wrap .txt_con {background: none; border: 0; padding: 0;}
.sub0202_view_wrap .txt_con .top {border-bottom: 0; padding: 15px; border: 1px solid #000; background: #000;}
.sub0202_view_wrap .txt_con .top p {color:#fff;}
.sub0202_view_wrap .txt_con .top strong {margin-bottom: 0; color:#fff;}
.sub0202_view_wrap .txt_con .top strong > span {color:#fff;}
.sub0202_view_wrap .txt_con .bot .bot_con {padding: 15px; }
.sub0202_view_wrap .txt_con .bot .bot_con:last-child {border-top:1px solid #000; border-bottom:1px solid #000; padding-bottom: 15px;}

/* sub0302 */
.sub0302_wrap{line-height: 1;}
.sub0302_wrap .con_wrap{gap:20px;}
.sub0302_wrap .con_wrap .con{width: 100%;}
.sub0302_wrap .con_wrap .con .img_wrap{padding-bottom: 56.338%;}
.sub0302_wrap .con_wrap .con .txt_wrap span{display: flex;gap:20px;}
.sub0302_wrap .con_wrap .con .txt_wrap span strong{position: relative;font-weight: 500;}
.sub0302_wrap .con_wrap .con .txt_wrap span strong:not(:last-child)::after{content:'';display: block;position: absolute; top: 50%; transform:translateY(-50%); right: -10px; width: 1px; height: 10px; background: #000;}

/* sub0302_view */
.sub0302_view_wrap .view_tit{border:none;margin-bottom: 0;}
.sub0302_view_wrap .view_tit p{font-size: 15px; }
.sub0302_view_wrap .txt_con{min-height: auto;}
.sub0302_view_wrap .txt_con .top02{margin-bottom: 15px;}
.sub0302_view_wrap .txt_con .top02 .tit p{font-size: 22px; color: #000; font-weight: 700;margin-bottom: 20px;}
.sub0302_view_wrap .txt_con .top02 .txt{display: flex; gap:15px;align-items:center;margin-bottom: 15px;}
.sub0302_view_wrap .txt_con .top02 .txt .img_box{width: 150px;}
.sub0302_view_wrap .txt_con .top02 .txt .img_wrap{position:relative; width:100%; padding-bottom:100%;overflow: hidden;border-radius: 50%;}
.sub0302_view_wrap .txt_con .top02 .txt .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%;}
.sub0302_view_wrap .txt_con .top02 .txt p{font-size: 12px; color: #000; font-weight: 300; line-height: 17px;}
.sub0302_view_wrap .txt_con .top02 .txt p i{display: block;}
.sub0302_view_wrap .txt_con .top02 .txt02 p{font-size: 12px; color: #000; font-weight: 500; margin-bottom: 8px;}
.sub0302_view_wrap .img_slide .img_wrap{background: transparent;padding-bottom: 50%;}
.sub0302_view_wrap .img_con{border:1px solid #000; border-bottom: none;}

/* sub04 */
.sub04_tab{display: flex;gap:10px; margin: 0 0 20px 0;}
.sub04_tab a{position: relative;z-index: 100;display: block; flex:1; font-weight: 700;color: #000; font-size: 12px; border-bottom: 2px solid #000; padding-bottom: 5px;text-align: center;	}
.sub04_tab a.on::after{content:'';position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);bottom: 0; z-index: -1;width: 90%; background: rgba(255,255,255,.4); height: 9px;}

/* sub0401 */
.sub0401_wrap .tab_menu_wrap{display: flex;gap:10px; flex-wrap:wrap; justify-content:center;margin-bottom: 30px;}
.sub0401_wrap .tab_menu_wrap a{display: block; flex:initial;width: calc((100% - 10px) / 2); height: 30px; line-height: 27px;font-size: 13px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0401_wrap .tab_menu_wrap a.on{background: #222;color: #fff;}
.sub0401_wrap .con ul.li_04 {}
.sub0401_wrap .con ul.li_04 li:nth-child(1) {border-top: 2px solid #000;}
.sub0401_wrap .con ul.li_04 li {border-bottom: 1px solid #000; padding: 0 15px; width: 100%; height: 45px; }
.sub0401_wrap .con ul.li_04 li a {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; line-height: 45px;}
.sub0401_wrap .con ul.li_04 li a p.p_tit {width: 70%; font-size: 18px; color: #000; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
.sub0401_wrap .con ul.li_04 li a p.p_con {width: 30%; font-size: 12px; color: #000; font-weight: 600; text-align: right;}
.sub0401_wrap .con .paging_wrap ul.paging04 {display: flex; gap: 15px; justify-content: center;}
.sub0401_wrap .con .paging_wrap ul.paging04 li a {font-size: 12px; color: #000;}
.sub0401_wrap .con .paging_wrap ul.paging04 li a.on {font-weight: 700; position: relative; display: inline-block;}
.sub0401_wrap .con .paging_wrap ul.paging04 li a.on:before {position: absolute; content: ''; width: 100%; height: 2px; background: #000; top: 19px; left:1px;}
.sub0401_wrap .con .paging_wrap ul.paging04 li.page_arrow a {display: block;}
.sub0401_wrap .con .paging_wrap ul.paging04 li.page_arrow a img {width: 13px;vertical-align: middle;}

/* sub0404 */
.sub0404_wrap{padding-bottom: 40px;}
.sub0404_wrap .sub04_slide li{width: 183px; margin-right: 20px;}
.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_2023/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_2023/images/sub/sub0201_view_prev_mob.png)center no-repeat; width: 30px; height: 30px; 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_2023/images/sub/sub0201_view_next_mob.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_wrap .progress { position:relative; width:calc(100%); height:2px; background:#e5e5e5;top: 30px;}
.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: 73px;}
.sub0404_pop .sub_inner{margin: 0 auto;}
.sub0404_pop .pop_x{position: absolute; top: 20px; right: 2.6%; display: block; background: url(/assets_2023/images/sub/sub0404_icon02_tab.png)center no-repeat;width: 20px; height: 20px; background-size: cover;}
.sub0404_pop .pop_big_slide{margin-bottom: 40px;}
.sub0404_pop .pop_big_slide .txt_wrap{text-align: center; padding-bottom: 20px;}
.sub0404_pop .pop_big_slide .txt_wrap p{font-size: 18px; color: #fff;font-weight: 700;}
.sub0404_pop .pop_big_slide .img_wrap{position:relative; width:100%; padding-bottom:88.732%;}
.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: 2.6%;transform:translateY(-50%); background: url(/assets_2023/images/sub/sub0201_view_prev_tab.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_pop .pop_big_slide .slick-next{position: absolute; top: 60%; right: 2.6%;transform:translateY(-50%); background: url(/assets_2023/images/sub/sub0201_view_next_tab.png)center no-repeat; width: 30px; height: 30px; background-size: cover;z-index: 100; text-indent: -9999px;}
.sub0404_pop .pop_sm_slide .slick-list{width: calc(100% + 35px);padding: 0 2.6%;}
.sub0404_pop .pop_sm_slide li{margin-right: 35px;}
.sub0404_pop .pop_sm_slide .img_wrap{position:relative; width:100%; padding-bottom:69.375%;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: 2px solid #fff;}

/* sub0405 */
.sub0405_wrap .tab_menu_wrap{display: flex;gap:10px; flex-wrap:wrap; justify-content:center;margin-bottom: 30px;}
.sub0405_wrap .tab_menu_wrap a{display: block; flex:initial;width: calc((100% - 10px) / 2); height: 30px; line-height: 27px;font-size: 13px; font-weight: 600; color: #000; text-align: center; border:2px solid #000;transition:.6s;}
.sub0405_wrap .tab_menu_wrap a.on{background: #222;color: #fff;}


}