/* 반응형 1*/
@media (min-width: 1760px) {

}
@media (max-width: 1759px) and (min-width: 1400px){

}
@media (max-width: 1399px) and (min-width: 768px){

}
@media (max-width: 767px){

}
/* 반응형 2 */
@media (min-width: 1400px) {

}
@media (max-width: 1399px) and (min-width: 768px){

}
@media (max-width: 767px){

}



/* 마이페이지 : 레이아웃 */
@media (min-width: 1400px) {
    .mypage{width: 1280px;margin: 0 auto;padding: 120px 0;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .mypage{width: 100%;padding: 80px 0;}
}
@media (max-width: 767px){
    .mypage{width: 100%;padding: 56px 0 80px;}
}



/* 마이페이지 : 해더 */
.my_header{ width: 100%; }
.my_header .my_title{font-family: 'spoqa-bold';text-align: center;letter-spacing: 0;}
.my_header .my_tab_list{width: 100%;font-size: 0;display: flex;align-items: center;}
.my_header .my_tab_list .my_tab_item{width: 33.33%;color: #424242;letter-spacing: 0;display: flex;align-items: center;justify-content: center;background-color: #f8f9fa; cursor: pointer;}
.my_header .my_tab_list .my_tab_item.current{font-family: 'spoqa-medium';color: #fff;background: linear-gradient(to right, #3fa6fc, #67b8fc);box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);}

.my_header .my_select_wrap{margin-top: 48px; position: relative;background: linear-gradient(to right, #3fa6fc, #67b8fc);}
.my_header .my_select_list{width: 100%;height: 44px;border: none;outline: none;position: relative;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);background-color: transparent!important;color: #fff;background-image: url("/res/home/theme1/img/common/icon_down_12px.svg");background-size: 12px;background-repeat: no-repeat;background-position: calc(100% - 24px) center;-webkit-appearance: none;text-align: center;}
.my_header .my_select_list::-ms-expand{display: none;}
.my_header .my_select_list .my_select_item{color: #424242;}

.my_header .my_select_wrap .my_select_header{width: 100%;height: 44px;display: flex;align-items: center;justify-content: center;position: relative;background: linear-gradient(to right, #3fa6fc, #67b8fc);}
.my_header .my_select_wrap .my_select_header .my_select_title{font-size: 14px;font-family: 'spoqa-medium';color: #fff;line-height: 20px;}
.my_header .my_select_wrap .my_select_header .my_select_down{position: absolute;top:16px;right: 20px;width: 12px;}
.my_header .my_select_wrap .my_select_content{display: none; position: absolute;top: 44px;left: 0;width: 100%;box-sizing: border-box;padding: 8px 0;background-color: #f8f9fa;box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.16);}
.my_header .my_select_wrap .my_select_content .my_select_option{width: 100%;line-height: 48px;text-align: center;font-size: 14px; cursor: pointer;}
.my_header .my_select_wrap .my_select_content .my_select_option.current{color: #007dfb;}
.my_header .my_select_wrap.active .my_select_content{ display: block; }
@media (min-width: 1400px) {
    .my_header .my_title{font-size: 32px;line-height: 44px;margin-bottom: 56px;}
    .my_header .my_tab_list .my_tab_item{height: 56px;font-size: 16px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .my_header .my_title{font-size: 28px;line-height: 37px;margin-bottom: 48px;}
    .my_header .my_tab_list .my_tab_item{height: 44px;font-size: 14px;}
}
@media (max-width: 767px){

}


/* 마이페이지 : 컨텐츠 */
.my_content{width: 100%;box-sizing: border-box;}
.my_content .my_content_top .my_category_list{display: flex; }
.my_content .my_content_top .my_category_list .my_category_item{box-sizing: border-box;color: #9e9e9e;border: 1px solid #e0e0e0;margin-left: 16px;cursor: pointer;}
.my_content .my_content_top .my_category_list .my_category_item:first-child{margin-left: 0;}
.my_content .my_content_top .my_category_list .my_category_item.current{font-family: 'spoqa-medium';color: #fff;background-color: #2f3945;border: none;box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.16);}
.my_content .my_content_top .my_input_list{display: flex;}

.my_card_none{margin-top: 24px;width: 100%;padding: 120px 0;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;border: 1px solid #e0e0e0;}
.my_card_none img{width: 48px;margin-bottom: 16px;}
.my_card_none .my_none_title{font-size: 16px;letter-spacing: 0;line-height: 23px;color: #9e9e9e;}

.my_content .card_item_content{position: relative;}
.my_content .card_item_btn{box-sizing: border-box;}
.my_content .card_item_btn .card_btn_item{height: 40px;display: none;align-items: center;justify-content: center;box-sizing: border-box;font-size: 12px;font-family: 'spoqa-medium';cursor: pointer;}
.my_content .card_item_btn .card_btn_item:first-child{margin-top: 0;}

.my_content .card_item_btn .card_btn_item.btn_type_01,
.my_content .card_item_btn .card_btn_item.btn_type_03{background: #3fa6fc;color: #fff;}
.my_content .card_item_btn .card_btn_item.btn_type_02{border: 1px solid #e0e0e0;color: #9e9e9e;}
.my_content .card_item_btn .card_btn_item.btn_type_04{border: 1px solid #3fa6fc;color: #3fa6fc;}
.my_content .card_item_btn .card_btn_item.btn_type_05{border: 1px solid #9e9e9e;color: #424242;}

.my_content .card_item_btn .card_btn_item.active{display: flex;}

.my_content .card_item_btn .card_btn_end{display: none;}
.my_content .edu_end .card_item_btn .card_btn_end{display: flex;}
.my_content .edu_end .card_item_btn .card_btn_edu{display: none;}
@media (min-width: 1400px) {
    .my_content{margin-top: 40px;}
    .my_content .my_content_top .my_category_list{align-items: center;}
    .my_content .my_content_top .my_category_list .my_category_item{padding: 9px 24px;font-size: 14px;line-height: 20px;}
    .my_content .my_content_top .my_category_list .my_category_item.current{padding: 10px 24px;}
    .my_content .my_content_top .my_input_list{justify-content: space-between;margin-top: 40px;}

    .my_content .my_content_top .my_input_list .select_box{width: 240px;}

    .my_content .card_item_content{width: calc(100% - 542px) !important;padding-right: 56px!important;border-right: 1px solid #e0e0e0;}
    .my_content .card_item_content::before{content: "";width: 1px;height: 24px;background: #fff;position: absolute;top: 0;right: -1px;}
    .my_content .card_item_content::after{content: "";width: 1px;height: 24px;background: #fff;position: absolute;bottom: 0;right: -1px;}
    .my_content .card_item_btn{width: 212px;padding: 0 56px;}
    .my_content .card_item_btn > div{display: flex;align-items: center;flex-direction: column;}
    .my_content .card_item_btn .card_btn_item{width: 100px;margin-top: 8px;}
}
@media (max-width: 1399px) and (min-width: 768px){
    .my_content{margin-top: 32px; width: 100%; box-sizing: border-box; padding: 0 24px;}
    .my_content .my_content_top .my_category_list{align-items: center;}
    .my_content .my_content_top .my_category_list .my_category_item{padding: 8px 16px;font-size: 12px;line-height: 18px;}
    .my_content .my_content_top .my_category_list .my_category_item.current{padding: 9px 16px;}
    .my_content .my_content_top .my_input_list{justify-content: space-between;margin-top: 32px;}

    .my_content .my_content_top .my_input_list .select_box{width: 220px;}

    .my_content .card_item{ flex-direction: column; }
    .my_content .card_item_content{width: 100%;}
    .my_content .card_item_btn{width: 100%;padding: 0 24px 24px 24px;}
    .my_content .card_item_btn > div{display: flex;align-items: center; justify-content: space-between; width: 100%;}
    .my_content .card_item_btn .card_btn_item.btn_type_02,
    .my_content .card_item_btn .card_btn_item.btn_type_04,
    .my_content .card_item_btn .card_btn_item.btn_type_05{line-height: 38px;}

    .my_content .btn_num_01 .card_btn_item{width: 100%;}
    .my_content .btn_num_02 .card_btn_item{width: calc(50% - 4px);}
    .my_content .btn_num_03 .card_btn_item{width: calc(33.33% - 5px);}
}
@media (max-width: 767px){
    .my_content{margin-top: 24px; width: 100%; box-sizing: border-box; padding: 0 20px;}
    .my_content .my_content_top .my_category_list{align-items: start; flex-wrap: wrap;}
    .my_content .my_content_top .my_category_list .my_category_item{padding: 8px 16px;font-size: 12px;line-height: 18px;}
    .my_content .my_content_top .my_category_list .my_category_item.current{padding: 9px 16px;}
    .my_content .my_content_top .my_input_list{flex-direction: column; margin-top: 24px;}
    .my_content .my_content_top .my_input_list .input_item_01 .select_box{width: 100%;}
    .my_content .my_content_top .my_input_list .input_item_02{margin-top: 8px;font-size: 0;}
    /*.my_content .my_content_top .my_input_list .input_item_02 .search_box{width: calc(100% - 108px);margin-left: 8px;}*/
    .my_content .my_content_top .my_input_list .input_item_02 .search_box{width: calc(100%);}

    .my_content .card_item{ flex-direction: column; }
    .my_content .card_item_content{width: 100%;}
    .my_content .card_item_btn{width: 100%;padding: 0 24px 24px 24px;}
    .my_content .card_item_btn > div{display: flex;align-items: center;flex-direction: column;}
    .my_content .card_item_btn .card_btn_item{width: 100%;margin-top: 8px;}

}




/* 마이페이지 회원정보 : 컨텐츠 */
.my_info{width: 100%;box-sizing: border-box;border-top: 1px solid #000;}
.my_info .my_info_section{ border-bottom: 1px solid #e0e0e0; }
.my_info .my_info_item{width: 100%;margin-top: 16px;display: flex;}
.my_info .my_info_item:first-child{margin-top: 0;}

.my_info .my_info_item .my_info_title{letter-spacing: 0;color: #424242;position: relative;}
.my_info .my_info_item .my_info_title.title_point span{position: relative;}
.my_info .my_info_item .my_info_title.title_point span::before{content: "*";position: absolute;top: 0;color: #e50113;}

.my_info .my_info_item .my_info_content .my_info_box input{width: 100%;border: 1px solid #e0e0e0;box-sizing: border-box;padding: 0 16px; font-size: 14px;}
.my_info .my_info_item .my_info_content .my_info_box input::placeholder{color: #9e9e9e;}
.my_info .my_info_item .my_info_content .my_info_box input:disabled{border: none;background: #f8f9fa;}
.my_info .my_info_item .my_info_content .my_info_box .pw_error_title{display: none;}

.my_info .my_info_item.pw_error input{ border: 1px solid #e50113!important; }
.my_info .my_info_item.pw_error .pw_error_title{font-size: 13px;line-height: 19px;letter-spacing: 0;padding-left: 22px;margin-top: 16px;color: #e50113;position: relative;}
.my_info .my_info_item.pw_error .pw_error_title::before{content: "";position: absolute;top: 0;left: 0;width: 18px;height: 18px;background: url("/res/home/theme1/img/sub/icon_error_red.svg")no-repeat center center;background-size: cover;}

.my_info .my_info_item .my_info_content .my_info_box select{border: 1px solid #e0e0e0;font-size: 14px;background: url("/res/home/theme1/img/sub/icon_selcet_down.svg")no-repeat calc(100% - 16px) center;background-size: 12px;padding: 0 16px;-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.my_info .my_info_item.item_birth .my_info_content .my_info_box{display: flex;justify-content: space-between;align-items: start;}

.my_info .my_info_item.item_phone .my_info_content .my_info_box{position: relative; display: flex;align-items: start;justify-content: space-between;}
.my_info .my_info_item .my_info_content .my_info_box .my_info_button{display: flex;align-items: center;justify-content: center;color: #fff;background: #424242;cursor: pointer;font-size: 14px;font-family: 'spoqa-medium';}
.my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 .my_info_time{font-size: 12px;color: #e50113;position: absolute;top: 0;}
.my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 .check{background-color: #3fa6fc;}

.my_info .my_info_item.item_phone.step1 .step_01{ display: flex!important; }
.my_info .my_info_item.item_phone.step1 .step_02,
.my_info .my_info_item.item_phone.step1 .step_03{ display: none!important; }
.my_info .my_info_item.item_phone.step2 .step_02{ display: flex!important; }
.my_info .my_info_item.item_phone.step2 .step_01,
.my_info .my_info_item.item_phone.step2 .step_03{ display: none!important; }
.my_info .my_info_item.item_phone.step3 .step_03{ display: flex!important; }
.my_info .my_info_item.item_phone.step3 .step_01,
.my_info .my_info_item.item_phone.step3 .step_02{ display: none!important; }

.my_info .my_info_item.item_email .my_info_content .my_info_box{display: flex;justify-content: space-between;align-items: center;}

.my_info .my_info_item.item_address .my_info_content .my_info_box{display: flex;flex-wrap: wrap; justify-content: space-between;}
.my_info .my_info_item.item_address .my_info_content .my_info_box .address_02,
.my_info .my_info_item.item_address .my_info_content .my_info_box .address_03{width: 100%;margin-top: 8px;}

.my_info .my_info_item .select_chk_item{display: inline-block;vertical-align: top;}
/*.my_info .my_info_item .select_chk_item input[type="checkbox"]{display: none;}*/
/*.my_info .my_info_item .select_chk_item input[type="checkbox"] + label{display: inline-block;width: 20px;height: 20px;position: relative;cursor: pointer; border: 2px solid rgba(0, 0, 0, 0.08); border-radius: 100%; box-sizing: border-box;}*/
/*.my_info .my_info_item .select_chk_item input[type="checkbox"] + label::before{content: "";width: 12px;height: 12px;background: rgba(0, 0, 0, 0.08);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); border-radius: 100%;}*/
/*.my_info .my_info_item .select_chk_item input[type="checkbox"]:checked + label{border: 2px solid #3fa6fc;}*/
/*.my_info .my_info_item .select_chk_item input[type="checkbox"]:checked + label::before{background: #3fa6fc;}*/
/*.my_info .my_info_item .select_chk_item input[type="checkbox"] + label > span{font-family: 'spoqa-regular'; line-height: 20px;position: absolute;top: 50%;left: 28px;transform: translate(0,-50%);white-space: nowrap;letter-spacing: 0; color: #424242;}*/
/*.my_info .my_info_item .select_chk_item input[type="checkbox"]:checked + label > span{color: #3fa6fc;}*/

.my_info .my_info_item.school .my_info_content .my_info_box select{width: 100%;}

.my_info .my_info_edit{font-family: 'spoqa-medium';display: flex; cursor: pointer; align-items: center; justify-content: center; color: #fff;background-color: #3fa6fc;margin-left: auto;}

.my_info .my_info_item.withdrawal select{width: 100%;}
.my_info .my_info_item.withdrawal textarea{width: 100%;height: 144px;margin-top: 8px;border: 1px solid #e0e0e0;padding: 16px;box-sizing: border-box;font-size: 14px;line-height: 20px;color: #424242;}
.my_info .my_info_item.withdrawal textarea::placeholder{color: #9e9e9e;}

.my_withdrawal_info{width: 100%;box-sizing: border-box;background-color: rgba(0, 125, 251, 0.08);}
.my_withdrawal_info .my_wd_ment{color: #424242;position: relative;}
.my_withdrawal_info .my_wd_ment::before{content: "";background: url("/res/home/theme1/img/sub/icon_error_blue.svg")no-repeat;background-size: cover;position: absolute;top: 0;left: 0;}
.my_withdrawal_info .my_wd_ment span{font-family: 'spoqa-medium';}
@media (min-width: 1400px) {
    .my_info{margin-top: 40px;}
    .my_info .my_info_section{ padding: 32px 370px 32px 32px; }
    .my_info .my_info_item{align-items: start;justify-content: start;}

    .my_info .my_info_item .my_info_title{width: 148px;font-size: 16px;line-height: 23px;margin-top: 13px;}
    .my_info .my_info_item .my_info_title.title_point span::before{right: -12px;}
    .my_info .my_info_item .my_info_content{width: calc(100% - 148px);}
    .my_info .my_info_item .my_info_content .my_info_box input{height: 48px; }

    .my_info .my_info_item .my_info_content .my_info_box select{height: 48px;}
    .my_info .my_info_item.item_birth .my_info_content .my_info_box select{width: 238px;}

    .my_info .my_info_item.item_phone .my_info_content .my_info_box select{width: 238px;}
    .my_info .my_info_item.item_phone .my_info_content .my_info_box input{width: 485px;}
    .my_info .my_info_item .my_info_content .my_info_box .my_info_button{width: 120px;height: 48px;}

    .my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 .my_info_time{line-height: 48px;right: 144px;}
    .my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 input{width: 602px;}

    .my_info .my_info_item.item_email .my_info_content .my_info_box input{width: 226px;}
    .my_info .my_info_item.item_email .my_info_content .my_info_box .my_info_email{font-size: 16px;line-height: 48px;width: 16px;}
    .my_info .my_info_item.item_email .my_info_content .my_info_box select{width: 238px;}

    .my_info .my_info_item.item_address .my_info_content .my_info_box .address_01{width: 602px;}

    .my_info .my_info_item.category .select_chk_item{width: 180px;}
    .my_info .my_info_item .select_chk_item{ padding: 14px 0; }
    /*.my_info .my_info_item .select_chk_item input[type="checkbox"] + label > span{font-size: 14px;}*/

    .my_info .my_info_edit{font-size: 14px;width: 120px;height: 44px;margin-top: 40px;}

    .my_info .my_info_item.withdrawal textarea{width: 100%;height: 144px;margin-top: 8px;border: 1px solid #e0e0e0;padding: 16px;box-sizing: border-box;font-size: 14px;line-height: 20px;color: #424242;}
    .my_info .my_info_item.withdrawal textarea::placeholder{color: #9e9e9e;}

    .my_withdrawal_info{margin: 40px 0 -8px 0;padding: 24px 32px;}
    .my_withdrawal_info .my_wd_ment{font-size: 14px;line-height: 24px;padding-left: 32px;}
    .my_withdrawal_info .my_wd_ment::before{width: 24px;height: 24px;}

}
@media (max-width: 1399px) and (min-width: 768px){
    .my_info{margin-top: 32px;}
    .my_info .my_info_section{ padding: 24px 16px; }
    .my_info .my_info_item{align-items: start;justify-content: start; flex-direction: column;}

    .my_info .my_info_item .my_info_title{font-size: 14px;line-height: 20px;margin-bottom: 8px;}
    .my_info .my_info_item .my_info_title.title_point span::before{right: -11px;}
    .my_info .my_info_item .my_info_content{width: 100%;}
    .my_info .my_info_item .my_info_content .my_info_box input{height: 44px;}

    .my_info .my_info_item .my_info_content .my_info_box select{height: 44px;}
    .my_info .my_info_item.item_birth .my_info_content .my_info_box select{width: calc(33.33% - 5px);}

    .my_info .my_info_item.item_phone .my_info_content .my_info_box select{width: 352px;}
    .my_info .my_info_item.item_phone .my_info_content .my_info_box input{width: calc(100% - 360px);}
    .my_info .my_info_item .my_info_content .my_info_box .my_info_button{width: 120px;height: 44px;}

    .my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 .my_info_time{line-height: 44px;right: 144px;}
    .my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 input{width: calc(100% - 128px);}

    .my_info .my_info_item.item_email .my_info_content .my_info_box{}
    .my_info .my_info_item.item_email .my_info_content .my_info_box input{width: calc(33.33% - 16px);}
    .my_info .my_info_item.item_email .my_info_content .my_info_box .my_info_email{font-size: 14px;line-height: 44px;width: 14px;}
    .my_info .my_info_item.item_email .my_info_content .my_info_box select{width: calc(33.33% - 5px);}

    .my_info .my_info_item.item_address .my_info_content .my_info_box .address_01{width: calc(100% - 128px);}

    .my_info .my_info_item.category .select_chk_item{width: 120px;}
    .my_info .my_info_item .select_chk_item{ padding: 12px 0; }
    /*.my_info .my_info_item .select_chk_item input[type="checkbox"] + label > span{font-size: 14px;}*/

    .my_info .my_info_edit{font-size: 12px;width: 100px;height: 40px;margin-top: 32px;}

    .my_withdrawal_info{margin: 32px 0 -8px 0;padding: 24px;}
    .my_withdrawal_info .my_wd_ment{font-size: 12px;line-height: 21px;padding-left: 26px;}
    .my_withdrawal_info .my_wd_ment::before{width: 18px;height: 18px;}
}
@media (max-width: 767px){
    .my_info{margin-top: 32px;}
    .my_info .my_info_section{ padding: 24px 16px; }
    .my_info .my_info_item{align-items: start;justify-content: start; flex-direction: column;}

    .my_info .my_info_item .my_info_title{font-size: 14px;line-height: 20px;margin-bottom: 8px;}
    .my_info .my_info_item .my_info_title.title_point span::before{right: -11px;}
    .my_info .my_info_item .my_info_content{width: 100%;}
    .my_info .my_info_item .my_info_content .my_info_box input{height: 44px;}

    .my_info .my_info_item .my_info_content .my_info_box select{height: 44px;}
    .my_info .my_info_item.item_birth .my_info_content .my_info_box select{width: calc(33.33% - 5px);}

    .my_info .my_info_item.item_phone .my_info_content .my_info_box{ flex-wrap: wrap; }
    .my_info .my_info_item.item_phone .my_info_content .my_info_box select{width: 102px; margin-bottom: 8px; }
    .my_info .my_info_item.item_phone .my_info_content .my_info_box input{width: calc(100% - 108px);}
    .my_info .my_info_item .my_info_content .my_info_box .my_info_button{width: 100px;height: 44px;}

    .my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 .my_info_time{line-height: 44px;right: 124px;}
    .my_info .my_info_item.item_phone .my_info_content .my_info_box.step_03 input{width: calc(100% - 108px);}

    .my_info .my_info_item.item_email .my_info_content .my_info_box{flex-wrap: wrap;}
    .my_info .my_info_item.item_email .my_info_content .my_info_box input{width: calc(50% - 12px);}
    .my_info .my_info_item.item_email .my_info_content .my_info_box .my_info_email{font-size: 14px;line-height: 44px;width: 14px;}
    .my_info .my_info_item.item_email .my_info_content .my_info_box select{width: 100%; margin-top: 8px;}

    .my_info .my_info_item.item_address .my_info_content .my_info_box .address_01{width: calc(100% - 108px);}

    .my_info .my_info_item.category .select_chk_item{width: 120px;}
    .my_info .my_info_item .select_chk_item{ padding: 12px 0; }
    /*.my_info .my_info_item .select_chk_item input[type="checkbox"] + label > span{font-size: 14px;}*/

    .my_info .my_info_edit{font-size: 12px;width: 100px;height: 40px;margin-top: 32px;}

    .my_withdrawal_info{margin: 32px 0 -8px 0;padding: 24px;}
    .my_withdrawal_info .my_wd_ment{font-size: 12px;line-height: 21px;padding-left: 26px;}
    .my_withdrawal_info .my_wd_ment::before{width: 18px;height: 18px;}

}