/* common */
.inner2 {max-width: 1400px; margin: 0 auto; width: 100%;}
/* visual */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 580px; position:relative; background-repeat: no-repeat; background-position: center; background-size: cover;}
.sub_visual.sub_vis2 {height: 950px;}



/* sub_menu */
.sub_vis2 + .sub_menu {top: 100px; z-index: 100;}
.sub_menu{height:100px; position: absolute; bottom: 0; left: 0; width: 100%;}
.sub_menu > ul{max-width:1400px; margin:0 auto; position: relative; display: flex; align-items: center; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li + li::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: #474747;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; height: 100%; font-weight: 500;}
.sub_menu > ul > li.home > a {display:flex; align-items: center; height:100%; padding-left: 0; padding-right: 20px;}
.sub_menu > ul > li.home > a img {width: 20px;}
.sub_menu > ul > li.menu_btn {width: 300px; background: url("../img/sub/sub_menu_arrow.svg") no-repeat right 20px center / 20px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("../img/sub/sub_menu_arrow_on.svg");}
.sub_menu > ul > li.menu_btn2 {background-position: right center;}
.sub_menu_txt {display: none; position: absolute; top: calc(100% - 16px); left: 0; width: 100%; background: #fff; border: 1px solid #E3E3E3; z-index:100;}
.sub_menu_txt li {height: 60px; border-bottom: 1px solid #E0E0E0;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 29px; font-size: 20px; color: #7E7E7E; height: 100%; font-weight: 500;}
.sub_menu_txt li a:hover{background:var(--color1); color: #fff;}
.sub_menu_txt li:last-child{border-bottom:none;}

/* tabnav */
.tabnav{position: sticky; top: 100px; z-index: 10; margin-top: 50px;}
.tabnav:before{content: ''; display: block; width: 100%; height: 100%; background: #fff; position: absolute; left: 0; top: 0; z-index: -1;}
.tabnav ul{display: flex; justify-content: center;}
.tabnav ul li a{font-size: 20px; font-weight: 600; text-align: center; width: 270px; padding: 15px 0; color: #999999; border-bottom: 1px solid transparent; display: block; letter-spacing: -1.5px;}
.tabnav ul li a.on{border-bottom: 2px solid #05836E; color: #05836E;}

/* LOVELYAN Philosophy */
.philosophy {overflow: hidden; padding:70px 0 0;}
.philosophy > img {width: 100%;}
.philosophy_slide {position: relative; padding: 100px 0 130px;}
.philosophy_slide::before {content: ""; width: 100%; height: 1524px; position: absolute; left: 0; bottom: 0; background: url('../img/sub/philosophy_bg.jpg') no-repeat center/cover; z-index: -1;}
.philosophy_slide h2 {font-size: 40px; font-weight: 300; color: #fff; letter-spacing: -1px; line-height: 1.25;}
.philosophy_slide h2 strong {font-weight: 700;}
.philosophy_slide .cont {position: relative; margin-top: 80px;}
.philosophy_slide .cont::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: -100%; background: #41b6a3; z-index: 10;}
.philosophy_slide .swiper-slide {width: 435px; margin-right: 50px;}
.philosophy_slide .swiper-slide .img {display: block; overflow: hidden; height: 450px;}
.philosophy_slide .swiper-slide .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.philosophy_slide .swiper-slide .info {margin-top: 40px;}
.philosophy_slide .swiper-slide .info span {display: block; font-size: 20px; font-weight: 700; color: #7BE2D1; letter-spacing: -.4px; line-height: 1.3;}
.philosophy_slide .swiper-slide .info .tit {margin-top: 10px; font-size: 28px; font-weight: 600; color: #fff; letter-spacing: -.6px; line-height: 1.2; /* overflow: hidden; white-space: nowrap; text-overflow: ellipsis; */}
.philosophy_slide .bot {margin-top: 60px; display: flex; align-items: center; justify-content: center; gap: 55px;}
.philosophy_slide .bot .arrow {display: flex; align-items: center; gap: 18px;}
.philosophy_slide .bot .arrow > div {border-radius: 100%; width: 60px; height: 60px; border-radius: 100%; background: #fff; box-shadow: 0px 3.75px 15px 0px #64646F33; position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; opacity: 1;}
.philosophy_slide .bot .arrow > div::after {display: none;}
.philosophy_slide .bot .arrow > div img {width: 19px;}
.philosophy_slide .bot .swiper-pagination {position: relative; top: auto; right: auto; bottom: auto; left: auto; margin: 0; width: 1200px; height: 2px; background: #ffffff50;}
.philosophy_slide .bot .swiper-pagination-progressbar-fill {background: #fff;}

.dpp_bd_write .bt_wrap .agree {margin-top: 20px; font-size: 16px;}

/* common */
#sub_content .sub_wrap {position: relative;}
#sub_content .sub_wrap > h2 {text-align: center; font-size: 50px; font-weight: 700; margin: -60px auto 100px; text-transform: uppercase;}
#sub_content .img_content {font-size: 0; position: relative;}
#sub_content .img_content > img {width: 100%;}

.inner1400 {max-width: 1400px; width: 100%; margin: 0 auto;}
.flex-wrap {display: flex; flex-wrap: wrap;}
.w50 {width: 50%;}
.mt150 {margin-top: 150px;}

.bd_inner {padding: 150px 0 0;}

/* move_tab */
.move_tab {margin: 100px auto 60px; display: flex; align-items: center; justify-content: center;}
.move_tab a {display: flex; align-items: center; justify-content: center; height: 65px; background: #F5F5F5; font-size: 22px; font-weight: 500; color: #999;}
.move_tab a.on {color: #fff; background: #05836E;}
.move_tab.facelift05 a {width: 370px;}

/* facelift */
.facelift_sec01 a {position: absolute; left: 43.3%; bottom: 7.2%; width: 17.1%; height: 1.4%; display: block;}
.facelift02_sec01 a {left: 45.3%; bottom: 8.2%; width: 17.1%; height: 1.7%;}
.facelift03_sec01 a {left: 46.3%; bottom: 8.4%; width: 17.1%; height: 1.7%;}
.facelift04_sec01 a {left: 46.3%; bottom: 54.3%; width: 17.1%; height: .8%;}
.facelift05_sec01 a {left: 46.3%; bottom: 50.7%; width: 17.1%; height: 1.4%;}
.facelift06_sec01 a {left: 46.3%; bottom: 41.9%; width: 17.1%; height: 1.4%;}

/* antiaging */
.antiaging {padding: 150px 0 116px; background: #F8F8F8; position: relative; overflow: hidden;}
.antiaging::after {content: "LOVELYAN PLASTIC SURGERY"; width: 1894px; font-size: 130px; font-weight: 900; color: #000; opacity: .02; letter-spacing: -2px; font-family: var(--font-nun); position: absolute; top: 310px; left: 50%; transform: translateX(-50%);}
.tab_style01.tab {display: flex; align-items: center; justify-content: center; gap: 15px;}
.tab_style01.tab li {cursor: pointer; height: 56px; display: flex; align-items: center; justify-content: center; padding: 0 28px; font-size: 20px; font-weight: 700; color: #1c1c1c; letter-spacing: -1px; font-family: var(--font-nun); border-radius: 50px; background: #fff;}
.tab_style01.tab li.on {color: #fff; background: #05836E;}
.tab_style01 + .tab_cont {position: relative; z-index: 2;}
.tab_style01 + .tab_cont .cont:not(.on) {display: none;}

.eye.tab li {border: 1px solid #BEBEBE; text-align: center; padding: 15px 40px; height: auto !important; color: #B4B4B4;}
.eye.tab li.on {border-color: #05836E;}

/* staff */
.staff {gap: 60px;}
.staff a {display: block; width: calc(50% - 30px);}

/* nose03 */
.nose03_vis_swiper {display: none;}

.staff_btn {text-align: center; display: block; margin: 50px auto 0; width: 250px;}
.staff_btn img {width: 100%;}


 

@media (max-width: 1640px) {
    /* common */
    .inner2 {max-width: 85.37vw;}
    /* visual */
    .sub_visual{ height: 35.37vw;}
    .sub_visual.sub_vis2 {height: 57.93vw;}
    /* sub_menu */
    .sub_vis2 + .sub_menu {top: 6.10vw;}
    .sub_menu{height:6.10vw;}
    .sub_menu > ul{max-width:85.37vw;}
    .sub_menu > ul > li + li::before {width: 0.06vw; height: 1.22vw;}
    .sub_menu > ul > li > a {padding-left: 1.83vw; font-size: 1.22vw;}
    .sub_menu > ul > li.home > a {padding-right: 1.22vw;}
    .sub_menu > ul > li.home > a img {width: 1.22vw;}
    .sub_menu > ul > li.menu_btn {width: 20.3vw; background: url("../img/sub/sub_menu_arrow.svg") no-repeat right 1.22vw center / 1.22vw;}
    .sub_menu_txt {top: calc(100% - 0.98vw);}
    .sub_menu_txt li {height: 3.66vw;}
    .sub_menu_txt li a {padding: 0 1.77vw; font-size: 1.22vw;}
    /* sub_content */
    /* #sub_content{padding:calc(8.54vw/2) 0 0;} */
    /* tabnav */
    .tabnav{ top: 6.10vw; margin-top: 3.05vw; }
    .tabnav ul li a{font-size: 1.34vw; width: 16.46vw; padding: 0.91vw 0; letter-spacing: -0.09vw;}
    
    /* move_tab */
    .move_tab {margin: 6.09vw auto 3.67vw; }
    .move_tab a {height: 4vw; font-size: 1.33vw; padding-top: .1vw;}
    .move_tab.facelift05 a {width: 22.58vw;}

    /* LOVELYAN Philosophy */
    .philosophy {padding:calc(8.54vw/2) 0 0;}
    .philosophy_slide {padding: 6.10vw 0 7.93vw;}
    .philosophy_slide::before {height: 92.93vw;}
    .philosophy_slide h2 {font-size: 2.44vw; letter-spacing: -0.06vw;}
    .philosophy_slide .cont {margin-top: 4.88vw;}
    .philosophy_slide .swiper-slide {width: 26.52vw; margin-right: 3.05vw;}
    .philosophy_slide .swiper-slide .img {height: 27.44vw;}
    .philosophy_slide .swiper-slide .info {margin-top: 2.44vw;}
    .philosophy_slide .swiper-slide .info span {font-size: 1.22vw; letter-spacing: -0.02vw;}
    .philosophy_slide .swiper-slide .info .tit {margin-top: 0.61vw; font-size: 1.71vw; letter-spacing: -0.04vw;}
    .philosophy_slide .bot {margin-top: 3.66vw; gap: 3.35vw;}
    .philosophy_slide .bot .arrow {gap: 1.10vw;}
    .philosophy_slide .bot .arrow > div {width: 3.66vw; height: 3.66vw;}
    .philosophy_slide .bot .arrow > div img {width: 1.16vw;}
    .philosophy_slide .bot .swiper-pagination {width: 73.17vw; height: 0.12vw;}

    /* move_tab */
    .move_tab {margin: 6.10vw auto 3.66vw; }
    .move_tab a {height: 3.96vw; font-size: 1.34vw;}
    .move_tab.facelift05 a {width: 22.56vw;}

    /* antiaging */
    .antiaging {padding: 9.15vw 0 7.07vw;}
    .antiaging::after {width: 115.49vw; font-size: 7.93vw; letter-spacing: -0.12vw; top: 18.90vw;}
    .tab_style01.tab {gap: 0.91vw;}
    .tab_style01.tab li {height: 3.41vw; padding: 0 1.71vw; font-size: 1.22vw; letter-spacing: -0.06vw; border-radius: 3.05vw;}

    .eye.tab li {padding: 0.91vw 2.44vw;}

    /* staff */
    .inner1400 {max-width: 95.12vw;}
    .mt150 {margin-top: 9.15vw;}
    .bd_inner {padding: 9.15vw 0 0;}
    #sub_content .sub_wrap > h2 {font-size: 3.05vw; margin: -3.66vw auto 6.10vw;}

    .staff {gap: 3.66vw;}
    .staff a { width: calc(50% - 1.83vw);}

    .staff_btn {margin: 3.05vw auto 0; width: 15.24vw;}
}

@media (max-width: 1280px) {
    /* common */
    .inner2 {max-width: 93.75vw;}
    /* visual */
    .sub_visual{ height: 40.23vw;}
    .sub_visual.sub_vis2 {height: 63.62vw;}

    /* sub_menu */
    .sub_vis2 + .sub_menu {top: 7.81vw;}
    .sub_menu{height:6.09vw;}
    .sub_menu > ul{max-width:93.75vw;}
    .sub_menu > ul > li + li::before {width: 0.08vw; height: 1.34vw;}
    .sub_menu > ul > li > a {padding-left: 1.34vw; font-size: 1.33vw;}
    .sub_menu > ul > li.home > a {padding-right: 1.34vw;}
    .sub_menu > ul > li.home > a img {width: 1.34vw;}
    .sub_menu > ul > li.menu_btn {width: 22.3vw; background: url("../img/sub/sub_menu_arrow.svg") no-repeat right 1.34vw center / 1.34vw;}
    .sub_menu_txt {top: calc(100% - 1.02vw);}
    .sub_menu_txt li {height: 4.02vw;}
    .sub_menu_txt li a {padding: 0 1.95vw; font-size: 1.33vw;}
    /* sub_content */
    /* #sub_content{padding:calc(9.38vw/2) 0 0;} */
    /* tabnav */
    .tabnav{ top: 5.86vw; margin-top: 3.05vw;}
    .tabnav ul li a{font-size: 1.72vw; width: 21.09vw; padding: 1.17vw 0; letter-spacing: -0.12vw;}
    
    /* LOVELYAN Philosophy */
    .philosophy {padding:calc(9.38vw/2) 0 0;}
    .philosophy_slide {padding: 6.72vw 0 8.59vw;}
    .philosophy_slide::before {height: 102.11vw;}
    .philosophy_slide h2 {font-size: 2.66vw; letter-spacing: -0.07vw;}
    .philosophy_slide .cont {margin-top: 5.31vw;}
    .philosophy_slide .swiper-slide {width: 28.79vw; margin-right: 3.67vw;}
    .philosophy_slide .swiper-slide .img {height: 30.13vw;}
    .philosophy_slide .swiper-slide .info {margin-top: 2.66vw;}
    .philosophy_slide .swiper-slide .info span {font-size: 1.33vw; letter-spacing: -0.03vw;}
    .philosophy_slide .swiper-slide .info .tit {margin-top: 0.63vw; font-size: 1.88vw; letter-spacing: -0.04vw;}
    .philosophy_slide .bot {margin-top: 3.98vw; gap: 3.67vw; justify-content: space-between;}
    .philosophy_slide .bot .arrow {gap: 1.17vw;}
    .philosophy_slide .bot .arrow > div {width: 4.02vw; height: 4.02vw;}
    .philosophy_slide .bot .arrow > div img {width: 1.26vw;}
    .philosophy_slide .bot .swiper-pagination {width: 80.36vw; height: 0.16vw;}

    /* facelift */
    .facelift_sec01 a {left: 46.5%; bottom: 7.4%; width: 19.5%; height: 1.6%;}
    .facelift02_sec01 a {left: 46.3%; bottom: 7.7%; width: 20.1%; height: 1.7% }
    .facelift04_sec01 a {left: 46.5%; bottom: 7.05%; width: 19.5%; height: 1.6%;}
    .facelift05_sec01 a {left: 46.3%; bottom: 49.67%; width: 20.1%; height: 1.4%;}
    .facelift06_sec01 a {left: 46.3%; bottom: 41.4%; width: 20.1%; height: 1.4%;}

    /* move_tab */
    .move_tab {margin: 6.10vw auto 3.66vw; }
    .move_tab a {height: 4.3vw; font-size: 1.34vw;}
    .move_tab.facelift05 a {width: 22.56vw;}

    /* antiaging */
    .antiaging {padding: 9.14vw 0 7.03vw;}
    .antiaging::after {width: 115.47vw; font-size: 7.97vw; letter-spacing: -0.16vw; top: 18.91vw;}
    .tab_style01.tab {gap: 0.94vw; margin-bottom: 2vw;}
    .tab_style01.tab li {height: 3.44vw; padding: 0 1.72vw; font-size: 1.25vw; letter-spacing: -0.08vw; border-radius: 3.05vw;}

    .eye.tab li {padding: 0.94vw 2.42vw;}

    /* staff */
    .inner1400 {max-width: 93.75vw;}
    .mt150 {margin-top: 9.38vw;}
    .bd_inner {padding: 9.38vw 0 0;}
    #sub_content .sub_wrap > h2 {font-size: 3.05vw; margin: -3.67vw auto 6.09vw;}
    .staff {gap: 3.98vw;}
    .staff a { width: calc(50% - 1.99vw);}

    /* nose03 */
    .nose03_vis_swiper {display: block; position: absolute; left: 0; bottom: 7.19vw; overflow: hidden; width: 100%;}
    .nose03_vis_swiper .swiper-wrapper{	transition-timing-function: linear;}
    .nose03_vis_swiper .swiper-slide {margin-right: 0.78vw; padding: 1.09vw 2.50vw; border-radius: 7.81vw; background: #05836E; color: #fff; font-size: 1.56vw; font-weight: 600; font-family: var(--font-nun); width: auto;}
    .nose03_vis_swiper.eye {display: none;}

    .staff_btn {margin: 3.05vw auto 0; width: 15.23vw;}

}

@media (max-width: 768px) {
    /* common */
    .inner2 {max-width: 100%; padding: 0 5.21vw;}
    /* visual */
    .sub_visual{ height: 117.19vw;}
    .sub_visual.sub_vis2 {height: 138.02vw;}
    /* sub_menu */
    .sub_vis2 + .sub_menu {top: auto; bottom: 0;}
    .sub_menu{height:13.02vw;}
    .sub_menu > ul{max-width:100%; padding: 0 5.21vw;}
    .sub_menu > ul > li + li::before {width: 0.13vw; height: 3.09vw;}
    .sub_menu > ul > li > a {padding-left: 2.86vw; font-size: 3.39vw;}
    .sub_menu > ul > li.home > a {padding-right: 3.09vw;}
    .sub_menu > ul > li.home > a img {width: 3.09vw;}
    .sub_menu > ul > li.menu_btn {width: 45%; background: url("../img/sub/sub_menu_arrow.svg") no-repeat right 3.09vw center / 3.09vw;}
    .sub_menu > ul > li.menu_btn:nth-of-type(3) {width: 55%;}
    .sub_menu > ul > li.menu_btn2 {background-position: right 52%; width: 50%;}
    .sub_menu_txt {top: calc(100% - 2.21vw);}
    .sub_menu_txt li {height: 9.27vw;}
    .sub_menu_txt li a {padding: 0 3.13vw; font-size: 3.39vw;}
    /* sub_content */
    /* #sub_content{padding:calc(20.18vw/2) 0 0;} */
    /* tabnav */
    .tabnav{ top: 15.63vw; margin-top: 5.21vw;}
    .tabnav ul {justify-content: flex-start; overflow-y: scroll; width: 100%; white-space: nowrap;}
    .tabnav ul li a{font-size: 3.26vw; width: auto; padding: 1.95vw 4.5vw; letter-spacing: -0.20vw;}
    
    /* LOVELYAN Philosophy */
    .philosophy {padding:calc(20.18vw/2) 0 0;}
    .philosophy_slide {padding: 10.42vw 0 20.57vw;}
    .philosophy_slide::before {height: 221.35vw; background-image: url('../img/sub/m_philosophy_bg.jpg');}
    .philosophy_slide h2 {font-size: 5.73vw; letter-spacing: -0.26vw;}
    .philosophy_slide .cont {margin-top: 11.46vw;}
    .philosophy_slide .swiper-slide {width: 83.33vw; margin-right: 5.21vw;}
    .philosophy_slide .swiper-slide .img {height: 91.15vw;}
    .philosophy_slide .swiper-slide .info {margin-top: 7.81vw;}
    .philosophy_slide .swiper-slide .info span {font-size: 3.65vw; letter-spacing: -0.10vw;}
    .philosophy_slide .swiper-slide .info .tit {margin-top: 2.60vw; font-size: 4.69vw; letter-spacing: -0.16vw;}
    .philosophy_slide .bot {margin-top: 10.42vw; gap: 7.81vw; justify-content: space-between;}
    .philosophy_slide .bot .arrow {gap: 2.60vw;}
    .philosophy_slide .bot .arrow > div {width: 10.42vw; height: 10.42vw;}
    .philosophy_slide .bot .arrow > div img {width: 3.26vw;}
    .philosophy_slide .bot .swiper-pagination {width: 57.29vw; height: 0.52vw;}



    .dpp_bd_write .bt_wrap .agree {margin-top: 15px; font-size: 13px;}
    .dpp_write_btn_wrap .cancel_btn,
    .dpp_write_btn_wrap .write_btn {padding: 0;}


    /* facelift */
    .facelift_sec01 a {left: 4.5%; bottom: 1.6%; width: 70.5%; height: 1.6%;}
    .facelift02_sec01 a {left: 4.5%; bottom: 1.8%; width: 70.5%; height: 1.6%;}
    .facelift04_sec01 a {left: 4.5%; bottom: 1.4%; width: 70.5%; height: 1.6%;}
    .facelift05_sec01 a {left: 3.3%; bottom: 48.9%; width: 71.1%; height: 1.4%;}
    .facelift06_sec01 a {left: 3.3%; bottom: 43.9%; width: 64.1%; height: 1.4%;}

    /* move_tab */
    .move_tab {margin: 15.89vw auto 9.51vw; justify-content: flex-start; overflow: hidden; overflow-x: scroll; white-space: nowrap; padding: 0 5.21vw;}
    .move_tab a {height: 11.20vw; font-size: 3.52vw;}
    .move_tab.facelift05 a {width: 65.10vw;}

    /* antiaging */
    .antiaging {padding: 20.83vw 5.21vw;}
    .antiaging::after {display: none;}
    .tab_style01.tab {gap: 2.60vw 1.95vw; margin-bottom: 6.51vw; flex-wrap: wrap; justify-content: flex-start;}
    .tab_style01.tab li {height: 7.29vw; padding: 0 3.65vw; font-size: 2.60vw; letter-spacing: -0.13vw; border-radius: 6.51vw;}
    .antiaging .inner1400 {padding: 0;}
    .antiaging .tab_style01.tab {white-space: nowrap; overflow: hidden; overflow-x: scroll; flex-wrap: nowrap; margin: 7.51vw auto 3vw; }

    .eye.tab {justify-content: center;}
    .eye.tab li {padding: 1.89vw 3.65vw; font-size: 3.26vw;}

    /* staff */
    .inner1400 {max-width: 100%; padding: 0 5.21vw;}
    #sub_content .sub_wrap > h2 {font-size: 6.51vw; margin: -11.72vw auto 11.72vw;}
    .mt150 {margin-top: 20.83vw;}
    .bd_inner {padding: 20.83vw 0 0;}
    .staff_wrap {margin-top: 20.83vw;}
    .m_pl40 {padding-left: 5.21vw;}
    .m_p40 {padding: 0 5.21vw;}
    .flex-wrap {flex-direction: column; align-items: flex-start;}
    .staff {gap: 10.42vw;}
    .staff a { width: 100%;}

    .staff_btn {margin: 13.02vw auto 0; width: 41.67vw;}


    /* nose03 */
    .nose03_vis_swiper {bottom: 16.54vw;}
    .nose03_vis_swiper .swiper-slide {margin-right: 1.30vw; padding: 2.60vw 3.91vw; border-radius: 13.02vw; font-size: 3.13vw;}
    .nose03_vis_swiper.eye {display: block;}


}

@media (max-width: 384px) {
    .tabnav ul li a {font-size: 3.65vw;}
}


/********** sub_visual **********/
.sub_visual {background-image:url("../img/sub/vis01.jpg");}
.sub_visual.bg01 {background-image:url("../img/sub/vis02.jpg");}
.sub_visual.bg02 {background-image:url("../img/sub/vis03.jpg");}
.sub_visual.bg03 {background-image:url("../img/sub/vis04.jpg");}
.sub_visual.bg04 {background-image:url("../img/sub/vis05.jpg");}
.sub_visual.bg05 {background-image:url("../img/sub/vis06.jpg");}
.sub_visual.bg06 {background-image:url("../img/sub/vis07.jpg");}
.sub_visual.bg07 {background-image:url("../img/sub/vis08.jpg");}
.sub_visual.bg08 {background-image:url("../img/sub/vis09.jpg");}
.sub_visual.bg09 {background-image:url("../img/sub/vis10.jpg");}
.sub_visual.bg10 {background-image:url("../img/sub/vis11.jpg");}
.sub_visual.bg11 {background-image:url("../img/sub/vis12.jpg");}
.sub_visual.bg12 {background-image:url("../img/sub/vis13.jpg");}
.sub_visual.bg13 {background-image:url("../img/sub/vis14.jpg");}
.sub_visual.bg14 {background-image:url("../img/sub/nose01.jpg");}
.sub_visual.bg15 {background-image:url("../img/sub/nose02.jpg");}
.sub_visual.bg16 {background-image:url("../img/sub/nose03.jpg");}
.sub_visual.promotion {background-image:url("../img/sub/promotion.jpg");}
.sub_visual.community {background-image:url("../img/sub/community.jpg");}
.sub_visual.apply {background-image:url("../img/sub/apply.jpg");}

@media (max-width: 1280px) {
    .sub_visual {background-image:url("../img/sub/t_vis01.jpg");}
    .sub_visual.bg01 {background-image:url("../img/sub/t_vis02.jpg");}
    .sub_visual.bg02 {background-image:url("../img/sub/t_vis03.jpg");}
    .sub_visual.bg03 {background-image:url("../img/sub/t_vis04.jpg");}
    .sub_visual.bg04 {background-image:url("../img/sub/t_vis05.jpg");}
    .sub_visual.bg05 {background-image:url("../img/sub/t_vis06.jpg");}
    .sub_visual.bg06 {background-image:url("../img/sub/t_vis07.jpg");}
    .sub_visual.bg07 {background-image:url("../img/sub/t_vis08.jpg");}
    .sub_visual.bg08 {background-image:url("../img/sub/t_vis09.jpg");}
    .sub_visual.bg09 {background-image:url("../img/sub/t_vis10.jpg");}
    .sub_visual.bg10 {background-image:url("../img/sub/t_vis11.jpg");}
    .sub_visual.bg11 {background-image:url("../img/sub/t_vis12.jpg");}
    .sub_visual.bg12 {background-image:url("../img/sub/t_vis13.jpg");}
    .sub_visual.bg13 {background-image:url("../img/sub/t_vis14.jpg");}
    .sub_visual.bg14 {background-image:url("../img/sub/t_nose01.jpg");}
    .sub_visual.bg15 {background-image:url("../img/sub/t_nose02.jpg");}
    .sub_visual.bg16 {background-image:url("../img/sub/t_nose03.jpg");}
    .sub_visual.promotion {background-image:url("../img/sub/t_promotion.jpg");}
    .sub_visual.community {background-image:url("../img/sub/t_community.jpg");}
    .sub_visual.apply {background-image:url("../img/sub/t_apply.jpg");}
}

@media (max-width: 768px) {
    .sub_visual {background-image:url("../img/sub/m_vis01.jpg");}
    .sub_visual.bg01 {background-image:url("../img/sub/m_vis02.jpg");}
    .sub_visual.bg02 {background-image:url("../img/sub/m_vis03.jpg");}
    .sub_visual.bg03 {background-image:url("../img/sub/m_vis04.jpg");}
    .sub_visual.bg04 {background-image:url("../img/sub/m_vis05.jpg");}
    .sub_visual.bg05 {background-image:url("../img/sub/m_vis06.jpg");}
    .sub_visual.bg06 {background-image:url("../img/sub/m_vis07.jpg");}
    .sub_visual.bg07 {background-image:url("../img/sub/m_vis08.jpg");}
    .sub_visual.bg08 {background-image:url("../img/sub/m_vis09.jpg");}
    .sub_visual.bg09 {background-image:url("../img/sub/m_vis10.jpg");}
    .sub_visual.bg10 {background-image:url("../img/sub/m_vis11.jpg");}
    .sub_visual.bg11 {background-image:url("../img/sub/m_vis12.jpg");}
    .sub_visual.bg12 {background-image:url("../img/sub/m_vis13.jpg");}
    .sub_visual.bg13 {background-image:url("../img/sub/m_vis14.jpg");}
    .sub_visual.bg14 {background-image:url("../img/sub/m_nose01.jpg");}
    .sub_visual.bg15 {background-image:url("../img/sub/m_nose02.jpg");}
    .sub_visual.bg16 {background-image:url("../img/sub/m_nose03.jpg");}
    .sub_visual.promotion {background-image:url("../img/sub/m_promotion.jpg");}
    .sub_visual.community {background-image:url("../img/sub/m_community.jpg");}
    .sub_visual.apply {background-image:url("../img/sub/m_apply.jpg");}
}