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

#wrap{margin-top: 80px;padding: 80px 0 60px;background: var(--main-bg01);min-width: 375px;max-width:767px;}
#wrap .inner{width: 100%;margin: 0 auto;max-width: 100%;padding: 0 15px;}

/* 메인 */

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

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


/* section01 */
#section01{line-height: 1;color: #000;}
#section01 .con_wrap{display: block;justify-content: space-between;}
#section01 .con_box{position: relative; border-radius: 20px;background: #fff;box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);overflow: hidden;}
#section01 .left_wrap{padding: 45px 18px 100px;width: 100%;margin-bottom: 20px;}
#section01 .left_wrap .txt{margin-bottom: 25px;text-align: center;}
#section01 .left_wrap .txt p{font-size: 17px;color: #333;font-weight: 500;margin-bottom: 15px;}
#section01 .left_wrap .txt strong{font-size: 25px;font-weight: 800;line-height: 35px;}
#section01 .left_wrap .txt strong span{color: var(--main-color02);}
#section01 .left_wrap ul li{line-height: 60px;border-radius: 15px;background: #f9fafb;font-size: 17px;text-align: center;margin-bottom: 7px;}
#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:20px;}
#section01 .right_wrap .con_box01{display: flex;align-items: center;justify-content: space-between; padding: 20px 15px;height: auto;}
#section01 .right_wrap .con_box01 .left_box{display: block;align-items: center;height: 100%;width: 100%;}
#section01 .right_wrap .con_box01 .left_box .tit{width: 100%;font-size: 25px;font-weight: 800;margin-bottom: 15px;}
#section01 .right_wrap .con_box01 .left_box .notice_slide{width: 100%;overflow:hidden;height: 30px;}
#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% - 50px); align-items: center;justify-content: space-between;} 
#section01 .right_wrap .con_box01 .left_box .notice_slide ul li a p{font-size: 13px;width: calc(100% - 90px); 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: 11px;color: #797979;font-weight: 500;}
#section01 .right_wrap .con_box01 .left_box a img{width: 30px;}
#section01 .right_wrap .con_box01 a.link_btn img{width: 40px;}

