@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Light.ttf') format('truetype'),
        url('../font/Pretendard-Light.woff') format('woff'),
        url('../font/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Regular.ttf') format('truetype'),
        url('../font/Pretendard-Regular.woff') format('woff'),
        url('../font/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}



@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Medium.ttf') format('truetype'),
        url('../font/Pretendard-Medium.woff') format('woff'),
        url('../font/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-SemiBold.ttf') format('truetype'),
        url('../font/Pretendard-SemiBold.woff') format('woff'),
        url('../font/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}


@font-face {
    font-family: 'Pretendard';
    src: url('../font/Pretendard-Bold.ttf') format('truetype'),
        url('../font/Pretendard-Bold.woff') format('woff'),
        url('../font/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


/******************************************************************************
******************************************************************************* reset {
*******************************************************************************/
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em; font-family:'Pretendard', dotum, sans-serif; height:initial !important;}
html, body {overflow-x:hidden;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Pretendard', dotum, sans-serif;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:'Pretendard', dotum, sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Pretendard', dotum, sans-serif; font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*{padding:0; margin:0; box-sizing: border-box;}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}
 
input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}


/******************************************************************************
******************************************************************************* core {
*******************************************************************************/
.hide{display:none !important;}
.show{display: block !important;}
.h100{height:100%;}
.talign__center{text-align:center;}
.talign__left{text-align:left;}
.talign__right{text-align:right;}

 
.visible1440{display:none;}
.visible1280{display:none;}
.visible1024{display:none;}
.visible768{display:none;}
.visible570{display:none;}
.visible480{display:none;}
.visible320{display:none;}
.visible480_im{display:none !important;}
@media screen and (max-width:1440px){
   .hidden1440{display:none;}
   .visible1440{display:block;}
}
@media screen and (max-width:1280px){
   .hidden1280{display:none;}
   .visible1280{display:block;}
}
@media screen and (max-width:1024px){
   .hidden1024{display:none;}
   .visible1024{display:block;}
}
@media screen and (max-width:700px){
   .hidden768{display:none;}
   .visible768{display:block;}
}
@media screen and (max-width:570px){
   .hidden570{display:none;}
   .visible570{display:block;}
}
@media screen and (max-width:480px){
   .hidden480{display:none;}
   .visible480{display:block;}
   .visible480_im{display:block !important;}
}
@media screen and (max-width:320px){
   .hidden320{display:none;}
   .visible320{display:block;}
}

.inner__full{position:relative; width:100%; margin:0 auto;}
.inner__cen768{position:relative; width:90%; max-width:768px; margin: 0 auto;}
.inner__cen1120{position:relative; width:90%; max-width:1120px; margin: 0 auto;}
.inner__cen1130{position:relative; width:90%; max-width:1130px; margin: 0 auto;}
.inner__cen1200{position:relative; width:90%; max-width:1200px; margin: 0 auto;}
.inner__cen1320{position:relative; width:90%; max-width:1320px; margin: 0 auto;}
.inner__cen1400{position:relative; width:90%; max-width:1400px; margin: 0 auto;}
.inner__cen1420{position:relative; width:90%; max-width:1420px; margin: 0 auto;}
.inner__cen1560{position:relative; width:90%; max-width:1560px; margin: 0 auto;}
.inner__cen1600{position:relative; width:90%; max-width:1600px; margin: 0 auto;}
.inner__cen1800{position:relative; width:90%; max-width:1800px; margin: 0 auto;}



/******************************************************************************
******************************************************************************* core {
*******************************************************************************/


/* 공통 */
b, strong{font-weight: 700;}
.mt16{margin-top: 16px !important;}
.img__wr > img{width:100%;}
.app__main__color{color:#00bc56 !important;}
.shadow{box-shadow: inset 0 -15px 0 rgba(0, 186, 85, 0.40); line-height: 1.1;}
.bg__color01{background:#F0FAEF;}
.bg__color02{background:#F5F8FA;}

.sub__app__contents__wr{padding:100px 0; position:relative;}
.app__title__wr .tit{color:#00bc56; font-size:24px; margin-bottom: 16px; line-height: 34px; font-weight: 700;}
.app__title__wr .title{font-size:52px; font-weight: 700; line-height: 1.4; color:#1F2122;}
.app__title__wr .sub__title{font-size:42px; font-weight: 700; line-height: 1.5; color:#1F2122;}
.app__title__wr .text{font-size:20px; font-weight: 500; line-height: 1.5; color:#1F2122; margin-top: 24px; word-break:keep-all;}
.app__title__wr .text.sub__text{font-size:24px; font-weight: 700;}
.sub__tit{font-size:30px; color:#1F2122; font-weight: 700; margin-bottom: 80px;}
.sub__app__contents__wr .banner__btn{color:#1F2122; font-size:18px; font-weight: 700; display:inline-block; padding:16px 21px; 
text-align: center; background:#fff; border-radius:999px;}

#sub__app__visual__wr{position:relative; padding:0; height:100%;}
#sub__app__visual__wr .inner__full{height:100%;}
#sub__app__visual__wr .inner__full .img__wr{height:860px; width:100%;}
#sub__app__visual__wr .inner__full .img__wr img{height:100%; object-fit:cover;}
#sub__app__visual__wr .app__title__wr{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:1120px; width:90%;}
#sub__app__visual__wr .app__title__wr .text{font-size:22px; color:#fff; margin-top: 16px;}
#sub__app__visual__wr .app__title__wr p{color:#fff;}
#sub__app__visual__wr .app__title__wr .visual_btn{margin-top: 48px;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
.app__title__wr .title{font-size:46px;}
.app__title__wr .sub__title{font-size:40px;}
.app__title__wr .text{font-size:18px;}
.app__title__wr .tit{font-size:20px;}
.sub__tit{font-size:24px;}

#sub__app__visual__wr .app__title__wr .text{font-size:20px;}

}/* 1280px */

@media screen and (max-width:1024px){
.mt16{margin-top: 8px !important;}
.app__title__wr .title{font-size:30px; letter-spacing: -0.8px;}
.app__title__wr .sub__title{font-size:24px;}
.app__title__wr .text{font-size:16px;}
.app__title__wr .tit{font-size:16px; margin-bottom: 8px; line-height: 24px;}

#sub__app__visual__wr .app__title__wr .text{font-size:18px;}
.sub__tit{font-size:24px; margin-bottom: 60px;}
.sub__app__contents__wr .banner__btn{line-height: 21px;}
.app__title__wr .text.sub__text{font-size:20px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
.app__title__wr .text{font-size:15px;}
.app__title__wr .tit{font-size:17px;}

#sub__app__visual__wr .app__title__wr{top:30%; width:80%;}
#sub__app__visual__wr .app__title__wr .text{font-size:16px; margin-top: 8px;}
#sub__app__visual__wr .app__title__wr .visual_btn{margin-top: 24px;}
#sub__app__visual__wr .inner__full .img__wr{height:690px;}
.sub__tit{font-size:22px; margin-bottom: 40px;}

.app__title__wr .text.sub__text{font-size:17px;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
}/* 570px */

@media screen and (max-width:480px){
#sub__app__visual__wr .app__title__wr{top:27%;}
#sub__app__visual__wr .inner__full .img__wr{height:860px;}
}/* 480px */



#sub__app__wr00 .app__title__wr{margin-bottom: 64px;}
#sub__app__wr00 .app__title__wr .text{font-size:22px; margin-top: 8px; color:#1F2122; font-weight: 600;}
#sub__app__wr00 .inner__full{text-align: center;}
#sub__app__box00 .logo__img{margin-bottom: 16px;}
.sub__app__contents__box .video__wr{width:100%; position:relative; height:auto; padding-top: 56.5%; overflow:hidden;}
.sub__app__contents__box .video__wr video{position:absolute; top:0; left:0; width:100%; height:100%; object-fit: cover;}
.video__wr{border-radius: 24px;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__wr00 .app__title__wr{margin-bottom: 42px;}
#sub__app__wr00 .app__title__wr .text{font-size:20px; margin-top: 8px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#sub__app__wr00 .app__title__wr{margin-bottom: 34px;}
#sub__app__wr00 .app__title__wr .text{font-size:16px;}
#sub__app__box00 .logo__img{width:80%; margin:0 auto;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
}/* 570px */

@media screen and (max-width:480px){
#sub__app__box00 .logo__img{max-width:210px; width:100%; margin-bottom: 8px;}
}/* 480px */

#sub__app__wr01 .inner__cen1130{display:flex; flex-wrap:wrap; justify-content: space-between; align-items: center;}
#sub__app__wr01 .img__wr{width:545px;}
#sub__app__wr01 .app__title__wr{width:calc(100% - 585px);}
#sub__app__wr01 .app__title__wr .sub__title{letter-spacing: -2px; line-height: 1.4;}
#sub__app__wr01 .app__title__wr .text{color:#545B63;}

#sub__app__wr02 .img__wr{border-radius:24px; overflow:hidden;}
#sub__app__wr02 .app__title__wr{margin:48px 0 80px;}
.sub__app__contents__box .list__wr{display:flex; flex-wrap:wrap; gap:30px;}
.sub__app__contents__box .list__wr li{width:calc(50% - 15px); background:#fff; border-radius:24px; padding:24px;}
.sub__app__contents__box .list__wr li img{max-width:72px;}
.sub__app__contents__box .list__wr li .tx01{font-size:30px; font-weight: 700; color:#363E45; margin:16px 0 8px;}
.sub__app__contents__box .list__wr li .tx02{font-size:18px; font-weight: 400; color:#69737E; line-height: 1.6; word-break: keep-all;}
.sub__app__contents__box .list__wr li .tx03{font-size:26px; color:#fff; line-height: 1.4; font-weight: 700; word-break: keep-all;}
.sub__app__contents__box .list__wr li .number{background:#fff; border-radius:50%; width:64px; height:64px; font-size:30px; color:#003318; display:flex; align-items:center; justify-content: center; font-weight: 700; margin-bottom: 117px;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
#sub__app__wr01 .img__wr{width:440px}
#sub__app__wr01 .app__title__wr{width:calc(100% - 470px);}
#sub__app__wr01 .app__title__wr .sub__title{font-size:36px;}
#sub__app__wr01 .app__title__wr .text{font-size:18px;}

.sub__app__contents__box .list__wr li img{max-width:65px;}
.sub__app__contents__box .list__wr li .tx01{font-size:26px;}
.sub__app__contents__box .list__wr li .tx02{font-size:16px;}
.sub__app__contents__box .list__wr li .tx03{font-size:22px;}
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__wr01 .app__title__wr .sub__title{font-size:30px;}
#sub__app__wr01 .app__title__wr .text{font-size:16px;}
#sub__app__wr01 .img__wr{width:100%; max-width:375px; margin:0 auto;}
#sub__app__wr01 .app__title__wr{width:100%; margin-top: 24px;}

#sub__app__wr02 .app__title__wr{margin:48px 0 60px;}

.sub__app__contents__box .list__wr li{padding:20px;}
.sub__app__contents__box .list__wr li img{max-width:60px;}
.sub__app__contents__box .list__wr li .tx01{font-size:24px;}
.sub__app__contents__box .list__wr li .tx02 br{display:none;}
.sub__app__contents__box .list__wr li .tx03{font-size:18px;}
.sub__app__contents__box .list__wr li .tx03 br{display:none;}
.sub__app__contents__box .list__wr li .number{font-size:25px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){

#sub__app__wr01 .app__title__wr .sub__title{font-size:24px;}
#sub__app__wr01 .app__title__wr .text{font-size:15px; margin-top: 24px;}

#sub__app__wr02 .app__title__wr{margin:48px 0 40px;}

.sub__app__contents__box .list__wr{gap:24px;}
.sub__app__contents__box .list__wr li{width:calc(50% - 12px); padding:16px;}
.sub__app__contents__box .list__wr li img{max-width:48px;}
.sub__app__contents__box .list__wr li .tx01{font-size:20px; margin:12px 0 8px;}
.sub__app__contents__box .list__wr li .tx02{font-size:14px;}
.sub__app__contents__box .list__wr li .number{font-size:20px;}
.sub__app__contents__box .list__wr li .tx03 br{display:block;}


}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
.sub__app__contents__box .list__wr li{width:100%;}
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */


#sub__app__wr03 .inner__cen1120 .top__box__wr{display:flex; flex-wrap:wrap; justify-content: space-between;}
#sub__app__wr03 .img__wr{width:calc(100% - 500px);}
#sub__app__wr03 .app__title__wr{width:450px;}
#sub__app__wr03 .app__title__wr .sub__title{letter-spacing: -2px; line-height: 1.4;}
@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__wr03 .inner__cen1120 .top__box__wr{flex-direction: row-reverse;}
#sub__app__wr03 .img__wr{width:100%; max-width:375px; margin:0 auto; margin-top: 24px;}
#sub__app__wr03 .app__title__wr{width:100%;}

#sub__app__box03{padding-top: 60px;	}
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */

#sub__app__wr04 .inner__cen1120{display:flex; justify-content: space-between; flex-wrap:wrap;}
#sub__app__wr04 .inner__cen1120 > div{width:48%;}
#sub__app__wr04 .app__title__wr{text-align: left;}
#sub__app__wr04 .left__wr .img__wr{margin-top: 180px;}
#sub__app__wr04 .inner__cen1120 > div .tx01{font-size:18px; margin-top: 16px; color:#1F2122; font-weight: 500; text-align: center;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__wr04 .left__wr .img__wr, #sub__app__wr04 .right__wr .img__wr{width:70%; margin:60px auto 0;}
#sub__app__wr04 .inner__cen1120 > div .tx01{font-size:18px;}
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#sub__app__wr04 .inner__cen1120 > div .tx01{font-size:16px;}
#sub__app__wr04 .inner__cen1120 > div{width:100%;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#sub__app__wr04 .left__wr .img__wr, #sub__app__wr04 .right__wr .img__wr{max-width:480px; width:90%; margin:40px auto 0;}
#sub__app__wr04 .inner__cen1120 > div .tx01{font-size:14px; margin-top: 8px;}
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */


#sub__app__box05{margin-top: 126px;}
#sub__app__box05 .list__wr li{width:calc(33.33% - 20px); background:#007C39; border-radius:24px; box-shadow: 0px 0px 34px 0px rgba(0, 0, 0, 0.05), 0px 8px 16px 6px rgba(0, 0, 0, 0.07);}

#sub__app__wr05:after{content:''; display:block; width:100%; height:400px; background:#F0FAEF; position:absolute; bottom:0; left:0; z-index:-1;}

#sub__app__box05 .list__wr li:first-child{background:#007C39 url(../images/app05_bg01.png) no-repeat center center; background-size:120% 130%;}
#sub__app__box05 .list__wr li:nth-child(2){background:#007C39 url(../images/app05_bg02.png) no-repeat center center; background-size:120% 130%;}
#sub__app__box05 .list__wr li:last-child{background:#007C39 url(../images/app05_bg03.png) no-repeat center center; background-size:120% 130%;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
#sub__app__box05{margin-top: 100px;}
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__box05{margin-top: 80px;}
#sub__app__wr05:after{height:320px;}
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#sub__app__box05{margin-top: 60px;}
#sub__app__box05 .list__wr li{width:100%; padding:24px;}
#sub__app__wr05:after{height:60%;}

#sub__app__box05 .list__wr li:first-child{background-size:cover;}

}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#sub__app__box05{margin-top: 40px;}
#sub__app__box05 .list__wr li:first-child{background-size:140% auto;}
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */



#sub__app__wr06{background:#F5F8FA url(../images/app06_bg.png) no-repeat center center; background-size:cover;}
#sub__app__box06{margin-top: 80px;}
#sub__app__box06 .list__wr li{width:calc(50% - 15px);}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__box06{margin-top: 60px;}
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#sub__app__box06{margin-top: 40px;}
#sub__app__box06 .list__wr li{width:calc(50% - 12px);}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#sub__app__box06 .list__wr li{width:100%;}
#sub__app__box06 .list__wr li .tx01{font-size:17px;}

#sub__app__box06 .list__wr li .tx02 br{display:block;}
}/* 570px */

@media screen and (max-width:480px){
}/* 480px */


#sub__app__box07{margin-top: 80px;}
#sub__app__box07 .text__list__wr{background:#fff; border-radius:24px; border:1px solid #E2E6EA; padding:24px;}
#sub__app__box07 .text__list__wr li{cursor: pointer; padding:24px; position:relative; border-bottom: 1px solid #E2E6EA;}
#sub__app__box07 .text__list__wr li > div{display:flex; align-items:center; gap:8px;}
#sub__app__box07 .text__list__wr li:last-child{border:0;}
#sub__app__box07 .text__list__wr li .arrow__icon{position:absolute; top:28px; right:24px; transform:rotate(180deg);}

#sub__app__box07 .text__list__wr li .tx01{color:#1F2122; font-size:22px; font-weight: 600;}
#sub__app__box07 .text__list__wr li .anw{display:none; color:#6D767A; font-size:16px; line-height: 1.6; margin-top: 24px; font-weight: 500; word-break:keep-all;}
#sub__app__box07 .text__list__wr li.on .anw{display:block;}
#sub__app__box07 .text__list__wr li.on .arrow__icon{transform:rotate(0deg);}

@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__box07{margin-top: 60px;}
#sub__app__box07 .text__list__wr li .tx01{font-size:20px;}
#sub__app__box07 .text__list__wr{padding:20px;}
#sub__app__box07 .text__list__wr li{padding:20px;}
#sub__app__box07 .text__list__wr li .arrow__icon{right:20px; top:24px;}

}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#sub__app__box07{margin-top: 40px;}
#sub__app__box07 .text__list__wr{padding:12px;}
#sub__app__box07 .text__list__wr li{padding:12px;}
#sub__app__box07 .text__list__wr li .tx01{font-size:18px;}
#sub__app__box07 .text__list__wr li .arrow__icon{right:12px; top:15px;}
#sub__app__box07 .text__list__wr li .anw{font-size:14px;}

}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#sub__app__box07 .text__list__wr li .tx01{font-size:16px;}
#sub__app__box07 .text__list__wr li .anw{font-size:13px;}
}/* 570px */

@media screen and (max-width:480px){
#sub__app__box07 .text__list__wr li > div{gap:12px;}
#sub__app__box07 .text__list__wr li .arrow__icon{top:21px;}
}/* 480px */

#sub__app__wr08 .inner__cen1120{background:url(../images/banner_gra_bg.jpg) no-repeat; background-size:100% 100%; border-radius:24px; overflow:hidden;}

#sub__app__wr08 .img__box{padding:40px 0; background:url(../images/app09_bg.png) no-repeat center right; background-size:45% auto;  padding:80px;  display:block; background-position-x: 117%; background-position-y: 34%;}
#sub__app__wr08 .sub__tit{color:#fff; line-height: 42px; margin-bottom: 24px;}


@media screen and (max-width:1440px){
}/* 1440px */

@media screen and (max-width:1280px){
}/* 1280px */

@media screen and (max-width:1024px){
#sub__app__wr08 .img__box{padding:30px;}
#sub__app__wr08 .sub__tit{margin-bottom: 25px; line-height: 32px;}
}/* 1024px */

@media screen and (max-width:820px){
}/* 820px */

@media screen and (max-width:768px){
#sub__app__wr08{padding:40px 0;}
#sub__app__wr08 .img__box{padding:24px;}
}/* 768px */

@media screen and (max-width:600px){
}/* 600px */

@media screen and (max-width:570px){
#sub__app__wr08{padding:20px 0;}
.sub__app__contents__wr .banner__btn{width:100%;}
#sub__app__wr08 .img__box{background-position-y: -26%; background-size: 57% auto;}
#sub__app__wr08 .sub__tit{line-height: 28px; margin-bottom: 16px; letter-spacing:-0.8px; font-size:20px;}

}/* 570px */

@media screen and (max-width:320px){
#sub__app__wr08 .img__box{background-position-y: -55%; background-size: 80% auto; background-position-x: 210%;}
}/* 480px */