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

#wrap{margin-top: 95px;padding: 100px 0 70px;background: var(--main-bg01);}
#wrap .inner{width: 100%;margin: 0 auto;max-width: 100%;padding: 0 20px;}

/* 메인 */

/* 공통 */
h2.tit_st01{font-size: 35px;font-weight: 800;text-align: center;margin-bottom: 60px;}
h2.tit_st01 span{color: var(--main-color02);}

a.more_btn{display: block;position: absolute;bottom: 0;right: 0;width: 250px;line-height: 70px;font-size: 15px; border-radius: 40px 0 40px 0;font-weight: 800;text-align: center; color: #fff; background: var(--main-bg02);}
a.more_btn:after{content:'';position: absolute;left: -40px;bottom: 0;width: 40px;height: 40px;background: url(/common/user/images/main_ico04.png);background-size: cover;}
a.more_btn:before{content:'';position: absolute;right: 0px;top: -40px;width: 40px;height: 40px;background: url(/common/user/images/main_ico04.png);background-size: cover;}


/* section01 */
#section01{line-height: 1;color: #000;}
#section01 .con_wrap{display: flex;justify-content: space-between;}
#section01 .con_box{position: relative; border-radius: 30px;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);overflow: hidden;}
#section01 .left_wrap{padding: 65px 33px 130px;width: 350px;}
#section01 .left_wrap .txt{margin-bottom: 30px;}
#section01 .left_wrap .txt p{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 20px;}
#section01 .left_wrap .txt strong{font-size: 30px;font-weight: 800;line-height: 40px;}
#section01 .left_wrap .txt strong span{color: var(--main-color02);}
#section01 .left_wrap ul li{line-height: 70px;border-radius: 20px;background: #f9fafb;font-size: 19px;text-align: center;margin-bottom: 10px;}
#section01 .left_wrap ul li:last-child{margin-bottom: 0;}
#section01 .left_wrap ul li span{color: var(--main-color03);}

#section01 .right_wrap{display: flex;flex-direction: column;justify-content: space-between; width: calc(100% - 380px);}
#section01 .right_wrap .con_box01{display: flex;align-items: center;justify-content: space-between; padding: 0 25px 0 35px;height: 100px;}
#section01 .right_wrap .con_box01 .left_box{display: flex;align-items: center;height: 100%;width:100%;}
#section01 .right_wrap .con_box01 .left_box .tit{width: 110px;font-size: 30px;font-weight: 800;}
#section01 .right_wrap .con_box01 .left_box .notice_slide{width: calc(100% - 130px);overflow:hidden;height: 100%;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li{display: flex;align-items: center;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a{display: flex;align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a p{font-size: 17px;width: calc(100% - 120px); font-weight: 600;white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a span{font-size: 13px;color: #797979;font-weight: 500;}
#section01 .right_wrap .con_box01 a.link_btn img{width: 40px;}

#section01 .right_wrap .con_box02{padding: 45px 40px 80px 40px;height: 443px;}
#section01 .right_wrap .con_box02 .tit_box{display: flex;align-items: flex-end;gap:20px;margin-bottom: 30px;}
#section01 .right_wrap .con_box02 .tit_box span{font-size: 20px;font-weight: 500;}
#section01 .right_wrap .con_box02 .tit_box p{font-size: 18px;font-weight: 500;color: #333;}
#section01 .right_wrap .con_box02 .content_slide{width: 100%;overflow: hidden;padding: 15px 0;}
#section01 .right_wrap .con_box02 .content_slide ul li{position: relative;}
#section01 .right_wrap .con_box02 .content_slide ul li a{display: block;padding: 20px 20px 25px 20px;border-radius: 15px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.07);transition: .3s;height: 238px;}
#section01 .right_wrap .con_box02 .content_slide ul li:hover a{transform: translateY(-10px);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01{display: flex;align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt{display: flex;gap:5px;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p{padding: 0 10px;border-radius: 13px;line-height: 26px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p.status01{background: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p.status02{background: #000;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 span{font-size: 17px;font-weight: 800;color: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box02{font-size: 17px;font-weight: 700;height: 44px;line-height: 22px;margin: 25px 0 25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt{display: flex;gap:5px;margin-bottom: 7px;font-size: 13px;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt:last-child{margin-bottom: 0;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt span{color: #797979;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt p{font-weight: 700;}
#section01 .right_wrap .con_box02 .content_slide ul li .link_btn{display: block;position: absolute;right: 20px;bottom: 25px;width: 28px;height: 28px;transition:.3s; background: url(/common/user/images/main_ico02.png);background-size: cover;}
#section01 .right_wrap .con_box02 .content_slide ul li:hover .link_btn{background: url(/common/user/images/main_ico03.png);background-size: cover;transform: scale(1.2);}

/* sub */
.sub_tit_box{margin-bottom: 60px;}
.sub_tit_box p{font-size: 22px;color: #333;text-align: center;margin-bottom: 25px;}
.sub_tit_box h2{margin-bottom: 0;}

}


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

#wrap{padding-top: 95px;}
#wrap .inner{width: 100%;margin: 0 auto;max-width: 100%;padding: 0 20px;}

/* 메인 */

/* 공통 */
h2.tit_st01{font-size: 30px;font-weight: 800;text-align: center;margin-bottom: 60px;}
h2.tit_st01 span{color: var(--main-color02);}


a.more_btn{display: block;position: absolute;bottom: 0;right: 0;width: 250px;line-height: 70px;font-size: 15px; border-radius: 40px 0 40px 0;font-weight: 800;text-align: center; color: #fff; background: var(--main-bg02);}
a.more_btn:after{content:'';position: absolute;left: -40px;bottom: 0;width: 40px;height: 40px;background: url(/common/user/images/main_ico04.png);background-size: cover;}
a.more_btn:before{content:'';position: absolute;right: 0px;top: -40px;width: 40px;height: 40px;background: url(/common/user/images/main_ico04.png);background-size: cover;}


/* section01 */
#section01{background: var(--main-bg01);line-height: 1;color: #000;}
#section01 .con_wrap{display: block;justify-content: space-between;}
#section01 .con_box{position: relative; border-radius: 30px;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);overflow: hidden;}
#section01 .left_wrap{padding: 65px 33px 130px;width: 100%;margin-bottom: 25px;}
#section01 .left_wrap .txt{margin-bottom: 30px;text-align: center;}
#section01 .left_wrap .txt p{font-size: 20px;color: #333;font-weight: 500;margin-bottom: 20px;}
#section01 .left_wrap .txt strong{font-size: 30px;font-weight: 800;line-height: 40px;}
#section01 .left_wrap .txt strong span{color: var(--main-color02);}
#section01 .left_wrap ul li{line-height: 70px;border-radius: 20px;background: #f9fafb;font-size: 19px;text-align: center;margin-bottom: 10px;}
#section01 .left_wrap ul li:last-child{margin-bottom: 0;}
#section01 .left_wrap ul li span{color: var(--main-color03);}

#section01 .right_wrap{display: flex;flex-direction: column;justify-content: space-between; width: 100%;gap:25px;}
#section01 .right_wrap .con_box01{display: flex;align-items: center;justify-content: space-between; padding: 0 25px 0 35px;height: 100px;}
#section01 .right_wrap .con_box01 .left_box{display: flex;align-items: center;height: 100%;width:100%;}
#section01 .right_wrap .con_box01 .left_box .tit{width: 110px;font-size: 30px;font-weight: 800;}
#section01 .right_wrap .con_box01 .left_box .notice_slide{width: calc(100% - 130px);overflow:hidden;height: 100%;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li{display: flex;align-items: center;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a{display: flex;align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a .txt{display: flex;width: calc(100% - 70px); align-items: center;justify-content: space-between;} 
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a p{font-size: 17px;width: calc(100% - 120px); font-weight: 600;white-space: nowrap; overflow:hidden;text-overflow: ellipsis; }
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a span{font-size: 13px;color: #797979;font-weight: 500;}
#section01 .right_wrap .con_box01 .left_box a img{width: 40px;}

#section01 .right_wrap .con_box02{padding: 45px 40px 80px 40px;height: auto;}
#section01 .right_wrap .con_box02 .tit_box{display: flex;align-items: flex-end;gap:20px;margin-bottom: 30px;}
#section01 .right_wrap .con_box02 .tit_box span{font-size: 20px;font-weight: 500;}
#section01 .right_wrap .con_box02 .tit_box p{font-size: 18px;font-weight: 500;color: #333;}
#section01 .right_wrap .con_box02 .content_slide{width: 100%;overflow: hidden;padding: 15px 0;}
#section01 .right_wrap .con_box02 .content_slide ul li{position: relative;}
#section01 .right_wrap .con_box02 .content_slide ul li a{display: block;padding: 20px 20px 25px 20px;border-radius: 15px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.07);transition: .3s;height: 238px;}
#section01 .right_wrap .con_box02 .content_slide ul li:hover a{transform: translateY(-10px);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01{display: flex;align-items: center;justify-content: space-between;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt{display: flex;gap:5px;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p{padding: 0 10px;border-radius: 13px;line-height: 26px;text-align: center;font-size: 14px;font-weight: 700;color: #fff;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p.status01{background: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 .txt p.status02{background: #000;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box01 span{font-size: 17px;font-weight: 800;color: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box02{font-size: 17px;font-weight: 700;line-height: 22px;margin: 25px 0 25px;height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt{display: flex;gap:5px;margin-bottom: 7px;font-size: 13px;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt:last-child{margin-bottom: 0;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt span{color: #797979;}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box03 .txt p{font-weight: 700;}
#section01 .right_wrap .con_box02 .content_slide ul li .link_btn{display: block;position: absolute;right: 20px;bottom: 25px;width: 28px;height: 28px;transition:.3s; background: url(/common/user/images/main_ico02.png);background-size: cover;}
#section01 .right_wrap .con_box02 .content_slide ul li:hover .link_btn{background: url(/common/user/images/main_ico03.png);background-size: cover;transform: scale(1.2);}

/* footer */
footer{padding: 60px 0 25px;line-height: 1;}
footer .inner{width: 100%;margin: 0 auto;max-width: 100%;padding: 0 20px;}
footer .footer_top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 40px;}
footer .footer_top ul{display: flex;gap:20px;}
footer .footer_top ul li a{font-size: 14px;font-weight: 500;transition: .3s;}
footer .footer_top ul li a:hover{color: #0EB0C6;}
footer .footer_bot ul{display: flex;gap:3px 15px;flex-wrap:wrap;width: 470px;margin-bottom: 40px;}
footer .footer_bot ul li{font-size: 16px;color: #797979;font-weight: 500;}
footer .footer_bot ul li:last-child{width: 100%;}
footer .footer_bot .copy_new{font-size: 16px;font-weight: 600;color: #333;}



/* sub */

/* 공통 */
.sub_tit_box{margin-bottom: 60px;}
.sub_tit_box p{font-size: 20px;color: #333;text-align: center;margin-bottom: 20px;}
.sub_tit_box h2{margin-bottom: 0;}

/* 버튼 스타일 */
.btn_st01{display: block;line-height: 80px;width: fit-content;margin: 0 auto; padding: 0 40px;font-size: 22px;font-weight: 800;color: #fff; border-radius: 20px;background:var(--main-bg02);}


/* 서비스 */
#wrap.service_wrap{padding-bottom: 0;}
.service_wrap{color: #000;}
.service_wrap .con_wrap01{margin-bottom: 120px;}
.service_wrap .con_wrap01 ul{display: flex;justify-content: center;gap:20px;flex-wrap:wrap;}
.service_wrap .con_wrap01 ul li{position: relative;width: 100%;padding: 60px 35px 120px 35px;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);border-radius: 35px;background: #fff;}
.service_wrap .con_wrap01 ul li span{font-weight: 700;color: #11d3d1;}
.service_wrap .con_wrap01 ul li:nth-child(2) span{color: #08d4e6;}
.service_wrap .con_wrap01 ul li:nth-child(3) span{color: #0db3f8;}
.service_wrap .con_wrap01 ul li .txt_box01{margin-bottom: 40px;font-size: 23px;}
.service_wrap .con_wrap01 ul li .txt_box02{margin-bottom: 0px;}
.service_wrap .con_wrap01 ul li .txt_box02 p{font-size: 21px;color: #333;font-weight: 500;margin-bottom: 15px;}
.service_wrap .con_wrap01 ul li .txt_box02 strong{font-weight: 800;font-size: 33px;line-height: 45px;letter-spacing: -2px;}
.service_wrap .con_wrap01 ul li .txt_box03{position: absolute;left: 400px;top: 123px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt{display: flex;gap:8px;align-items: center;margin-bottom: 20px;letter-spacing: -1px;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt:last-child{margin-bottom: 0;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt p{font-size: 19px;font-weight: 500;}
.service_wrap .con_wrap01 ul li:nth-child(2) a{background: #08d4e6;}
.service_wrap .con_wrap01 ul li:nth-child(2) a:after{background: url(/common/user/images/service_ico05.png);}
.service_wrap .con_wrap01 ul li:nth-child(2) a:before{background: url(/common/user/images/service_ico05.png);}
.service_wrap .con_wrap01 ul li:nth-child(3) a{background: #0db3f8;}
.service_wrap .con_wrap01 ul li:nth-child(3) a:after{background: url(/common/user/images/service_ico06.png);}
.service_wrap .con_wrap01 ul li:nth-child(3) a:before{background: url(/common/user/images/service_ico06.png);}

.service_wrap .con_wrap02{display: flex; height: 700px;align-items: center;flex-direction: column;text-align: center; justify-content: center;color: #fff; background: url(/common/user/images/service_bg01.jpg);background-attachment: fixed; }
.service_wrap .con_wrap02 p{font-size: 30px;margin-bottom: 15px;}
.service_wrap .con_wrap02 strong{display: block; font-size: 60px;font-weight: 800;line-height: 80px;}



/* 이용방법 */
.menual_wrap{line-height: 1;letter-spacing: -1px;}
.menual_wrap .tab_menu_wrap{display: flex;gap:70px;justify-content: center;}
.menual_wrap .tab_menu_wrap a{position: relative; width: 37%;line-height: 60px;border-radius: 30px 30px 0 0;background: #e5e5e5;padding-left: 20px; font-size: 18px;transition: .3s;color: #797979;font-weight: 500;}
.menual_wrap .tab_menu_wrap a.on{background: #fff;color: #000;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.04);}
.menual_wrap .tab_menu_wrap a.on span{color: var(--main-bg02);}
.menual_wrap .tab_menu_wrap a:after{content:'';position: absolute;left: -30px;bottom: 0;width: 30px;height: 30px;background: url(/common/user/images/manual_ico03.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a.on:after{background: url(/common/user/images/manual_ico01.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a:before{content:'';position: absolute;right: -30px;bottom: 0;width: 30px;height: 30px;background: url(/common/user/images/manual_ico04.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a.on:before{background: url(/common/user/images/manual_ico02.png);background-size: cover;}
.menual_wrap .tab_menu_wrap a span{font-weight: 700;}

.menual_wrap .tab_container{position: relative; padding: 90px 60px 115px;border-radius: 30px;background: #fff;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.04);}
.menual_wrap .tab_con01 .txt_wrap{margin-bottom: 75px;}
.menual_wrap .tab_con01 .txt_wrap p{font-size: 24px;color: #333;font-weight: 500;margin-bottom: 15px;} 
.menual_wrap .tab_con01 .txt_wrap strong{display: block; font-size: 36px;font-weight: 800;line-height: 48px;}
.menual_wrap .tab_con01 .txt_wrap strong span{color: var(--main-color02);}
.menual_wrap .tab_con01 .txt_wrap strong b{position: relative;z-index: 1;}
.menual_wrap .tab_con01 .txt_wrap strong b:after{content:'';position: absolute;bottom: -1px;left: 50%;z-index: -1; transform: translateX(-50%);width: 260px;height: 30px;background: #e3f8f8;}
.menual_wrap .tab_con01 .txt_wrap strong i{display: block;}
.menual_wrap .tab_con01 ul.con_list{display: flex;gap:35px;margin-bottom: 70px;flex-wrap:wrap;}
.menual_wrap .tab_con01 ul.con_list li{position: relative; width: calc((100% - 35px)/2);height: 280px;border-radius: 20px;padding: 150px 30px 0 30px;background: #f9fafb; box-shadow: 1px 1px 10px 0px rgba(0,0,0,.1);}
.menual_wrap .tab_con01 ul.con_list li img{position: absolute;top: 45px;left: 40px;}
.menual_wrap .tab_con01 ul.con_list li strong{font-size: 24px;}
.menual_wrap .tab_con01 ul.con_list li p{font-size: 18px;font-weight: 500;color: #333;margin-top: 15px;line-height: 25px;}
.menual_wrap .tab_con01 .btn_st01{margin-bottom: 120px;}


/* Q&A*/
.question_wrap{line-height: 1;}
.question_wrap h3{font-size: 36px;font-weight: 800;margin-bottom: 30px;}
.question_wrap ul{border-top: 2px solid #000;}
.question_wrap ul li{position: relative; padding: 30px 90px 35px 25px;border-bottom: 1px solid #ddd;}
.question_wrap ul li button{display: flex;align-items: flex-start;width: 100%;text-align: left;}
.question_wrap ul li button:after{content:'';position: absolute;top: 32px;right: 25px;width: 35px;height: 35px;transition: .3s; background: url(/common/user/images/manual_ico09.png);background-size: cover;}
.question_wrap ul li button.on:after{background: url(/common/user/images/manual_ico10.png);background-size: cover;}
.question_wrap ul li button span{display: block;width: 40px;font-size: 27px;font-weight: 700;color: var(--main-bg02);}
.question_wrap ul li button p{position: relative;top: 8px; font-size: 17px;font-weight: 700;width: calc(100% - 45px);line-height: 22px;}
.question_wrap ul li .a_box{display: none; margin-top: 22px;font-size: 14px;line-height: 23px;padding-left: 45px;}
}