#section01 .right_wrap .con_box02{padding: 25px 15px 80px 15px;}
#section01 .right_wrap .con_box02 .tit_box{display: flex;align-items: flex-end;gap:10px;margin-bottom: 25px;}
#section01 .right_wrap .con_box02 .tit_box span{font-size: 17px;font-weight: 500;}
#section01 .right_wrap .con_box02 .tit_box p{font-size: 15px;font-weight: 500;color: #333;}
#section01 .right_wrap .con_box02 .content_slide{width: 100%;overflow: hidden;padding: 10px 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 10px 0px rgba(0,0,0,.07);transition: .3s;height: auto;}
#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 7px;border-radius: 11px;line-height: 22px;text-align: center;font-size: 11px;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: 15px;font-weight: 800;color: var(--main-bg02);}
#section01 .right_wrap .con_box02 .content_slide ul li .txt_box02{font-size: 15px;font-weight: 700;height: auto;line-height: 20px;margin: 20px 0 20px; 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: 12px;}
#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: 15px;bottom: 15px;width: 20px;height: 20px;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: 40px 0 25px;line-height: 1;}
footer .inner{width: 100%;margin: 0 auto;max-width: 100%;padding: 0 20px;}
footer .footer_top{display: block;align-items: center;justify-content: space-between;margin-bottom: 20px;}
footer .footer_top .logo_box{margin-bottom: 20px;}
footer .footer_top .logo_box a img{width: 170px;}
footer .footer_top ul{display: flex;gap:10px;}
footer .footer_top ul li a{font-size: 12px;font-weight: 500;transition: .3s;}
footer .footer_top ul li a:hover{color: #0EB0C6;}
footer .footer_bot ul{display: flex;gap:3px 10px;flex-wrap:wrap;width: 375px;margin-bottom: 20px;}
footer .footer_bot ul li{font-size: 13px;color: #797979;font-weight: 500;}
footer .footer_bot ul li:last-child{width: 100%;}
footer .footer_bot .copy_new{font-size: 13px;font-weight: 600;color: #333;}


/* sub */

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

/* 버튼 스타일 */
.btn_st01{display: block;line-height:55px;width: fit-content;margin: 0 auto; padding: 0 25px;font-size: 17px;font-weight: 700;color: #fff; border-radius: 15px;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:15px;flex-wrap:wrap;}
.service_wrap .con_wrap01 ul li{position: relative;width: 100%;padding: 50px 20px 90px 20px;text-align: center; box-shadow: 1px 1px 15px 0px rgba(0,0,0,.03);border-radius: 25px;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: 25px;font-size: 20px;}
.service_wrap .con_wrap01 ul li .txt_box02{margin-bottom: 35px;}
.service_wrap .con_wrap01 ul li .txt_box02 p{font-size: 18px;color: #333;font-weight: 500;margin-bottom: 12px;}
.service_wrap .con_wrap01 ul li .txt_box02 strong{font-weight: 800;font-size: 30px;line-height: 40px;letter-spacing: -2px;}
.service_wrap .con_wrap01 ul li .txt_box03{position: relative;left: 0;top: 0;}
.service_wrap .con_wrap01 ul li .txt_box03 .txt{display: flex;gap:8px;align-items: center;justify-content: center; margin-bottom: 15px;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: 16px;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: 500px;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: 18px;margin-bottom: 15px;}
.service_wrap .con_wrap02 strong{display: block; font-size: 35px;font-weight: 800;line-height: 50px;}



/* 이용방법 */
.menual_wrap{line-height: 1;letter-spacing: -1px;}
.menual_wrap .tab_menu_wrap{display: flex;gap:20px;justify-content: center;}
.menual_wrap .tab_menu_wrap a{position: relative; width: 40%;line-height: 1.2;border-radius: 15px 15px 0 0;padding-top: 10px; background: #e5e5e5;height: 50px;padding-left: 0px;text-align: center; font-size: 13px;transition: .3s;color: #797979;font-weight: 500;}
.menual_wrap .tab_menu_wrap a span{display: block;}
.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: -15px;bottom: 0;width: 15px;height: 15px;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: -15px;bottom: 0;width: 15px;height: 15px;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: 45px 15px 55px;border-radius: 10px;background: #fff;box-shadow: 1px 1px 10px 0px rgba(0,0,0,.04);}
.menual_wrap .tab_con01 .txt_wrap{margin-bottom: 35px;}
.menual_wrap .tab_con01 .txt_wrap p{font-size: 15px;color: #333;font-weight: 500;margin-bottom: 12px;} 
.menual_wrap .tab_con01 .txt_wrap strong{display: block; font-size: 20px;font-weight: 800;line-height: 32px;}
.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: 130px;height: 25px;background: #e3f8f8;}
.menual_wrap .tab_con01 .txt_wrap strong i{display: block;}
.menual_wrap .tab_con01 ul.con_list{display: flex;gap:10px;margin-bottom: 60px;flex-wrap:wrap;}
.menual_wrap .tab_con01 ul.con_list li{position: relative; width: 100%;height: auto;border-radius: 10px;text-align: center; padding: 140px 15px 35px 15px;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: 20px;left: 50%;transform: translateX(-50%);}
.menual_wrap .tab_con01 ul.con_list li strong{font-size: 20px;}
.menual_wrap .tab_con01 ul.con_list li p{font-size: 15px;font-weight: 500;color: #333;margin-top: 20px;line-height: 25px;}
.menual_wrap .tab_con01 .btn_st01{margin-bottom: 80px;}


/* Q&A*/
.question_wrap{line-height: 1;}
.question_wrap h3{font-size: 25px;font-weight: 800;margin-bottom: 20px;}
.question_wrap ul{border-top: 2px solid #000;}
.question_wrap ul li{position: relative; padding: 15px 50px 25px 10px;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: 20px;right: 10px;width: 25px;height: 25px;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: 25px;font-size: 20px;font-weight: 700;color: var(--main-bg02);}
.question_wrap ul li button p{position: relative;top: 5px; font-size: 15px;font-weight: 700;width: calc(100% - 25px);line-height: 18px;}
.question_wrap ul li .a_box{display: none; margin-top: 17px;font-size: 12px;line-height: 20px;padding-left: 25px;}



/* QA_wrap */
.QA_wrap .question_wrap ul li{background: #fff;}
.QA_wrap .tab_menu_wrap{display: flex;width: 70%;margin: 0 auto;border-radius: 25px;background: #f1f1f1;margin-bottom: 40px;}
.QA_wrap .tab_menu_wrap a{display: block;width: 50%;border-radius: 25px;text-align: center;line-height: 45px;color: #333;font-weight: 700;font-size: 15px;}
.QA_wrap .tab_menu_wrap a.on{background: var(--main-bg02);color: #fff;}


}