.inner2 {max-width: 1400px; margin: 0 auto; width: 100%;}
/* 공통 */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 530px; position:relative; background-size: cover; background-position: center;}
.sub_visual.bg01 {background-image: url('/img/sub/vis01.jpg');}
.sub_visual.bg02 {background-image: url('/img/sub/vis02.jpg');}
.sub_visual.bg03 {background-image: url('/img/sub/vis03.jpg');}
.sub_visual.bg04 {background-image: url('/img/sub/vis04.jpg');}

/* sub_vis_txt */
.sub_vis_txt{color:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align: center;}
.sub_vis_txt em{font-size: 22px; font-weight: 500; color: #fff; margin-bottom:10px; display: block; letter-spacing: -1px; line-height: 1.2; font-family: var(--font-pop);}
.sub_vis_txt h2{font-size: 70px; font-weight: 700; line-height: 1.14;}

/* sub_menu */
.sub_menu{position: absolute; bottom: 35px; left: 50%; transform: translateX(-50%); height:32px; width: 100%;}
.sub_menu > ul{margin:0 auto; position: relative; display: flex; align-items: center; justify-content: flex-end; height:100%; z-index: 10;}
.sub_menu > ul > li{position: relative; height: 100%;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 20px; font-size: 16px; height: 100%; font-weight: 500; color: #fff; letter-spacing: -.6px; }
.sub_menu > ul > li.home {width: 32px;}
.sub_menu > ul > li.home a {padding: 0;}
.sub_menu > ul > li.home img {width: 100%;}
.sub_menu > ul > li.menu_btn {width: 200px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 16px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg");}
.sub_menu_txt {display: none; position: absolute; bottom: calc(100% + 18px); right: 0; width: 100%; z-index:100; border-radius: 10px; overflow: hidden; background: #fff;}
.sub_menu_txt li {height: 50px;}
.sub_menu_txt li + li {border-top: 1px solid #E3E3E3;}
.sub_menu_txt li a {display: flex; align-items: center; padding: 0 16px; font-size: 16px; color: #6D6D6D; height: 100%;}
.sub_menu_txt li a:hover{color:#fff; background: #000;}
.sub_menu_txt li:last-child{border-bottom:none;}

/* sub_content */
#sub_content{padding:100px 0 0; overflow: hidden;}
.sub_title{margin-bottom:72px; text-align:center;}
.sub_title h3{font-size: 35px; font-weight: 700; line-height: 1.2; text-align: left;}
.sub_title h3::first-letter {text-transform: uppercase;}



/*********** about ***********/
.about .sec1 .box {display: flex; gap: 20px;}
.about .sec1 .item {width: 300px; height: 550px; border-radius: 30px; padding: 82px 30px 49px; text-align: left; position: relative; overflow: hidden;}
.about .sec1 .item::before {content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;}
.about .sec1 .item .cate {padding: 0 20px; font-size: 17px; font-weight: 600; color: #000; letter-spacing: -1px; display: inline-flex; align-items: center; justify-content: center; height: 38px; border-radius: 100px; opacity: .8; background: #fff;}
.about .sec1 .item .bot {height: calc(100% - 60px);}
.about .sec1 .item .tit {height: 100%; margin-top: 25px; display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between;}
.about .sec1 .item .tit h2 {font-size: 27px; font-weight: 600; letter-spacing: -1px; line-height: 1.5;}
.about .sec1 .item p {display: none; font-size: 22px; font-weight: 400; color: #333; letter-spacing: -.5px; line-height: 1.3; opacity: .8;}
.about .sec1 .item:nth-child(1)::before {background: #D1F0E7;}
.about .sec1 .item:nth-child(2)::before {background: #BCDFFF;}
.about .sec1 .item:nth-child(3)::before {background: #D3D0FC;}
.about .sec1 .item:nth-child(1) .img img {width: 159px;}
.about .sec1 .item:nth-child(2) .img img {width: 168px;}
.about .sec1 .item:nth-child(3) .img img {width: 149px;}
.about .sec1 .item,
.about .sec1 .item * {transition: all .4s;}
.about .sec1 .item.on {width: calc(100% - 600px - 40px); padding: 80px 72px 70px;}
.about .sec1 .item.on .cate {opacity: 1; font-size: 20px; padding: 0 40px; font-weight: 700;}
.about .sec1 .item.on .bot {height: calc(100% - 30px); display: flex; align-items: flex-start; flex-direction: column; justify-content: space-between;}
.about .sec1 .item.on .tit {flex-direction: row; height: auto; width: 100%;}
.about .sec1 .item.on p {display: block; margin-top: 0;}
.about .sec1 .item.on:nth-child(1) {background: linear-gradient(180deg, rgba(52, 233, 180, 0) 0%, #34E9B4 100%);}
.about .sec1 .item.on:nth-child(2) {background: linear-gradient(180deg, rgba(188, 223, 255, 0) 0%, #81C3FF 100%);}
.about .sec1 .item.on:nth-child(3) {background: linear-gradient(180deg, rgba(211, 208, 252, 0) 0%, #9F98FF 100%);}
.about .sec2 {padding: 160px 0; background: #F6F6F6;}
.about .sec2 .item {display: flex; align-items: center;}
.about .sec2 .item + .item {margin-top: 80px;}
.about .sec2 .item > div {width: 50%;}
.about .sec2 .item .img {overflow: hidden; border-radius: 20px;}
.about .sec2 .item .img img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.about .sec2 .item .txt {padding: 0 100px;}
.about .sec2 .item .icon img {width: 120px;}
.about .sec2 .item h3 {margin-top: 25px; font-size: 40px; font-weight: 600; letter-spacing: -1px; line-height: 1.2;}
.about .sec2 .item p {margin-top: 25px; font-size: 20px; font-weight: 400; letter-spacing: -1px; line-height: 1.75;}
.about .sec1 {padding-bottom: 160px;}
.about .sec1 .item.on .tit h2 {font-size: 40px; line-height: 1.3;}
.about .sec1 .item.on:nth-child(1) .img img {width: 179px;}
.about .sec1 .item.on:nth-child(2) .img img {width: 201px;}
.about .sec1 .item.on:nth-child(3) .img img {width: 169px;}

/*********** guide ***********/
.guide {display: flex; flex-wrap: wrap; gap: 25px;}
.guide .item {width: calc(100%/3 - 17px); border-radius: 30px; background: #fff; border: 1px solid #aaa; display: flex; align-items: center; justify-content: center; flex-direction: column; text-align: center; height: 340px; position: relative;}
.guide .item + .item::before {content: ""; width: 50px; height: 50px; border-radius: 100%; background: #E5E5E5 url('/img/sub/guide_arrow.svg') no-repeat center; background-size: 20px; position: absolute; top: 50%; transform: translateY(-50%); left: -51px; z-index: 1;}
.guide .item .icon img {width: 60px;}
.guide .item .num {margin-top: 30px; font-size: 20px; font-weight: 700; color: var(--color1); letter-spacing: -.4px; line-height: 1.2;}
.guide .item .tit {margin-top: 5px; font-size: 24px; font-weight: 700; color: #212121; letter-spacing: -1px; line-height: 1.3;}
.guide .item p {margin-top: 20px; font-size: 20px; font-weight: 400; color: #555; letter-spacing: -1px; line-height: 1.4;}
.guide .item:last-child {background: #EF4C4D; border: 0; width: calc((100%/3 - 4px) * 2);}
.guide .item:last-child * {color: #fff;}
.guide .item:nth-child(4)::before {display: none;}

/*********** download ***********/
.download_desc {margin-top: 13px; text-align: left; font-size: 24px; font-weight: 400; letter-spacing: -1px;}
.download .info {border: 1px solid #aaa; border-radius: 30px; padding: 43px 70px; display: flex; align-items: flex-start; gap: 30px;}
.download .img img {min-width: 60px; width: 60px;}
.download .txt strong {display: block; font-size: 24px; font-weight: 700; color: #212121; letter-spacing: -1px;}
.download .txt ul {margin-top: 20px;}
.download .txt ul li {font-size: 20px; font-weight: 400; color: #555; letter-spacing: -1px;}
.download .txt ul li + li {margin-top: 5px;}
.download a {margin: 70px auto 0; display: flex; align-items: center; justify-content: center; width: 250px; height: 70px; border-radius: 5px; background: var(--color1); color: #fff; font-size: 20px; font-weight: 700;}

/*********** FAQ ***********/
.dpp_qna_wrap {}
.dpp_qna_wrap #dpp_ct_ul.dpp_ct_ul {display: flex; align-items: center; gap: 30px;}
.dpp_qna_wrap #dpp_ct.dpp_ct {margin-bottom: 30px;}
.dpp_qna_wrap #dpp_ct.dpp_ct li {width: auto;}
.dpp_qna_wrap #dpp_ct.dpp_ct a {font-size: 22px; font-weight: 500; color: #ccc; border: 0; padding: 0 0 9px 0; line-height: 1; height: auto; display: block;}
.dpp_qna_wrap #dpp_ct.dpp_ct #bo_cate_on {font-weight: 600;}
.dpp_qna_wrap .pro_tp {display: flex; justify-content: flex-end; margin-bottom: 0;}
.dpp_qna_wrap .pro_srh_form {width: 350px;}
.dpp_qna_wrap .pro_tp .pro_srh_input {width: 100%;}
.dpp_qna_wrap .pro_tp .pro_srh_input input {border-radius: 0; border-color: #E5E5E5; font-size: 16px; font-weight: 500; color: #000;}
.dpp_qna_wrap .pro_tp .pro_srh_input input::placeholder {color: #aaa;}
.dpp_qna_wrap .pro_tp .pro_srh_input img {width: 19px;}
.dpp_qna_wrap .total {font-size: 18px; font-weight: 600; color: #000;}
.dpp_qna_wrap .total strong {font-weight: 600;}
.dpp_qna_wrap .dpp_qna_list {margin-top: 22px; border-top: 2px solid #000;}
.dpp_qna_wrap .dpp_btn_wrap {margin: 0;}
.dpp_qna_wrap .dpp_qna_list > li > a {padding: 40px 80px 40px 50px; display: flex; align-items: baseline; gap: 15px; font-size: 22px; font-weight: 500; letter-spacing: -1px; line-height: 1.18;}
.dpp_qna_wrap .ddp_num {position: relative; top: auto; left: auto; display: flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; border-radius: 100%; color: #fff; background: var(--color1); font-size: 24px; font-family: var(--font-pre);}
.dpp_qna_wrap .dpp_qna_list > li > a:after {background: url("/img/sub/faq_open.svg") no-repeat; background-size: 20px auto; width: 20px; height: 12.5px;}
.dpp_qna_wrap .dpp_qna_list > li > a.open:after {background: url("/img/sub/faq_close.svg") no-repeat;}
.dpp_qna_wrap .dpp_qna_desc {border-top: 1px solid #E5E5E5; background: #F8F8F8; padding: 40px 50px;}
.dpp_qna_wrap .dpp_qna_desc .flex {display: flex; align-items: baseline; gap: 15px; font-size: 20px; font-weight: 400; color: #555; letter-spacing: -1px; line-height: 1.3;}
.dpp_qna_wrap .dpp_qna_desc .icon {display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; color: var(--color1); background:#fff; font-size: 24px; font-family: var(--font-pre);}
.dpp_qna_wrap .dpp_qna_desc .icon + div {width: calc(100% - 55px);}










/*********** member ***********/
/* common */
.member_inner {padding-top: 150px !important;}
.member_inner .sub_wrap {max-width: 565px; margin: 0 auto;}
.member_inner .sub_title {margin-bottom: 0;}
.member_inner .sub_title h3 {font-weight: 600; text-align: center; margin-bottom: 0;}
.header.hd_member {border-bottom: 1px solid #0000001A;}
/* input */
input:not([type='checkBox']) {width: 100%; height: 50px; border: 1px solid #E5E5E5; font-size: 16px; font-weight: 500; color: #000; padding: 0 15px; box-sizing: border-box; border-radius: 5px;}
input:not([type='checkBox']).error {border-color: #FF0000;}
input::placeholder {color: #aaa;}
input:not([type='checkBox']):focus {border-color: #000; border-radius: 0;}
input:not([type='checkBox']):disabled {background: #F8F8F8; opacity: 1; border-color: #ccc; color: #aaa;}
input:not([type='checkBox']):-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset; box-shadow: 0 0 0 1000px white inset; }
input[type='checkBox'] {-webkit-appearance:none; border: 1px solid #aaa; width: 20px; height: 20px; border-radius: 5px; cursor: pointer;}
input[type='checkBox']:checked {background: url("/img/sub/chked.svg") center no-repeat; border-color: #000; background-size: 11px 9px; background-position: center;}
/* select */
.select {position: relative; cursor: pointer;}
.select.on .tit {border-color: #000; color: #000; background: url('/img/mypage/select_arrow_on.svg') no-repeat; background-size: 24px 24px; background-position: right 20px center;}
.select .tit {background: url('/img/mypage/select_arrow.svg') no-repeat; background-size: 24px 24px; background-position: right 20px center; width: 100%; height: 50px; border: 1px solid #E5E5E5; font-size: 16px; font-weight: 500; color: #BEBEBE; padding: 12px 20px; box-sizing: border-box;}
.select.color .tit {color: #6D6D6D;}
.select > ul {display: none; position: absolute; left: 0; top: calc(100% + 5px); width: 100%; border: 1px solid #000; background: #fff; z-index: 1; overflow: hidden;}
.select > ul li {padding: 0 12px; line-height: 44px; font-size: 14px; font-weight: 500; color: #8E8E8E;}
.select > ul li:hover {background: #F0F0F0; color: #333333;}
/* btn */
.mem_sbmBtn {display: flex; align-items: center; justify-content: center; background: var(--color1); color: #fff; width: 100%; height: 60px; border-radius: 5px; font-size: 18px; font-weight: 700;}

.w100p {width: 100% !important;}
.w400 {width: 400px; margin: 0 auto;}

/* login */
.mem_login_wrap .login_box {margin-top: 37px;}
.mem_login_wrap .login_box input:focus {border-color: #000; background-color: none}
.mem_login_wrap .login_box .pw {margin-top: 10px;}
.mem_login_wrap .login_btn {margin: 70px auto 0;}
.mem_login_wrap .login_btn a {height: 55px;}
.mem_login_wrap .join {margin: 20px auto 0; display: flex; align-items: center; justify-content: center; gap: 15px;}
.mem_login_wrap .join a {font-size: 16px; font-weight: 400; color: #555;}
.mem_login_wrap .join .line {display: block; width: 1px; height: 10px; background: #C7C7C7;}

/* join */
#member_wrap.mem_join_wrap {padding-top: 91px;}
.mem_join_wrap .req {color: var(--color-red); font-size: 18px; font-weight: 600;}
.mem_join_wrap .table_info {text-align: right; font-size: 16px; font-weight: 400;}
.mem_join_wrap .table .tr + .tr {margin-top: 30px;}
.mem_join_wrap .table .tr .tit {font-size: 18px; font-weight: 600; line-height: 1.38;}
.mem_join_wrap .table .tr .cont {margin-top: 10px;}
.mem_join_wrap .table .tr .cont input.red {border-color: var(--color-red);}
.mem_join_wrap .table .tr .cont .desc {/* display: none; */ margin-top: 15px; font-size: 12px; font-weight: 400; color: var(--color-red);}
.mem_join_wrap .table .tr .b_m_btn {width: 120px; height: 50px; line-height: 50px; border: 0; background: #000; font-size: 18px; font-weight: 700; color: #fff; text-align: center; border-radius: 5px;}
.mem_join_wrap .table .flex {display: flex; align-items: center; gap: 0 10px;}
.mem_join_wrap .agree_form {margin-top: 30px; padding-top: 30px; border-top: 1px solid #E5E5E5;}
.mem_join_wrap .agree_form .tit {font-size: 18px; font-weight: 600; margin-bottom: 35px;}
.mem_join_wrap .agree_form li {display: flex; align-items: center; gap: 0 10px;}
.mem_join_wrap .agree_form li + li {margin-top: 18px;}
.mem_join_wrap .agree_form label {font-size: 16px; font-weight: 500; color: #000;display: flex; align-items: center; gap: 0 10px; cursor: pointer;}
.mem_join_wrap .agree_form .more {font-size: 14px; font-weight: 400; color: #555; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;}
.mem_join_wrap .info {margin-top: 19px;}
.mem_join_wrap .info li {font-size: 15px; font-weight: 400; color: #555; line-height: 1.6;}
.mem_join_wrap .join_btn {margin-top: 30px;}
.mem_join_wrap.join input#mb_email,
.mem_join_wrap.join input#mb_id {width: calc(100% - 10px - 120px);}
.mem_join_pop .use_wrap ol li {line-height: 1.4;}

/* popup */
.pop_wrap{display:none; position:fixed; top:0; left:0; right:0; bottom:0; z-index:10000;}
.pop_wrap.on{display:block;}
.popup_bg{position:absolute; width:100%; height:100%; background: rgba(0, 0, 0, 0.50);}
.popup_inner{position:absolute; background: #FFF; width: 800px; top:50%; left:50%; transform:translate(-50%, -50%); padding:43px 40px;}
.pop_close{cursor: pointer;}
.pop_close img {width: 21px;}
.pop_tit{display:flex; align-items:center; justify-content:space-between; padding-bottom:15px; border-bottom:2px solid #000; margin-bottom:30px;}
.pop_tit h4{font-size: 25px; font-weight: 700;}
.pop_cont{max-height: 370px; overflow-y:auto; padding-right:25px;}
.pop_cont > div {display: none;}
.pop_cont::-webkit-scrollbar {width: 5px;}
.pop_cont::-webkit-scrollbar-thumb {height: 30%; background: #888888; border-radius: 10px;}
.pop_cont::-webkit-scrollbar-track {background: #DDDDDD; border-radius: 10px;}
.popup_inner .agree_btn {margin: 40px auto 0; width: 150px; line-height: 50px; border: 1px solid #000; border-radius: 5px; font-size: 18px; font-weight: 700; color: #000; text-align: center; cursor: pointer;}
.popup_inner .headline {margin-top: 35px;}
.popup_inner .headline:first-child {margin-top: 0;}
.popup_inner .headline,
.popup_inner .headline h5 {border: 0; padding: 0; color: #000; font-weight: 700;}
.popup_inner .contents-box-inner {font-size: 16px; font-weight: 400; color: #AAAAAA;}
.popup_inner .contents-box-inner .headline {line-height: 1.2;}
.popup_inner .contents-box-inner .headline h5 {font-size: 18px; line-height: 1.2 !important;}

/* tab */
.member_tab {margin-top: 61px; display: flex; align-items: flex-end; margin-bottom: 60px;}
.member_tab a {display: flex; align-items: center; justify-content: center; width: 50%; height: 50px; font-size: 16px; font-weight: 500; color: #ccc; border: 1px solid #E5E5E5; border-bottom: 1px solid #000;}
.member_tab a.on {border-color: #000; border-bottom: 0; color: #000;}

/* find */
.mem_find_wrap .info {font-size: 16px; font-weight: 400; color: #555; line-height: 1.18;}
.mem_find_wrap .input_box {margin-top: 30px; padding: 30px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.mem_find_wrap .input_box .tit {font-size: 20px; font-weight: 500; line-height: 1.25; margin-bottom: 10px;}
.mem_find_wrap .input_box > div + div {margin-top: 30px;}
.mem_find_wrap .find_btn {display: flex; align-items: center; gap: 10px; margin-top: 45px;}
.mem_find_wrap .find_btn a {width: calc(50% - 5px); height: 60px; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 18px; color: #fff; background: #000; border: 1px solid #000; font-weight: 700;}
.mem_find_wrap .find_btn a.white {border-color: #888888; background: #fff; color: #888888;}
.mem_find_wrap .find_btn a.point {border-color: var(--color1); background: var(--color1); color: #fff;}
.mem_find_wrap .result_wrap {display: none;}
.mem_find_wrap .info_box {padding: 30px 0; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5;}
.mem_find_wrap .info_box > div {display: flex; align-items: center; gap: 40px;}
.mem_find_wrap .info_box > div + div {margin-top: 30px;}
.mem_find_wrap .info_box strong {display: block; width: 90px; font-size: 18px; font-weight: 600; color: #000;}
.mem_find_wrap .info_box span {display: block; width: calc(1005 - 130px); font-size: 18px; font-weight: 400; color: #888;}
.mem_find_wrap .pw_info {margin-top: 30px; font-size: 18px; font-weight: 400; color: #000; line-height: 1.3;}

/* 마이페이지 */
#member_wrap.mypage {padding-top: 70px;}
.mypage .mp_tit {font-size: 26px; font-weight: 600; padding-bottom: 20px; border-bottom: 1px solid #000;}
.mypage .table {padding: 30px 0; border-bottom: 1px solid #E5E5E5;}

/* 회원가입 완료 */
.mem_joinSuc_wrap {text-align: center;}
.mem_joinSuc_wrap .cont {margin: 62px auto 0;}
.mem_joinSuc_wrap .cont img {width: 48px;}
.mem_joinSuc_wrap .cont h3 {margin-top: 25px; font-weight: 700; font-size: 20px;}
.mem_joinSuc_wrap .cont p {margin-top: 10px; font-weight: 500; font-size: 18px; color:#aaa;}
.mem_joinSuc_wrap .cont .home_btn {margin: 30px auto 0;}
.mem_joinSuc_wrap .cont .b_l_btn {margin: 0 auto; width: 150px; display: flex; align-items: center; justify-content: center; height: 60px; font-weight: 700; background: #E5E5E5; font-size: 18px; border-radius: 5px;}

.dpp_qna_wrap .dpp_page_wrap .pg {height: 35px;}









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

    .inner2 {max-width: 95.12vw;}
    /* 공통 */
    .sub_visual {height: 32.32vw;}
    
    /* sub_vis_txt */
    .sub_vis_txt em{font-size: 1.34vw; margin-bottom:0.61vw; letter-spacing: -0.06vw;}
    .sub_vis_txt h2{font-size: 4.27vw;}
    
    /* sub_menu */
    .sub_menu{ bottom: 2.13vw; height:1.95vw;}
    .sub_menu > ul > li > a {padding-left: 1.22vw; font-size: 0.98vw; letter-spacing: -0.04vw;}
    .sub_menu > ul > li.home {width: 1.95vw;}
    .sub_menu > ul > li.menu_btn {width: 12.20vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 0.98vw;}
    .sub_menu_txt {bottom: calc(100% + 1.10vw); border-radius: 0.61vw;}
    .sub_menu_txt li {height: 3.05vw;}
    .sub_menu_txt li a {padding: 0 0.98vw; font-size: 0.98vw;}

    /* sub_content */
    #sub_content{padding:6.10vw 0 0;}
    .sub_title{margin-bottom:4.39vw;}
    .sub_title h3{font-size: 2.13vw;}


    /*********** about ***********/
    .about .sec1 .box {gap: 1.22vw;}
    .about .sec1 .item {width: 18.29vw; height: 33.54vw; border-radius: 1.83vw; padding: 5.00vw 1.83vw 2.99vw;}
    .about .sec1 .item .cate {padding: 0 1.22vw; font-size: 1.04vw; letter-spacing: -0.06vw; height: 2.32vw; border-radius: 6.10vw;}
    .about .sec1 .item .bot {height: calc(100% - 3.66vw);}
    .about .sec1 .item .tit {margin-top: 1.52vw;}
    .about .sec1 .item .tit h2 {font-size: 1.65vw; letter-spacing: -0.06vw;}
    .about .sec1 .item p {font-size: 1.34vw; letter-spacing: -0.03vw;}
    .about .sec1 .item:nth-child(1) .img img {width: 9.70vw;}
    .about .sec1 .item:nth-child(2) .img img {width: 10.24vw;}
    .about .sec1 .item:nth-child(3) .img img {width: 9.09vw;}
    .about .sec1 .item.on {width: calc(100% - 36.59vw - 2.44vw); padding: 4.88vw 4.39vw 4.27vw;}
    .about .sec1 .item.on .cate {font-size: 1.22vw; padding: 0 2.44vw;}
    .about .sec1 .item.on .bot {height: calc(100% - 1.83vw);}
    .about .sec2 {padding: 9.76vw 0;}
    .about .sec2 .item + .item {margin-top: 4.88vw;}
    .about .sec2 .item .img {border-radius: 1.22vw;}
    .about .sec2 .item .txt {padding: 0 6.10vw;}
    .about .sec2 .item .icon img {width: 7.32vw;}
    .about .sec2 .item h3 {margin-top: 1.52vw; font-size: 2.44vw; letter-spacing: -0.06vw;}
    .about .sec2 .item p {margin-top: 1.52vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
    .about .sec1 {padding-bottom: 9.76vw;}
    .about .sec1 .item.on .tit h2 {font-size: 2.44vw;}
    .about .sec1 .item.on:nth-child(1) .img img {width: 10.91vw;}
    .about .sec1 .item.on:nth-child(2) .img img {width: 12.26vw;}
    .about .sec1 .item.on:nth-child(3) .img img {width: 10.30vw;}

    /*********** guide ***********/
    .guide {gap: 1.52vw;}
    .guide .item {width: calc(100%/3 - 1.04vw); border-radius: 1.83vw; height: 20.73vw;}
    .guide .item + .item::before {width: 3.05vw; height: 3.05vw; background-size: 1.22vw; left: -3.11vw;}
    .guide .item .icon img {width: 3.66vw;}
    .guide .item .num {margin-top: 1.83vw; font-size: 1.22vw; letter-spacing: -0.02vw;}
    .guide .item .tit {margin-top: 0.30vw; font-size: 1.46vw; letter-spacing: -0.06vw;}
    .guide .item p {margin-top: 1.22vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
    .guide .item:last-child {width: calc((100%/3 - 0.24vw) * 2);}

    /*********** download ***********/
    .download_desc {margin-top: 0.79vw; font-size: 1.46vw; letter-spacing: -0.06vw;}
    .download .info {border-radius: 1.83vw; padding: 2.62vw 4.27vw; gap: 1.83vw;}
    .download .img img {min-width: 3.66vw; width: 3.66vw;}
    .download .txt strong {font-size: 1.46vw; letter-spacing: -0.06vw;}
    .download .txt ul {margin-top: 1.22vw;}
    .download .txt ul li {font-size: 1.22vw; letter-spacing: -0.06vw;}
    .download .txt ul li + li {margin-top: 0.30vw;}
    .download a {margin: 4.27vw auto 0; width: 15.24vw; height: 4.27vw; border-radius: 0.30vw; font-size: 1.22vw; }

    /*********** FAQ ***********/
    .dpp_qna_wrap #dpp_ct_ul.dpp_ct_ul {gap: 1.83vw;}
    .dpp_qna_wrap #dpp_ct.dpp_ct {margin-bottom: 1.83vw;}
    .dpp_qna_wrap #dpp_ct.dpp_ct a {font-size: 1.34vw; padding: 0 0 0.55vw 0;}
    .dpp_qna_wrap .pro_srh_form {width: 21.34vw;}
    .dpp_qna_wrap .pro_tp .pro_srh_input input {font-size: 0.98vw;}
    .dpp_qna_wrap .pro_tp .pro_srh_input img {width: 1.16vw;}
    .dpp_qna_wrap .total {font-size: 1.10vw;}
    .dpp_qna_wrap .dpp_qna_list {margin-top: 1.34vw;}
    .dpp_qna_wrap .dpp_qna_list > li > a {padding: 2.44vw 4.88vw 2.44vw 3.05vw; gap: 0.91vw; font-size: 1.34vw; letter-spacing: -0.06vw;}
    .dpp_qna_wrap .ddp_num {width: 2.44vw; min-width: 2.44vw; height: 2.44vw; font-size: 1.46vw;}
    .dpp_qna_wrap .dpp_qna_list > li > a:after {background-size: 1.22vw auto; width: 1.22vw; height: 0.76vw;}
    .dpp_qna_wrap .dpp_qna_desc {padding: 2.44vw 3.05vw;}
    .dpp_qna_wrap .dpp_qna_desc .flex {gap: 0.91vw; font-size: 1.22vw; letter-spacing: -0.06vw;}
    .dpp_qna_wrap .dpp_qna_desc .icon {width: 2.44vw; height: 2.44vw; font-size: 1.46vw;}
    .dpp_qna_wrap .dpp_qna_desc .icon + div {width: calc(100% - 3.35vw);}


    

    /*********** member ***********/
    /* common */
    .member_inner {padding-top: 8.24vw !important;}
    .member_inner .sub_wrap {max-width: 34.45vw;}
    .sub_title h3{font-size: 2.13vw;}
    /* input */
    input:not([type='checkBox']) {height: 3.05vw; font-size: 0.98vw; padding: 0 0.91vw; border-radius: 0.30vw;}
    input::placeholder {font-size: 0.98vw;}
    input[type='checkBox'] {width: 1.22vw; height: 1.22vw;}
    input[type='checkBox']:checked {background-size: 0.67vw 0.55vw;}
    /* select */
    .select.on .tit {background-size: 1.46vw 1.46vw; background-position: right 1.22vw center;}
    .select .tit {background-size: 1.46vw 1.46vw; background-position: right 1.22vw center; height: 3.05vw; font-size: 0.98vw; padding: 0.73vw 1.22vw;}
    .select > ul {top: calc(100% + 0.30vw);}
    .select > ul li {padding: 0 0.73vw; line-height: 2.68vw; font-size: 0.85vw;}
    /* btn */
    .mem_sbmBtn {height: 3.66vw; border-radius: 0.30vw; font-size: 1.10vw;}

    .w400 {width: 24.39vw;}

    /* login */
    .mem_login_wrap .login_box {margin-top: 2.26vw;}
    .mem_login_wrap .login_box .pw {margin-top: 0.61vw;}
    .mem_login_wrap .login_btn {margin: 4.27vw auto 0;}
    .mem_login_wrap .login_btn a {height: 3.35vw;}
    .mem_login_wrap .join {margin: 1.22vw auto 0; gap: 0.91vw;}
    .mem_login_wrap .join a {font-size: 0.98vw;}
    .mem_login_wrap .join .line {height: 0.61vw;}

    /* join */
    #member_wrap.mem_join_wrap {padding-top: 5.55vw;}
    .mem_join_wrap .req {font-size: 1.10vw;}
    .mem_join_wrap .table_info {font-size: 0.98vw;}
    .mem_join_wrap .table .tr + .tr {margin-top: 1.83vw;}
    .mem_join_wrap .table .tr .tit {font-size: 1.10vw;}
    .mem_join_wrap .table .tr .cont {margin-top: 0.61vw;}
    .mem_join_wrap .table .tr .cont .desc {margin-top: 0.91vw; font-size: 0.73vw;}
    .mem_join_wrap .table .tr .b_m_btn {width: 7.32vw; height: 3.05vw; line-height: 3.05vw; font-size: 1.10vw; border-radius: 0.30vw;}
    .mem_join_wrap .table .flex {gap: 0 0.61vw;}
    .mem_join_wrap .agree_form {margin-top: 1.83vw; padding-top: 1.83vw;}
    .mem_join_wrap .agree_form .tit {font-size: 1.10vw; margin-bottom: 2.13vw;}
    .mem_join_wrap .agree_form li {gap: 0 0.61vw;}
    .mem_join_wrap .agree_form li + li {margin-top: 1.10vw;}
    .mem_join_wrap .agree_form label {font-size: 0.98vw; gap: 0 0.61vw;}
    .mem_join_wrap .agree_form .more {font-size: 0.85vw;}
    .mem_join_wrap .info {margin-top: 1.16vw;}
    .mem_join_wrap .info li {font-size: 0.91vw;}
    .mem_join_wrap .join_btn {margin-top: 1.83vw;}
    .mem_join_wrap.join input#mb_email,
    .mem_join_wrap.join input#mb_id {width: calc(100% - 0.61vw - 7.32vw);}
    
    /* popup */
    .popup_inner {width: 48.78vw; padding:2.62vw 2.44vw;}
    .pop_close img {width: 1.28vw;}
    .pop_tit {padding-bottom:0.91vw; margin-bottom:1.83vw;}
    .pop_tit h4{font-size: 1.52vw;}
    .pop_cont {max-height: 22.56vw; padding-right:1.52vw;}
    .pop_cont::-webkit-scrollbar {width: 0.30vw;}
    .pop_cont::-webkit-scrollbar-thumb {height: 30%; border-radius: 0.61vw;}
    .pop_cont::-webkit-scrollbar-track {border-radius: 0.61vw;}
    .popup_inner .agree_btn {margin: 5.00vw auto 0; width: 9.15vw; line-height: 3.05vw; border-radius: 0.30vw; font-size: 1.10vw;}
    .popup_inner .headline {margin-top: 2.13vw;}
    .popup_inner .contents-box-inner {font-size: 0.98vw;}
    .popup_inner .contents-box-inner .headline {margin-bottom: 0.91vw;}
    .popup_inner .contents-box-inner .headline h5 {font-size: 1.10vw;}

    /* tab */
    .member_tab {margin-top: 3.72vw; margin-bottom: 3.66vw;}
    .member_tab a {height: 3.05vw; font-size: 0.98vw;}
    
    /* find */
    .mem_find_wrap .info {font-size: 0.98vw;}
    .mem_find_wrap .input_box {margin-top: 1.83vw; padding: 1.83vw 0;}
    .mem_find_wrap .input_box .tit {font-size: 1.22vw; margin-bottom: 0.61vw;}
    .mem_find_wrap .input_box > div + div {margin-top: 1.83vw;}
    .mem_find_wrap .find_btn {gap: 0.61vw; margin-top: 2.74vw;}
    .mem_find_wrap .find_btn a {width: calc(50% - 0.30vw); height: 3.66vw; border-radius: 0.30vw; font-size: 1.10vw;}
    .mem_find_wrap .info_box {padding: 1.83vw 0;}
    .mem_find_wrap .info_box > div {gap: 2.44vw;}
    .mem_find_wrap .info_box > div + div {margin-top: 1.83vw;}
    .mem_find_wrap .info_box strong {width: 5.49vw; font-size: 1.10vw;}
    .mem_find_wrap .info_box span {width: calc(1005 - 7.93vw); font-size: 1.10vw;}
    .mem_find_wrap .pw_info {margin-top: 1.83vw; font-size: 1.10vw;}

    /* 마이페이지 */
    #member_wrap.mypage {padding-top: 4.27vw;}
    .mypage .mp_tit {font-size: 1.59vw; padding-bottom: 1.22vw;}
    .mypage .table {padding: 1.83vw 0;}

    /* 회원가입 완료 */
    .mem_joinSuc_wrap .cont {margin: 3.78vw auto 0;}
    .mem_joinSuc_wrap .cont img {width: 2.93vw;}
    .mem_joinSuc_wrap .cont h3 {margin-top: 1.52vw; font-size: 1.22vw;}
    .mem_joinSuc_wrap .cont p {margin-top: 0.61vw; font-size: 1.10vw;}
    .mem_joinSuc_wrap .cont .home_btn {margin: 1.83vw auto 0;}
    .mem_joinSuc_wrap .cont .b_l_btn {margin: 0 auto; width: 9.15vw; height: 3.66vw; font-size: 1.10vw; border-radius: 0.30vw;}

}



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

    
    .inner2 {max-width: 93.75vw;}
    /* 공통 */
    .sub_visual {height: 35.55vw;}
    
    /* sub_vis_txt */
    .sub_vis_txt em{font-size: 1.48vw; margin-bottom:0.70vw; letter-spacing: -0.08vw;}
    .sub_vis_txt h2{font-size: 4.69vw;}
    
    /* sub_menu */
    .sub_menu{ bottom: 2.03vw; height:1.95vw;}
    .sub_menu > ul > li > a {padding-left: 1.33vw; font-size: 1.09vw; letter-spacing: -0.04vw;}
    .sub_menu > ul > li.home {width: 2.14vw;}
    .sub_menu > ul > li.menu_btn {width: 13.39vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 1.07vw;}
    .sub_menu_txt {bottom: calc(100% + 1.25vw); border-radius: 0.67vw;}
    .sub_menu_txt li {height: 3.05vw;}
    .sub_menu_txt li a {padding: 0 1.09vw; font-size: 1.09vw;}

    /* sub_content */
    #sub_content{padding:6.09vw 0 0;}
    .sub_title{margin-bottom:4.38vw;}
    .sub_title h3{font-size: 2.11vw;}


    /*********** about ***********/
    .about .sec1 .box {gap: 1.25vw;}
    .about .sec1 .item {width: 18.28vw; height: 33.52vw; border-radius: 1.80vw; padding: 5.00vw 1.80vw 2.97vw;}
    .about .sec1 .item .cate {padding: 0 1.25vw; font-size: 1.02vw; letter-spacing: -0.08vw; height: 2.34vw; border-radius: 6.09vw;}
    .about .sec1 .item .bot {height: calc(100% - 3.67vw);}
    .about .sec1 .item .tit {margin-top: 1.48vw;}
    .about .sec1 .item .tit h2 {font-size: 1.64vw; letter-spacing: -0.08vw;}
    .about .sec1 .item p {font-size: 1.33vw; letter-spacing: -0.00vw;}
    .about .sec1 .item:nth-child(1) .img img {width: 9.69vw;}
    .about .sec1 .item:nth-child(2) .img img {width: 10.23vw;}
    .about .sec1 .item:nth-child(3) .img img {width: 9.06vw;}
    .about .sec1 .item.on {width: calc(100% - 36.56vw - 2.42vw); padding: 4.84vw 4.38vw 4.30vw;}
    .about .sec1 .item.on .cate {font-size: 1.25vw; padding: 0 2.42vw;}
    .about .sec1 .item.on .bot {height: calc(100% - 1.80vw);}
    .about .sec2 {padding: 9.77vw 0;}
    .about .sec2 .item + .item {margin-top: 4.84vw;}
    .about .sec2 .item .img {border-radius: 1.25vw;}
    .about .sec2 .item .txt {padding: 0 6.09vw;}
    .about .sec2 .item .icon img {width: 7.34vw;}
    .about .sec2 .item h3 {margin-top: 1.48vw; font-size: 2.42vw; letter-spacing: -0.08vw;}
    .about .sec2 .item p {margin-top: 1.48vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    .about .sec1 {padding-bottom: 9.77vw;}
    .about .sec1 .item.on .tit h2 {font-size: 2.42vw;}
    .about .sec1 .item.on:nth-child(1) .img img {width: 10.94vw;}
    .about .sec1 .item.on:nth-child(2) .img img {width: 12.27vw;}
    .about .sec1 .item.on:nth-child(3) .img img {width: 10.31vw;}

    /*********** guide ***********/
    .guide {gap: 1.48vw;}
    .guide .item {width: calc(100%/3 - 1.02vw); border-radius: 1.80vw; height: 20.70vw;}
    .guide .item + .item::before {width: 3.05vw; height: 3.05vw; background-size: 1.25vw; left: -3.13vw;}
    .guide .item .icon img {width: 3.67vw;}
    .guide .item .num {margin-top: 1.80vw; font-size: 1.25vw; letter-spacing: -0.00vw;}
    .guide .item .tit {margin-top: 0.31vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
    .guide .item p {margin-top: 1.25vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    .guide .item:last-child {width: calc((100%/3 - 0.23vw) * 2);}

    /*********** download ***********/
    .download_desc {margin-top: 0.78vw; font-size: 1.48vw; letter-spacing: -0.08vw;}
    .download .info {border-radius: 1.80vw; padding: 2.66vw 4.30vw; gap: 1.80vw;}
    .download .img img {min-width: 3.67vw; width: 3.67vw;}
    .download .txt strong {font-size: 1.48vw; letter-spacing: -0.08vw;}
    .download .txt ul {margin-top: 1.25vw;}
    .download .txt ul li {font-size: 1.25vw; letter-spacing: -0.08vw;}
    .download .txt ul li + li {margin-top: 0.31vw;}
    .download a {margin: 4.30vw auto 0; width: 15.23vw; height: 4.30vw; border-radius: 0.31vw; font-size: 1.25vw; }

    /*********** FAQ ***********/
    .dpp_qna_wrap #dpp_ct_ul.dpp_ct_ul {gap: 1.80vw;}
    .dpp_qna_wrap #dpp_ct.dpp_ct {margin-bottom: 1.80vw;}
    .dpp_qna_wrap #dpp_ct.dpp_ct a {font-size: 1.33vw; padding: 0 0 0.55vw 0;}
    .dpp_qna_wrap .pro_srh_form {width: 21.33vw;}
    .dpp_qna_wrap .pro_tp .pro_srh_input input {font-size: 1.02vw;}
    .dpp_qna_wrap .pro_tp .pro_srh_input img {width: 1.17vw;}
    .dpp_qna_wrap .total {font-size: 1.09vw;}
    .dpp_qna_wrap .dpp_qna_list {margin-top: 1.33vw;}
    .dpp_qna_wrap .dpp_qna_list > li > a {padding: 2.42vw 4.84vw 2.42vw 3.05vw; gap: 0.94vw; font-size: 1.33vw; letter-spacing: -0.08vw;}
    .dpp_qna_wrap .ddp_num {width: 2.42vw; min-width: 2.42vw; height: 2.42vw; font-size: 1.48vw;}
    .dpp_qna_wrap .dpp_qna_list > li > a:after {background-size: 1.25vw auto; width: 1.25vw; height: 0.78vw;}
    .dpp_qna_wrap .dpp_qna_desc {padding: 2.42vw 3.05vw;}
    .dpp_qna_wrap .dpp_qna_desc .flex {gap: 0.94vw; font-size: 1.25vw; letter-spacing: -0.08vw;}
    .dpp_qna_wrap .dpp_qna_desc .icon {width: 2.42vw; height: 2.42vw; font-size: 1.48vw;}
    .dpp_qna_wrap .dpp_qna_desc .icon + div {width: calc(100% - 3.36vw);}


    

    /*********** member ***********/
    /* common */
    .member_inner {padding-top: 8.24vw !important;}
    .member_inner .sub_wrap {max-width: 34.45vw;}
    .sub_title h3{font-size: 2.11vw;}
    /* input */
    input:not([type='checkBox']) {height: 3.05vw; font-size: 1.02vw; padding: 0 0.94vw; border-radius: 0.31vw;}
    input::placeholder {font-size: 1.02vw;}
    input[type='checkBox'] {width: 1.25vw; height: 1.25vw; border-radius: 0.31vw; border-radius: 0.31vw;}
    input[type='checkBox']:checked {background-size: 0.70vw 0.55vw;}
    /* select */
    .select.on .tit {background-size: 1.48vw 1.48vw; background-position: right 1.25vw center;}
    .select .tit {background-size: 1.48vw 1.48vw; background-position: right 1.25vw center; height: 3.05vw; font-size: 1.02vw; padding: 0.70vw 1.25vw;}
    .select > ul {top: calc(100% + 0.31vw);}
    .select > ul li {padding: 0 0.70vw; line-height: 2.66vw; font-size: 0.86vw;}
    /* btn */
    .mem_sbmBtn {height: 3.67vw; border-radius: 0.31vw; font-size: 1.09vw;}

    .w400 {width: 24.38vw;}

    /* login */
    .mem_login_wrap .login_box {margin-top: 2.27vw;}
    .mem_login_wrap .login_box .pw {margin-top: 0.63vw;}
    .mem_login_wrap .login_btn {margin: 4.30vw auto 0;}
    .mem_login_wrap .login_btn a {height: 3.36vw;}
    .mem_login_wrap .join {margin: 1.25vw auto 0; gap: 0.94vw;}
    .mem_login_wrap .join a {font-size: 1.02vw;}
    .mem_login_wrap .join .line {height: 0.63vw;}

    /* join */
    #member_wrap.mem_join_wrap {padding-top: 5.55vw;}
    .mem_join_wrap .req {font-size: 1.09vw;}
    .mem_join_wrap .table_info {font-size: 1.02vw;}
    .mem_join_wrap .table .tr + .tr {margin-top: 1.80vw;}
    .mem_join_wrap .table .tr .tit {font-size: 1.09vw;}
    .mem_join_wrap .table .tr .cont {margin-top: 0.63vw;}
    .mem_join_wrap .table .tr .cont .desc {margin-top: 0.94vw; font-size: 0.70vw;}
    .mem_join_wrap .table .tr .b_m_btn {width: 7.34vw; height: 3.05vw; line-height: 3.05vw; font-size: 1.09vw; border-radius: 0.31vw;}
    .mem_join_wrap .table .flex {gap: 0 0.63vw;}
    .mem_join_wrap .agree_form {margin-top: 1.80vw; padding-top: 1.80vw;}
    .mem_join_wrap .agree_form .tit {font-size: 1.09vw; margin-bottom: 2.11vw;}
    .mem_join_wrap .agree_form li {gap: 0 0.63vw;}
    .mem_join_wrap .agree_form li + li {margin-top: 1.09vw;}
    .mem_join_wrap .agree_form label {font-size: 1.02vw; gap: 0 0.63vw;}
    .mem_join_wrap .agree_form .more {font-size: 0.86vw;}
    .mem_join_wrap .info {margin-top: 1.17vw;}
    .mem_join_wrap .info li {font-size: 0.94vw;}
    .mem_join_wrap .join_btn {margin-top: 1.80vw;}
    .mem_join_wrap.join input#mb_email,
    .mem_join_wrap.join input#mb_id {width: calc(100% - 0.63vw - 7.34vw);}
    
    /* popup */
    .popup_inner {width: 48.75vw; padding:2.66vw 2.42vw !important;}
    .pop_close img {width: 1.25vw;}
    .pop_tit {padding-bottom:0.94vw; margin-bottom:1.80vw;}
    .pop_tit h4{font-size: 1.48vw;}
    .pop_cont {max-height: 22.58vw; padding-right:1.48vw;}
    .pop_cont::-webkit-scrollbar {width: 0.31vw;}
    .pop_cont::-webkit-scrollbar-thumb {height: 30%; border-radius: 0.63vw;}
    .pop_cont::-webkit-scrollbar-track {border-radius: 0.63vw;}
    .popup_inner .agree_btn {margin: 3vw auto 0; width: 9.14vw; line-height: 3.05vw; border-radius: 0.31vw; font-size: 1.09vw;}
    .popup_inner .headline {margin-top: 2.11vw;}
    .popup_inner .contents-box-inner {font-size: 1.02vw;}
    .popup_inner .contents-box-inner .headline {margin-bottom: 0.91vw;}
    .popup_inner .contents-box-inner .headline h5 {font-size: 1.09vw;} 

    /* tab */
    .member_tab {margin-top: 3.75vw; margin-bottom: 3.67vw;}
    .member_tab a {height: 3.05vw; font-size: 1.02vw;}
    
    /* find */
    .mem_find_wrap .info {font-size: 1.02vw;}
    .mem_find_wrap .input_box {margin-top: 1.80vw; padding: 1.80vw 0;}
    .mem_find_wrap .input_box .tit {font-size: 1.25vw; margin-bottom: 0.63vw;}
    .mem_find_wrap .input_box > div + div {margin-top: 1.80vw;}
    .mem_find_wrap .find_btn {gap: 0.63vw; margin-top: 2.73vw;}
    .mem_find_wrap .find_btn a {width: calc(50% - 0.31vw); height: 3.67vw; border-radius: 0.31vw; font-size: 1.09vw;}
    .mem_find_wrap .info_box {padding: 1.80vw 0;}
    .mem_find_wrap .info_box > div {gap: 2.42vw;}
    .mem_find_wrap .info_box > div + div {margin-top: 1.80vw;}
    .mem_find_wrap .info_box strong {width: 5.47vw; font-size: 1.09vw;}
    .mem_find_wrap .info_box span {width: calc(1005 - 7.97vw); font-size: 1.09vw;}
    .mem_find_wrap .pw_info {margin-top: 1.80vw; font-size: 1.09vw;}

    /* 마이페이지 */
    #member_wrap.mypage {padding-top: 4.30vw;}
    .mypage .mp_tit {font-size: 1.56vw; padding-bottom: 1.25vw;}
    .mypage .table {padding: 1.80vw 0;}

    /* 회원가입 완료 */
    .mem_joinSuc_wrap .cont {margin: 3.75vw auto 0;}
    .mem_joinSuc_wrap .cont img {width: 2.97vw;}
    .mem_joinSuc_wrap .cont h3 {margin-top: 1.48vw; font-size: 1.25vw;}
    .mem_joinSuc_wrap .cont p {margin-top: 0.63vw; font-size: 1.09vw;}
    .mem_joinSuc_wrap .cont .home_btn {margin: 1.80vw auto 0;}
    .mem_joinSuc_wrap .cont .b_l_btn {margin: 0 auto; width: 9.14vw; height: 3.67vw; font-size: 1.09vw; border-radius: 0.31vw;}

    .dpp_qna_wrap .dpp_page_wrap .pg {height: 2.73vw;}

}



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

    
    .inner2 {max-width: 100%; padding-left: 5.21vw; padding-right: 5.21vw;}
    /* 공통 */
    .sub_visual {height: 117.19vw;}
    .sub_visual.bg01 {background-image: url('/img/sub/m_vis01.jpg');}
    .sub_visual.bg02 {background-image: url('/img/sub/m_vis02.jpg');}
    .sub_visual.bg03 {background-image: url('/img/sub/m_vis03.jpg');}
    .sub_visual.bg04 {background-image: url('/img/sub/m_vis04.jpg');}
    
    /* sub_vis_txt */
    .sub_vis_txt em{font-size: 4.17vw; margin-bottom:2.60vw; letter-spacing: -0.26vw;}
    .sub_vis_txt h2{font-size: 8.33vw;}
    
    /* sub_menu */
    .sub_menu{ bottom: 7.29vw; height:5.73vw;}
    .sub_menu > ul > li > a {padding-left: 3.91vw; font-size: 3.65vw; letter-spacing: -0.16vw;}
    .sub_menu > ul > li.home {width: 5.21vw;}
    .sub_menu > ul > li.menu_btn {width: 33.85vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right center / 4.17vw;}
    .sub_menu_txt {bottom: calc(100% + 4.95vw); border-radius: 2.60vw;}
    .sub_menu_txt li {height: 10.94vw;}
    .sub_menu_txt li a {padding: 0 3.65vw; font-size: 3.65vw;}

    /* sub_content */
    #sub_content{padding:20.83vw 0 0;}
    .sub_title{margin-bottom:13.02vw;}
    .sub_title.mb_60 {margin-bottom: 7.81vw;}
    .sub_title h3{font-size: 9.11vw;}


    /*********** about ***********/
    .about .sec1 .box {gap: 2.60vw; flex-direction: column; min-height: 155vw;}
    .about .sec1 .item {width: 100%; height: 35.16vw; border-radius: 7.81vw; padding: 6.51vw;}
    .about .sec1 .item .cate {padding: 0 5.21vw; font-size: 3.39vw; letter-spacing: -0.26vw; height: 6.77vw; border-radius: 26.04vw;}
    .about .sec1 .item .bot {height: calc(100% - 10.55vw);}
    .about .sec1 .item .tit {margin-top: 4.30vw; position: relative;}
    .about .sec1 .item .tit h2 {font-size: 4.69vw; letter-spacing: -0.26vw; line-height: 1.18;}
    .about .sec1 .item p {font-size: 3.65vw; letter-spacing: -0.13vw; margin-top: 7.29vw !important; line-height: 1.28;}
    .about .sec1 .item .img {position: absolute; bottom: 0; right: 0;}
    .about .sec1 .item:nth-child(1) .img img {width: 20.83vw;}
    .about .sec1 .item:nth-child(2) .img img {width: 20.83vw;}
    .about .sec1 .item:nth-child(3) .img img {width: 20.83vw;}
    .about .sec1 .item.on {width: 100%; height: auto; padding: 10.42vw 8.33vw;}
    .about .sec1 .item.on .cate {font-size: 4.17vw; padding: 0 5.21vw; height: 9.11vw;}
    .about .sec1 .item.on .bot {height: calc(100% - 5.21vw);}
    .about .sec2 {padding: 21.35vw 0 20.57vw;}
    .about .sec2 .item {flex-direction: column; align-items: flex-start; gap: 7.81vw;}
    .about .sec2 .item:nth-child(2) {flex-direction: column-reverse;}
    .about .sec2 .item > div {width: 100%;}
    .about .sec2 .item + .item {margin-top: 7.81vw;}
    .about .sec2 .item .img {border-radius: 5.21vw;}
    .about .sec2 .item .txt {padding: 0; display: flex; align-items: flex-start; gap: 3.91vw;}
    .about .sec2 .item .icon img {width: 23.44vw;}
    .about .sec2 .item h3 {margin-top: 0; font-size: 5.21vw; letter-spacing: -0.26vw;}
    .about .sec2 .item p {margin-top: 2.60vw; font-size: 3.65vw; letter-spacing: -0.26vw; line-height: 1.2;}
    .about .sec1 {padding-bottom: 20.83vw;}
    .about .sec1 .item.on .tit h2 {font-size: 5.73vw;}
    .about .sec1 .item.on:nth-child(1) .img img {width: 23.44vw;}
    .about .sec1 .item.on:nth-child(2) .img img {width: 21.88vw;}
    .about .sec1 .item.on:nth-child(2) h2 br.pc {display: block !important;}
    .about .sec1 .item.on:nth-child(3) .img img {width: 22.01vw;}

    /*********** guide ***********/
    .guide {gap: 4.30vw;}
    .guide .item {width: 100%; border-radius: 5.21vw; height: 67.71vw;}
    .guide .item + .item::before {width: 10.42vw; height: 10.42vw; background-size: 4.17vw; top: -7.29vw; left: 50%; transform: translateX(-50%) rotate(90deg);}
    .guide .item .icon img {width: 11.72vw;}
    .guide .item .num {margin-top: 5.21vw; font-size: 3.65vw; letter-spacing: -0.07vw;}
    .guide .item .tit {margin-top: 1.30vw; font-size: 4.69vw; letter-spacing: -0.17vw;}
    .guide .item p {margin-top: 3.91vw; font-size: 3.65vw; letter-spacing: -0.17vw;}
    .guide .item:nth-child(4)::before {display: block;}
    .guide .item:last-child {width: 100%;}

    /*********** download ***********/
    .download_desc {margin-top: 2.60vw; font-size: 4.69vw; letter-spacing: -0.17vw;}
    .download .info {border-radius: 5.21vw; padding: 7.81vw 5.21vw; gap: 3.91vw;}
    .download .img img {min-width: 7.81vw; width: 7.81vw;}
    .download .txt strong {font-size: 4.69vw; letter-spacing: -0.26vw;}
    .download .txt ul {margin-top: 2.60vw;}
    .download .txt ul li {font-size: 3.65vw; letter-spacing: -0.26vw; line-height: 1.4; padding-left: 2.34vw; text-indent: -2.34vw;}
    .download .txt ul li + li {margin-top: 1.30vw;}
    .download a {margin: 11.72vw auto 0; width: 36.46vw; height: 13.02vw; border-radius: 1.30vw; font-size: 4.17vw;}

    /*********** FAQ ***********/
    .dpp_qna_wrap #dpp_ct_ul.dpp_ct_ul {gap: 5.21vw;}
    .dpp_qna_wrap #dpp_ct.dpp_ct {margin-bottom: 7.81vw;}
    .dpp_qna_wrap #dpp_ct.dpp_ct a {font-size: 4.17vw; padding: 0 0 1.04vw 0;}
    .dpp_qna_wrap .pro_srh_form {width: 100%;}
    .dpp_qna_wrap .pro_tp {margin-bottom: 10.42vw;}
    .dpp_qna_wrap .pro_tp .pro_srh_input input {font-size: 3.65vw; padding: 0 6.21vw 0 0;}
    .dpp_qna_wrap .pro_tp .pro_srh_input img {width: 4.69vw;}
    .dpp_qna_wrap .total {font-size: 3.65vw;}
    .dpp_qna_wrap .dpp_qna_list {margin-top: 4.04vw;}
    .dpp_qna_wrap .dpp_qna_list > li > a {padding: 7.03vw 14.32vw 7.03vw 0; gap: 3.91vw; font-size: 4.17vw; letter-spacing: -0.17vw; align-items: center;}
    .dpp_qna_wrap .ddp_num {width: 6.94vw; min-width: 6.94vw; height: 6.94vw; font-size: 4.17vw;}
    .dpp_qna_wrap .dpp_qna_list > li > a:after {background-size: 3.47vw auto; width: 3.47vw; height: 2.17vw;}
    .dpp_qna_wrap .dpp_qna_desc {padding: 7.81vw 0.65vw;}
    .dpp_qna_wrap .dpp_qna_desc .flex {gap: 3.91vw; font-size: 3.65vw; letter-spacing: -0.17vw; align-items: center;}
    .dpp_qna_wrap .dpp_qna_desc .icon {width: 6.94vw; height: 6.94vw; font-size: 4.17vw;}
    .dpp_qna_wrap .dpp_qna_desc .icon + div {width: calc(100% - 6.94vw - 3.91vw);}
    .dpp_qna_wrap .dpp_page_wrap {margin: 10.42vw auto 0;}
    .dpp_qna_wrap .dpp_page_wrap .pg {height: 6.77vw;}
    .dpp_qna_wrap .dpp_page_wrap .pg * {font-size: 3.13vw; font-weight: 500;}
    .dpp_page_wrap strong.pg_current:before {width: 6.77vw; height: 6.77vw;}

    

    

    /*********** member ***********/
    /* common */
    .member_inner {padding-top: 20.83vw !important;}
    .member_inner .sub_wrap {max-width: 84.38vw;}
    .member_inner .sub_title h3{font-size: 5.21vw;}
    /* input */
    input:not([type='checkBox']) {height: 7.81vw; font-size: 3.13vw; padding: 0 2.34vw; border-radius: 0.65vw;}
    input::placeholder {font-size: 3.13vw;}
    input[type='checkBox'] {width: 3.13vw; height: 3.13vw; border-radius: 0.87vw;}
    input[type='checkBox']:checked {background-size: 1.95vw 1.56vw;}
    /* select */
    .select.on .tit {background-size: 4.30vw 4.30vw; background-position: right 3.65vw center;}
    .select .tit {background-size: 4.30vw 4.30vw; background-position: right 3.65vw center; height: 8.72vw; font-size: 2.86vw; padding: 1.95vw 3.65vw;}
    .select > ul {top: calc(100% + 0.91vw);}
    .select > ul li {padding: 0 1.95vw; line-height: 7.68vw; font-size: 2.47vw;}
    /* btn */
    .mem_sbmBtn {height: 9.11vw; border-radius: 0.65vw; font-size: 3.13vw;}

    .w400 {width: 61.88vw;}

    /* login */
    .mem_login_wrap .login_box {margin-top: 7.81vw;}
    .mem_login_wrap .login_box .pw {margin-top: 2.60vw;}
    .mem_login_wrap .login_btn {margin: 5.21vw auto 0;}
    .mem_login_wrap .login_btn a {height: 9.11vw;}
    .mem_login_wrap .join {margin: 3.91vw auto 0; gap: 2.34vw;}
    .mem_login_wrap .join a {font-size: 3.13vw;}
    .mem_login_wrap .join .line {height: 2.60vw;}
    .mem_login_wrap input {height: 9.11vw;}

    /* join */
    #member_wrap.mem_join_wrap {padding-top: 7.81vw;}
    .mem_join_wrap .req {font-size: 3.65vw;}
    .mem_join_wrap .table_info {font-size: 3.65vw;}
    .mem_join_wrap .table .tr + .tr {margin-top: 5.21vw;}
    .mem_join_wrap .table .tr .tit {font-size: 3.65vw;}
    .mem_join_wrap .table .tr .cont {margin-top: 1.95vw;}
    .mem_join_wrap .table .tr .cont .desc {margin-top: 1.95vw; font-size: 2.86vw;}
    .mem_join_wrap .table .tr .b_m_btn {width: 18.88vw; height: 7.81vw; line-height: 7.81vw; font-size: 2.86vw; border-radius: 0.65vw;}
    .mem_join_wrap.join input#mb_email,
    .mem_join_wrap.join input#mb_id {width: calc(100% - 1.30vw - 18.88vw);}
    .mem_join_wrap .table .flex {gap: 0 1.30vw;}
    .mem_join_wrap .agree_form {margin-top: 5.21vw; padding-top: 5.21vw;}
    .mem_join_wrap .agree_form .tit {font-size: 3.65vw; margin-bottom: 6.51vw;}
    .mem_join_wrap .agree_form li {gap: 0 2.60vw;}
    .mem_join_wrap .agree_form li + li {margin-top: 2.99vw;}
    .mem_join_wrap .agree_form label {font-size: 3.65vw; gap: 0 1.82vw;}
    .mem_join_wrap .agree_form .more {font-size: 2.47vw;}
    .mem_join_wrap .info {margin-top: 5.60vw;}
    .mem_join_wrap .info li {font-size: 3.13vw;}
    .mem_join_wrap .join_btn {margin-top: 7.81vw;}
    
    /* popup */
    .popup_inner{width: 104.17vw; padding:5.60vw 5.21vw !important; height: 113vw !important;}
    .pop_close img {width: 3.73vw;}
    .pop_tit{padding-bottom:1.95vw; margin-bottom:3.91vw;}
    .pop_tit h4{font-size: 3.26vw;}
    .pop_cont{max-height: 69vw; height: 69vw; padding-right:3.26vw;}
    .pop_cont::-webkit-scrollbar {width: 0.65vw;}
    .popup_inner .agree_btn {margin: 4.2vw auto 0; width: 22.85vw; line-height: 8.72vw; font-size: 3.5vw; border-radius: 0.65vw;}
    .popup_inner .pop_tit h4 {font-size: 5.86vw;}
    .popup_inner .headline, .popup_inner .headline h5 {font-size: 4vw;}
    .popup_inner .contents-box-inner {font-size: 3.39vw;}
    .popup_inner .contents-box-inner .headline {margin-bottom: 1.95vw;}
    .popup_inner .contents-box-inner .headline h5 {font-size: 3.91vw;} 

    /* tab */
    .member_tab {margin-top: 10.81vw; margin-bottom: 10.42vw;}
    .member_tab a {height: 9.11vw; font-size: 2.86vw;}
    
    /* find */
    .mem_find_wrap {width: 100%;}
    .mem_find_wrap .info {font-size: 2.86vw;}
    .mem_find_wrap .input_box {margin-top: 6.51vw; padding: 6.51vw 0;}
    .mem_find_wrap .input_box .tit {font-size: 3.65vw; margin-bottom: 1.95vw;}
    .mem_find_wrap .input_box > div + div {margin-top: 5.21vw;}
    .mem_find_wrap .find_btn {gap: 1.95vw; margin-top: 6.51vw;}
    .mem_find_wrap .find_btn a {width: calc(50% - 0.98vw); height: 9.11vw; border-radius: 0.65vw; font-size: 3.13vw;}
    .mem_find_wrap .info_box {padding: 5.21vw 0;}
    .mem_find_wrap .info_box > div {gap: 5.21vw;}
    .mem_find_wrap .info_box > div + div {margin-top: 3.91vw;}
    .mem_find_wrap .info_box strong {width: 14.97vw; font-size: 3.13vw;}
    .mem_find_wrap .info_box span {width: calc(1005 - 20.18vw); font-size: 3.13vw;}
    .mem_find_wrap .pw_info {margin-top: 5.21vw; font-size: 3.13vw;}

    /* 마이페이지 */
    #member_wrap.mypage {padding-top: 7.81vw;}
    .mypage .mp_tit {font-size: 4.17vw; padding-bottom: 3.91vw;}
    .mypage .table {padding: 5.21vw 0;}

    /* 회원가입 완료 */
    .mem_joinSuc_wrap .cont {margin: 5.60vw auto 0;}
    .mem_joinSuc_wrap .cont img {width: 8.98vw;}
    .mem_joinSuc_wrap .cont h3 {margin-top: 4.56vw; font-size: 3.65vw;}
    .mem_joinSuc_wrap .cont p {margin-top: 1.95vw; font-size: 3.39vw;}
    .mem_joinSuc_wrap .cont .home_btn {margin: 5.21vw auto 0;}
    .mem_joinSuc_wrap .cont .b_l_btn {margin: 0 auto; width: 28.07vw; height: 9.11vw; font-size: 3.13vw; border-radius: 0.65vw;}

}