/***************** gen *****************/

#sub_top{display: none;}
#subtop_location{display: none;}

.sub_wrap{}

input[type='radio']{width:16px;height:16px;cursor: pointer;appearance: none;position: relative;background: #fff;border-radius: 50%;margin-right: 4px;margin-top: 1px;outline:none;border:2px solid #999;}
input[type='radio']:checked {appearance: none;position: relative;background: #000;border-radius: 50%;margin-right: 4px;margin-top: 1px;}
input[type='radio']:checked:after {content: '';width: 8px;height: 8px;background: #000;position: absolute;top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%,-50%);}
span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;}

/*
.mypage_form_wrap .btn_add_wrap {display: flex;justify-content: flex-end;width: 100%;margin-top: 0;}
.mypage_form_wrap button,.mypage_form_wrap .btn_add_wrap a {background: #091846;border: 2px solid #091846;transition: 0.3s;width: 100%;max-width: 180px;border-radius: 0;padding:13px 0px !important;font-size: 16px;color: #fff;display: inline-block;text-align: center;margin-top:30px;}
.mypage_form_wrap button:hover,.mypage_form_wrap .btn_add_wrap a:hover{color:#fff;}
*/

/***********scrollbar***********/
body::-webkit-scrollbar {
    background-color:#666 !important;
}



/***************** login *****************/

#login {width: 100%;min-height: 80vh;height: 100%;position: relative;display: flex;align-items: center;justify-content: center;}

.main_account {background:#edf0f5;}
.main_account .login_form_wrap{box-shadow: 0 3px 9px rgb(0 0 0 / 6%);}
.main_account #login{padding:0px 20px;}

p.error{display: flex;box-sizing: border-box;color: #ff4800 !important;font-size: 13px;line-height: 20px;margin:6px 0;}
p.error > i{color: #ff4800;font-size: 14px;line-height: 20px;margin-right: 2px;}

p.success{display: flex;box-sizing: border-box;color: #3c763d;font-size: 13px;line-height: 20px;margin:6px 0;}
p.success > i{color: #3c763d;font-size: 14px;line-height: 20px;margin-right: 2px;}

.login_form_wrap{margin-top: 25px;width: 100%;max-width:800px;margin: 0 auto;padding:60px 20px;display: flex;align-items: center;justify-content: center;flex-flow: column;background: #fff;}
.login_form_wrap .title{font-size:40px;font-family:'GmarketSans';font-weight:500;margin-bottom: 40px;transition-duration:0.4s;}
.login_form {width: 100%;max-width:400px;padding-top:40px;border-top: 2px solid #171717;}

.login_form p > .form-control{height:48px;border-radius: 2px; margin-bottom:8px;}
.login_form input.btn.btn-primary {width: 100%;border-radius: 2px;height: 56px;margin: 12px 0 10px;background: #091846;border-radius: 2px;color: #fff;font-size: 16px;font-weight: 600;border: none;transition: 0.3s;}
.login_form input.btn.btn-primary:hover {background: #000;}
.login_form .form-control:focus {border-color: #000;outline: 0;-webkit-box-shadow:none;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 8%);}

.login_form_wrap .l-floated--right {display: flex;justify-content: space-between;align-items: center;margin-top:15px;}
.login_form_wrap .login_remember {display: flex;align-items: center;font-size: 14px;}
.login_form_wrap .login_remember input {margin: 0;}
.login_form_wrap .login_find a{color:#5d5d5d;position:relative; display: inline-block;margin-right:5px;font-size: 13px;}
.login_form_wrap .login_find a:last-child{margin-right:0;}
.login_form_wrap .login_find a:after {content: '';display: inline-block;width: 1px;height: 10px;background: #666;margin-left:6px;}
.login_form_wrap .login_find a:last-child:after{display:none;}

@media (max-width:1300px) {
    .login_form_wrap{border:none;}
}
@media (max-width:768px) {
    .login_form_wrap .title{font-size:30px;}
}
@media (max-width:390px) {
    .login_form_wrap .l-floated--right{justify-content: center;flex-flow: column;}
    .login_form_wrap .login_remember{margin-bottom:15px;}
}


/***************** join *****************/

.main_account .join_form_wrap{box-shadow: 0 3px 9px rgb(0 0 0 / 6%);}

.join_form_wrap{width: 100%;max-width:800px;background:#fff;margin: 0 auto;height: 100%;padding:60px; display: flex;align-items: center;justify-content: center;flex-flow: column;transition-duration:0.4s;}
.join_form_wrap .title{font-size:40px;font-family:'GmarketSans';font-weight:500;margin-bottom: 40px;text-align: center;transition-duration:0.4s;}
.join_form {width: 100%;max-width:800px;padding-top:40px;border-top: 2px solid #171717;}

.join_form_wrap .form_box{margin-bottom:40px;border-bottom: 1px solid #333;padding-bottom:30px;}

.join_form_wrap .form-control{height: 40px;border-radius:2px;background-color: #f2f2f2;background-image: none;border: 1px solid #eee;box-shadow: none;}
.join_form_wrap #mem_zipcode {width: 40%;margin-right: 3px;}
.join_form_wrap .form-control:focus{background-color: #fff;border-color: #000;outline: 0;-webkit-box-shadow:none;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 8%);}

.join_form_wrap .col-form-label {line-height: 40px;}
.join_form_wrap .col-form-label span{color:#ff4800;}

.join_form_wrap #address {margin-bottom:4px;}
.join_form_wrap #address #btn_addr{width: 100%;height: 40px;background: #091846;color: #fff;border-radius:0;transition:0.3s;}
.join_form_wrap #address #btn_addr:hover{background:#000;}
.join_form_wrap #address .col-sm-9.ipbox{width: 75%;padding: 0;display: flex;}
.join_form_wrap #address .col-sm-3.ipbox{width: 25%;padding-left:10px;padding-right:0;}
.join_form_wrap #address input#dte_zip1 {width:25%;margin-right: 5px;}
.join_form_wrap #address .col-sm-8.ipbox_wrap{display:flex;}

.join_form_wrap .btn_black{padding:0px 20px;height: 40px;background: #333;color: #fff;border-radius:0;}

.join_form_wrap input[type="checkbox"] {margin: 0;width: 15px;height:15px;margin-right: 4px;margin-bottom:1px;vertical-align: middle;}
.join_form_wrap .agree_wrap {padding-bottom: 30px;border-bottom: 1px solid #333;margin-bottom: 30px;}
.join_form_wrap .agree_wrap > p{margin-bottom: 10px;overflow:hidden;display:block;}
.join_form_wrap .agree_wrap .all_check label {font-size: 16px;font-weight: 500;}
.join_form_wrap .agree_wrap li.join_agree {display: flex;justify-content: space-between;align-items: center;padding: 10px;background: #f4f4f4;margin-bottom: 10px;position: relative;}
.join_form_wrap .agree_wrap .agree_btn {color: #333;background: #fff;border: 1px solid #333;padding: 3px;font-size: 12px;}
.join_form_wrap .agree_wrap .pvc_btn{cursor: pointer;}
.join_form_wrap .agree_wrap ul.depth1 {width: 100%;display:none;margin-bottom: 20px;}
.join_form_wrap .agree_wrap ul.depth1 li{display:flex;justify-content: space-between;align-items: center;padding: 10px 10px 10px 20px;}
.join_form_wrap .agree_wrap ul.depth1.phone_agree.checked li.cheapphone{display: none !important;}
.join_form_wrap .agree_wrap li.cheapphone.checked{display:block !important;}
.join_form_wrap .agree_wrap ol{clear:both;}


.btn_wrap {margin-top:50px;}
.btn_wrap .btn {width: 100%;max-width: 140px;border-radius: 0;height: 50px;}

@media (max-width:768px) {
    .btn_wrap .btn{width:45%;}
}

.btn_wrap .btn_confirm{background:#091846;border:none;transition:0.3s;}
.btn_wrap .btn_confirm:hover{background:#000;}
.btn_wrap .btn_cancel{border: 1px solid #333;color: #333;background: #fff;}


.join_form_wrap #gender {display: flex;align-items: center;}
.join_form_wrap #gender input {width:16px;height:16px;cursor: pointer;}
.join_form_wrap #gender span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;}
.join_form_wrap #gender label{margin-bottom:0;}
.join_form_wrap #gender .rdo_pt{float: left;}


.join_form_wrap #num .col-sm-3{padding-left:0;}
.join_form_wrap #num .col-sm-8 p{font-size:14px; color:#666;padding:6px 0 0;}
.join_form_wrap #num .col-sm-8 p.time{color:#ff4800;}
.join_form_wrap #num .col-sm-8 p > i{margin-right:2px;}
.join_form_wrap #num .phone_btn{width: 100%;height: 40px;background: #091846;color: #fff;word-break: keep-all;transition:0.3s;}
.join_form_wrap #num .phone_btn:hover{background:#000;}

.join_form_wrap #num .col-sm-9.ipbox{width: 75%;padding: 0;}
.join_form_wrap #num .col-sm-3.ipbox{width: 25%;padding-left:10px;padding-right:0;}

.join_form_wrap #num {display: flex;align-items: center;}
.join_form_wrap #num label{margin-bottom:0;}
.join_form_wrap #num .col-sm-8.ipbox_wrap {margin: 8px auto 10px;}

.join_form_wrap #num .phone_btn{display:flex;justify-content: center;align-items: center;transition:0.2s all;}
.join_form_wrap #num #okbtn{display:none;}
.join_form_wrap #num #certi_btn.active #okbtn{display:flex;}
.join_form_wrap #num #certi_btn.active #getnum{display:none;}

/*.join_form_wrap #num #time{display:none;}*/
.join_form_wrap #num #auth-number-wrapper{display:none;}
.join_form_wrap #num #auth-number-wrapper.active{display:block;position:relative;}
.join_form_wrap #num #auth-number-wrapper.active #time{display:block !important;}
.join_form_wrap #num #time{position: absolute;top: 11px;right: 35px;text-align: right;color: #ff4800;font-weight:500;z-index:999;}

@media (max-width:768px) {
    .join_form_wrap{padding:60px 20px;}
    .join_form_wrap .title{font-size:30px;}
    .join_form_wrap #num .ipbox {width: 100%;}
    .join_form_wrap #num .col-sm-8.rdo_pt {width: 100%;}
    .join_form_wrap #num .col-sm-8.ipbox_wrap{display:flex;width: 100%;}
    .join_form_wrap #num .phone_btn{margin-top:0;font-size:13px;}


    .join_form_wrap #address .col-sm-2{margin-top:15px;}

}
@media (max-width:500px) {
    input::placeholder{font-size:13px;}
}

.join_form_wrap #num2 .col-sm-3{padding-right:0px;padding-left: 10px;}
.join_form_wrap #num2 .col-sm-8 p{font-size:14px; color:#666;padding:6px 0 0;}
.join_form_wrap #num2 .col-sm-8 p.time{color:#ff4800;}
.join_form_wrap #num2 .col-sm-8 p > i{margin-right:2px;}
.join_form_wrap #num2 .phone_btn{width: 100%;height: 40px;background: #333;color: #fff;word-break: keep-all;}
.join_form_wrap #num2 .col-sm-9.ipbox{width: 75%;padding: 0;}

/***************** idInquiry *****************/

.idinquiry_form_wrap{width: 100%;max-width: 100%;margin: 0 auto;height: 100%;padding: 120px 20px; display: flex;align-items: center;justify-content: center;flex-flow: column;}
.idinquiry_form {width: 100%;max-width:450px;background:#fff;padding:30px;}

.idinquiry_form .form-control{height:48px;border-radius: 2px; margin-bottom:8px;}
.idinquiry_form .form-control:focus {border-color: #000;outline: 0;-webkit-box-shadow:none;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 8%);}

.idinquiry_form .col-sm-4{padding-left:0;}
.idinquiry_form .phone_btn{width: 100%;height: 48px;background: #333;color: #fff;transition:0.4s;}
.idinquiry_form .phone_btn:hover{background:#091846;}

.idinquiry_form input.btn.btn-primary {width: 100%;border-radius: 2px;height: 56px;margin: 12px 0 10px;background: #000;border-radius: 2px;color: #fff;font-size: 16px;font-weight: 600;border: none;transition:0.4s;}
.idinquiry_form input.btn.btn-primary:hover{background:#091846;}
.idinquiry_form p.time{color:#ff4800;}

.idinquiry_info {border: 1px solid #333;padding: 30px;text-align: center;margin-top: 40px;}
.idinquiry_info h4{background: #f4f4f4;padding: 8px 0;font-size: 18px;color: #333;margin-bottom: 25px;}
.idinquiry_info p{color: #666;font-size: 15px;}
.idinquiry_info p > span{color:#333;font-size: 15px;font-weight:600;}
.idinquiry_info a.login_btn {width: 100%;max-width: 120px;background: #333;color: #fff;padding: 8px 20px;display: inline-block;margin-top: 30px;}

.idinquiry_form #num{padding:0;}
.idinquiry_form #num span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;margin-bottom: 10px;}
.idinquiry_form #num label{margin-bottom:0;}
.idinquiry_form #num .rdo_pt{display: flex;align-items: center;float: left;margin-bottom: 10px;}
.idinquiry_form #num .col-sm-9.ipbox{padding:0;}
.idinquiry_form #num .col-sm-3.ipbox{padding-right:0;}
.idinquiry_form input#auth-number {position: relative;}
.idinquiry_form #num span#time {position: absolute;top: 14px;right: 35px;text-align: right;color: #ff4800;font-weight: 500;z-index: 999;}

.idinquiry_form #num .phone_btn{display:flex;justify-content: center;align-items: center;transition:0.2s all;}
.idinquiry_form #num #okbtn{display:none;}
.idinquiry_form #num #certi_btn.active #okbtn{display:flex;}
.idinquiry_form #num #certi_btn.active #getnum{display:none;}
.idinquiry_form #num #auth-number-wrapper {display: none;}
.idinquiry_form #num #auth-number-wrapper.active {display: block;position: relative;}


.idinquiry_form #gender {display: flex;align-items: center;margin: 20px 0;}
.idinquiry_form #gender input {width:16px;height:16px;cursor: pointer;}
.idinquiry_form #gender span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;}
.idinquiry_form #gender label{margin-bottom:0;}
.idinquiry_form #gender .rdo_pt{float: left;padding-left: 30px;}

.idinquiry_form input[type='radio']{appearance: none;position: relative;background: #fff;border-radius: 50%;margin-right: 4px;margin-top: 1px;outline:none;}
.idinquiry_form input[type='radio']:checked {appearance: none;position: relative;background: #000;border-radius: 50%;margin-right: 4px;margin-top: 1px;}
.idinquiry_form input[type='radio']:checked:after {content: '';width: 8px;height: 8px;background:#000;position: absolute;top: 50%;left: 50%;border-radius: 100%;transform: translate(-50%,-50%);}
.idinquiry_form .rdo_pt input {width:16px;height:16px;cursor: pointer;}

.idinquiry_form input[type="checkbox"] {margin: 0;width: 15px;height:15px;margin-right: 4px;margin-bottom:1px;vertical-align: middle;}
.idinquiry_form .agree_wrap {padding-top: 30px;border-top: 1px solid #333; margin-bottom: 30px;}
.idinquiry_form .agree_wrap > p{margin-bottom: 10px;}
.idinquiry_form .agree_wrap .all_check label {font-size: 16px;font-weight: 500;}
.idinquiry_form .agree_wrap li.join_agree {display: flex;justify-content: space-between;align-items: center;padding: 10px;background: #f4f4f4;margin-bottom: 10px;position: relative;}
.idinquiry_form .agree_wrap .agree_btn {color: #333;background: #fff;border: 1px solid #333;padding: 3px;font-size: 12px;}
.idinquiry_form .agree_wrap .pvc_btn{cursor: pointer;}
.idinquiry_form .agree_wrap ul.depth1 {width: 100%;display:none;margin-bottom: 20px;}
.idinquiry_form .agree_wrap ul.depth1 li{display:flex;justify-content: space-between;align-items: center;padding: 10px 10px 10px 20px;}
.idinquiry_form .agree_wrap ul.depth1.phone_agree.checked li.cheapphone{display: none !important;}
.idinquiry_form .agree_wrap li.cheapphone.checked{display:block !important;}

@media (max-width:768px) {
    .idinquiry_form .col-sm-4{padding-left:15px;margin-bottom:20px;}
}


/* tab */

.sub_tab_wrap {display: flex;border-bottom:2px solid #171717;}
.sub_tab{width:calc(50% + 1px); margin:-1px 0 0 -1px; border:1px solid #ccc; padding:0; background-color:#f3f3f3; font-size:17px; font-weight:300; color:#666; text-align:center; cursor:pointer; word-break:keep-all; display:flex; align-items:center; justify-content:center;}
.sub_tab.on{background-color:#333; border-color:#333; color:#fff;}

.sub_tabcon{ display:none; overflow:hidden; }
.sub_tabcon_wrap {margin:50px auto 0;width:100%; max-width:1240px;}
.sub_tabcon.on{ display:block;}

@media (max-width:650px) {
    .sub_tab{font-size:15px;}
}


/* 비밀번호찾기 */

.pwinquiry_info {border: 1px solid #333;padding: 30px;text-align: center;margin-top: 40px;}
.pwinquiry_info h4{background: #f4f4f4;padding: 8px 0;font-size: 18px;color: #333;margin-bottom: 25px;}
.pwinquiry_info h4 > i{margin-right:5px;}
.pwinquiry_info p{color: #666;font-size: 14px; margin-bottom:15px;word-break: keep-all;}
.pwinquiry_info a.login_btn {width: 100%;max-width: 120px;background: #333;color: #fff;padding: 8px 20px;display: inline-block;margin-top: 30px;}
.pwinquiry_info .form-group{margin-bottom:8px;height: 48px;}



/***************** terms  *****************/

.terms_form_wrap{width: 100%;max-width: 100%;margin: 0 auto;min-height: 100vh;height: 100%;padding:0px 20px 0px;; display: flex;align-items: center;justify-content: center;flex-flow: column;}
.terms_form {width: 100%;max-width:1200px;padding-top:40px;border-top: 2px solid #171717;}
.terms_form_wrap .title {font-size: 30px;font-family: 'SCD';font-weight: 600;margin-bottom: 20px;text-align: center;}

.terms_con{background:#fff;border: 1px solid #dfdfdf;padding: 20px;color: #777;overflow-y: auto;max-height: 600px;}


/***************** privacy *****************/

.pvt_form_wrap{width: 100%;max-width: 100%;margin: 0 auto;min-height: 100vh;height: 100%;padding:150px 20px 120px;; display: flex;align-items: center;justify-content: center;flex-flow: column;}
.pvt_form {width: 100%;max-width:1200px;padding-top:40px;border-top: 2px solid #171717;}
.pvt_form_wrap .title {font-size: 30px;font-family: 'SCD';font-weight: 600;margin-bottom: 20px;text-align: center;}

.pvt_con{background:#fff;border: 1px solid #dfdfdf;padding: 20px;color: #777;overflow-y: auto;max-height: 600px;}




/***************** mypage *****************/

.main_my {background:#edf0f5;}
.color{color:#091846;}

.mypage_form_wrap {width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;flex-flow: column;max-width: 1240px;margin: 0 auto 60px;}
.mypage_form_wrap .title{font-size:24px;font-family:'GmarketSans';font-size: 24px;font-weight: 600;margin-bottom: 20px;text-align: left;display: flex;align-items: center;line-height: 24px;}
.mypage_form {width: 100%;}
.main_my .mypage_form_wrap {padding:30px 20px;background: #fff; margin:0 auto;}
.form_con {width: 100%;max-width: 1000px;}

.main_my .shadow{box-shadow: 0 3px 9px rgb(0 0 0 / 6%);}

.main_my .tab_tit {background: #fff;border-bottom: 1px solid #e3e7ee;padding:20px;display: flex;justify-content: space-between;align-items: center;}
.main_my .tab_tit h2 {font-size: 20px;color: #333;font-weight: 500;}

.main_my .pt_tit {color: #9a9b9d;font-weight: 500;}

.list_sort {width: 100%;max-width:180px;display: inline-flex;height: 100%;position: relative;}
.list_sort select { transition-duration: 0.4s; cursor: pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
.list_sort select.sel_filter {width:100%;height:40px;vertical-align: top;outline: none;border: 1px solid #e5e5e5;font-size: 14px;padding:5px 10px;}
.list_sort .arrow{position: absolute;top: 50%;right:10px;z-index: 99;width: 12px;height: 7px;background-image: url('../img/gen/arr.png');background-position: center;background-size: cover;background-repeat: no-repeat;transform: translateY(-50%);transition:0.05s;}
.list_sort.on .arrow{transform: translateY(-50%) rotate(180deg);}




/* 마이페이지-탭*/
.main_my .sub_tab_wrap{border-bottom:none;box-shadow: 0 3px 9px rgb(0 0 0 / 6%);}
.main_my .sub_tab{background-color: #f8f9fd;border-color: #e3e7ee;}
.main_my .sub_tab_wrap{margin-top:30px;}
.main_my .sub_tab a{color:#333;padding: 10px 20px;width:100%;height:100%;transition:0.4s;display:inline-flex;justify-content: center;align-items: center;}
.main_my .sub_tab.on a{color:#333;}
.main_my .sub_tab.on {background-color: #fff;border-color: #e3e7ee;color: #333;}
.main_my .sub_tabcon_wrap {margin: 30px auto 0;}
.main_my .sub_tabcon{box-shadow: 0 3px 9px rgb(0 0 0 / 6%);}

.main_my .sub_tab:hover a{color:#091846;}



/* 마이페이지-top*/

#mypage_intro {padding:90px 20px 0;overflow: hidden;}
#mypage_intro .title{font-size: 40px;font-family: 'GmarketSans';font-weight: 500;margin-bottom: 40px;text-align: center;}

.mypage_intro_pt_wrap {display: flex;margin: 0 -15px;}
.mypage_intro_pt {padding: 20px 0;background: #fff;margin: 0 15px;/*width: 33.33333333333333%;*/ width:50%;  box-shadow: 0 3px 9px rgb(0 0 0 / 6%);transition-duration:0.4s;}

.mypage_intro_pt.pt01 {display: flex;justify-content: space-between;flex-flow: column;}
.mypage_intro_pt.pt01 .top {display: flex;flex-flow: column;justify-content: space-between;width: 100%;height: 100%;}
.mypage_intro_pt.pt01 .name_info {font-size: 15px;color: #777;font-weight: 400;display: flex;align-items: center;justify-content: space-between;padding:0 20px;}
.mypage_intro_pt.pt01 .name_info span{color:#333;font-weight:600;}
.mypage_intro_pt.pt01 .name_info a {padding: 3px 15px 2px;background: #E9ECEF;border-radius: 100px;font-size: 13px;font-weight: 500;color: #333;}

.mypage_intro_pt.pt01 .my_wrap{display: flex;align-items: center;justify-content: space-between;padding: 20px;font-weight:400;}
.mypage_intro_pt.pt01 .my_wrap span {font-size: 24px;font-weight: 600;margin-right: 3px;}
.mypage_intro_pt.pt01 .my_wrap > div{display:flex; align-items:center;}
.mypage_intro_pt.pt01 .my_wrap div i{font-size:16px;padding-left:5px;}

.mypage_intro_pt.pt01 .my_table_wrap{display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #e3e7ee;padding: 20px 20px 0;}

.mypage_intro_pt.pt02 .coupon{font-size: 15px;color: #777;font-weight: 400;display: flex;align-items: center;justify-content: space-between;padding:0 20px 20px;border-bottom: 1px solid #e3e7ee;}
.mypage_intro_pt.pt02 .point{font-size: 15px;color: #777;font-weight: 400;display: flex;align-items: center;justify-content: space-between;padding:20px;border-bottom: 1px solid #e3e7ee;}
.mypage_intro_pt.pt02 .point div+div{color:#333; font-weight:500;}
.mypage_intro_pt.pt02 .point div+div span {font-weight:600;margin-right: 3px;}
.mypage_intro_pt.pt02 .link{color: #9a9b9d;font-weight: 500;padding:20px;display:flex;align-items: center;}

.mypage_intro_pt.pt03 .get_art{font-size: 15px;color: #777;font-weight: 400;display: flex;align-items: center;justify-content: space-between;padding:0 20px 20px;border-bottom: 1px solid #e3e7ee;}
.mypage_intro_pt.pt03 .get_art_account{font-size:13px;color: #777;font-weight: 400;display: flex;align-items: center;justify-content: space-between;padding:10px 20px 0;}
.mypage_intro_pt.pt03 .get_art_account a {color: #9a9b9d;font-weight: 500;display: flex;align-items: center;}
.mypage_intro_pt.pt03 .get_art_account.account01{padding-top:20px;}
.mypage_intro_pt.pt03 .get_art_account div+div {font-size: 15px;color: #333;font-weight:400;}
.mypage_intro_pt.pt03 .get_art_account div+div p span {font-weight:600;margin-right: 3px;}

@media (max-width:900px) {
    .mypage_intro_pt_wrap{  margin: 0 auto;flex-flow: row wrap;}
    .mypage_intro_pt{width: 100%;margin:0 auto 15px;}

}



/* 마이페이지-구매내역*/

.certi_tit {padding: 20px;text-align: center;border-bottom: 1px solid #e3e7ee;}
.certi_tit h2 {font-size: 24px;font-weight: 600;color: #333;}

.certi_con {width: 100%;padding: 20px;overflow: hidden;}
.certi_box {width: 100%;height: 100%;max-height:920px;position: relative;display: flex;align-items: center;justify-content: center;}
.certi_desc {width: 100%;position: relative;overflow: hidden;display: flex;align-items: center;flex-flow: column;text-align: center;}
.certi_img {width: 100%;position: absolute;top: 0;left: 0;display: block;z-index: -1;}
.certi_img img {width: 100%;height: auto;display: block;}

.pop_certi_wrap .print{width:100%; padding:20px;text-align: center;}
.pop_certi_wrap button{background: #091846;color:#fff;font-size:16px;border: none;transition: 0.3s;width: 100%;max-width: 140px;border-radius: 0;height: 50px;margin: 10px auto 30px;}
.pop_certi_wrap button:hover{background: #111;}

.certi_desc .title{margin-bottom:30px;}
.certi_desc .title h1{font-size:46px; font-weight:600; color:#4c7384;}
.certi_desc .title h4{font-size:20px;color:#808285;margin-top: 2px;font-weight: 500;}
.certi_desc .art_img {width: 100%;max-width: 180px;height: auto;max-height: 210px;overflow: hidden;display: flex;align-items: center;justify-content: center;object-fit: cover;}
.certi_desc .art_tit{font-size:18px; font-weight:600;color:#4c7384;margin-top:10px;}
.certi_desc .art_name{font-size:16px; font-weight:500; color:#777;}
.certi_desc .art_con{font-size:14px; color:#666;margin-top:2px;word-break: keep-all;width:100%; max-width:180px;}
.certi_desc .art_line {width: 100%;max-width:250px;margin-top:30px;}
.certi_desc .art_owner {width: 100%;max-width:250px;}
.certi_desc .art_owner ul{padding:10px 0;}
.certi_desc .art_owner ul > li {display: flex;align-items: center;justify-content: space-between;font-size: 14px;font-weight: 500;color: #4c7384;margin-bottom:4px;}
.certi_desc .art_owner ul > li:last-child {margin-bottom:0;}
.certi_desc .art_owner ul > li > p > span{font-size:16px;color:#333;}
.certi_desc .art_date {display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: 600;color: #4c7384;margin-top: 15px;}
.certi_desc .art_date > p {margin-bottom:4px;}
.certi_desc .art_date > div {width: 100px;border-bottom: 2px solid #333;height:28px;margin-left: 5px;padding:3px;}
.certi_desc .art_date > div >span {font-size:14px;}
.certi_desc .art_info{width:100%; max-width:400px; color:#808285; font-size:12px;font-weight:400; word-break: keep-all;margin-top:40px;}


/* 마이페이지 공통 리스트 */
.my_wrap{margin-top:20px;}
.my_wrap .sub_tit{width:100%;text-align:left; padding:20px;border-bottom: 1px solid #e3e7ee;background:#fff;}

.my_search{margin-top:-20px;float:right;}
.my_search li{margin-bottom:8px;padding-left:10px;position: relative;}
.my_search li:last-child{margin-bottom:0;}
.my_search li:after {content: '';width: 5px;height: 1px;position: absolute;background: #9a9a9a;left: 0;top: 11px;}
.my_search p{color:#9a9b9d;font-size:15px; font-weight:400;text-align: left;word-break: keep-all;}
.my_search p b{font-weight:600;color:#222;}

.my_search{}
.my_search .form-control{display:inline-block;vertical-align:middle}

@media (max-width:650px) {
    .my_search{margin-top:10px;float:none;margin-bottom:0px !important;}
    .my_search {margin-bottom:20px;display:block;overflow:hidden;}
    .sub_tab_wrap{flex-wrap:wrap;}
    /*.sub_tab{width:calc(25% + 1px) !important;}*/
}


.my_table_wrap{width: 100%;text-align: center;}
.my_table_wrap table{width:100%;}
.my_table_wrap th {border-top: 1px solid #333;border-bottom: 1px solid #d9d9d9;text-align: center;padding: 12px 15px;word-break: keep-all;background: #f8f9fd;}
.my_table_wrap td {font-size:14px;border-bottom: 1px solid #d9d9d9;text-align: center;padding:20px 15px;word-break: keep-all;}

.my_wrap .my_table{}
.my_wrap .my_table td{}
@media (max-width:738px) {
    .my_wrap .my_table td{display:block;border-bottom:0px;padding:0px;text-align:left;line-height:24px;}
    .my_wrap .my_table td:first-child{padding-top:10px;}
    .my_wrap .my_table td:last-child{border-bottom:1px solid #ddd;padding-bottom:20px;padding-top:20px;}
    .my_wrap .my_table td b{font-size:18px;}
}


/* 마이페이지-회원정보수정*/

.main_my .join_form_wrap{min-height:100%;padding:40px 20px;background: #fff;}
.main_my .join_form{max-width:500px;}
.main_my #login{min-height:100%;background:#fff;}

/* 마이페이지-회원탈퇴*/

.leave_wrap {width: 100%;max-width: 500px;margin: 0 auto;}

/* 마이페이지-1대1문의*/

.tb_qna_wrap {width: 100%;}
.tb_qna  {width: 100%;text-align: center;}
.tb_qna th {border-top: 1px solid #333;border-bottom: 1px solid #d9d9d9;text-align: center;padding: 12px 15px;word-break: keep-all;background: #f8f9fd;}
.tb_qna td {border-bottom: 1px solid #d9d9d9;text-align: center;padding:20px 15px;word-break: keep-all;}


.qna_wr_wrap {width: 100%;max-width: 500px;margin: 0 auto;}
select.qna_sel {height: 40px;border-radius: 2px;background-color: #f2f2f2;background-image: none;border: 1px solid #eee;box-shadow: none;width: 100%;}



/* 회원정보수정 */

.mypage_form_wrap .form_box{margin-bottom:40px;padding-bottom:30px;}
.mypage_form_wrap .form-control{height: 40px;border-radius:2px;background-image: none;box-shadow: none;margin-right:3px;}
.mypage_form_wrap .form-control:focus{background-color: #fff;border-color: #000;outline: 0;-webkit-box-shadow:none;box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(0 0 0 / 8%);}

.mypage_form_wrap .col-form-label {line-height: 40px;color: #9a9a9a;}
.mypage_form_wrap .col-form-label span{color:#ff4800;}

.mypage_form_wrap #address {margin-bottom:4px;}
.mypage_form_wrap #address #btn_addr{width: 100%;height: 40px;background: #091846;color: #fff;border-radius:0;transition:0.3s;}
.mypage_form_wrap #address #btn_addr:hover{background:#000;}
.mypage_form_wrap #address .col-sm-9.ipbox{width: 75%;padding: 0;display: flex;}
.mypage_form_wrap #address .col-sm-3.ipbox{width: 25%;padding-left:10px;padding-right:0;}
.mypage_form_wrap #address input#dte_zip1 {width:25%;margin-right: 5px;}
.mypage_form_wrap #address .col-sm-8.ipbox_wrap{display:flex;}

.mypage_form_wrap .btn_black{padding:0px 20px;height: auto;background: #333;color: #fff;border-radius:0;}

.mypage_form_wrap input[type="checkbox"] {margin: 0;width: 15px;height:15px;margin-right: 4px;margin-bottom:1px;vertical-align: middle;}
.mypage_form_wrap .agree_wrap {padding-bottom: 10px;border-top: 1px solid #333;border-bottom: 1px solid #ddd;margin-bottom: 20px;padding-top: 20px;}
.mypage_form_wrap .agree_wrap_noti {border-top:none;padding-top:0;}
.mypage_form_wrap .agree_wrap > p{margin-bottom: 10px;}
.mypage_form_wrap .agree_wrap .all_check label {font-size: 16px;font-weight: 500;}
.mypage_form_wrap .agree_wrap li.join_agree {display: flex;justify-content: space-between;align-items: center;padding: 10px;background: #f4f4f4;margin-bottom: 10px;position: relative;}
.mypage_form_wrap .agree_wrap .agree_btn {color: #333;background: #fff;border: 1px solid #333;padding: 3px;font-size: 12px;}
.mypage_form_wrap .agree_wrap .pvc_btn{cursor: pointer;}
.mypage_form_wrap .agree_wrap ul.depth1 {width: 100%;display:none;margin-bottom: 20px;}
.mypage_form_wrap .agree_wrap ul.depth1 li{display:flex;justify-content: space-between;align-items: center;padding: 10px 10px 10px 20px;}
.mypage_form_wrap .agree_wrap ul.depth1.phone_agree.checked li.cheapphone{display: none !important;}
.mypage_form_wrap .agree_wrap li.cheapphone.checked{display:block !important;}

.mypage_form_wrap #gender {display: flex;align-items: center;}
.mypage_form_wrap #gender input {width:16px;height:16px;cursor: pointer;}
.mypage_form_wrap #gender span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;}
.mypage_form_wrap #gender label{margin-bottom:0;}
.mypage_form_wrap #gender .rdo_pt{float: left;}


.mypage_form_wrap #num .col-sm-3{padding-left:0;}
.mypage_form_wrap #num .col-sm-8 p{font-size:14px; color:#666;padding:6px 0 0;}
.mypage_form_wrap #num .col-sm-8 p.time{color:#ff4800;}
.mypage_form_wrap #num .col-sm-8 p > i{margin-right:2px;}
.mypage_form_wrap #num .phone_btn{width: 100%;height: 40px;background: #091846;color: #fff;word-break: keep-all;transition:0.3s;}
.mypage_form_wrap #num .phone_btn:hover{background:#000;}

.mypage_form_wrap #num .col-sm-9.ipbox{width: 75%;padding: 0;}
.mypage_form_wrap #num .col-sm-3.ipbox{width: 25%;padding-left:10px;padding-right:0;}

.mypage_form_wrap #num {display: flex;align-items: center;}
.mypage_form_wrap #num .rdo_pt input {width:16px;height:16px;cursor: pointer;}
.mypage_form_wrap #num span.input_button {display: flex;float: left;align-items: center;margin-right: 12px;}
.mypage_form_wrap #num label{margin-bottom:0;}
.mypage_form_wrap #num .col-sm-8.ipbox_wrap {margin: 8px auto 10px;}

.mypage_form_wrap #num .phone_btn{display:flex;justify-content: center;align-items: center;transition:0.2s all;}
.mypage_form_wrap #num #okbtn{display:none;}
.mypage_form_wrap #num #certi_btn.active #okbtn{display:flex;}
.mypage_form_wrap #num #certi_btn.active #getnum{display:none;}

.mypage_form_wrap #num #auth-number-wrapper{display:none;}
.mypage_form_wrap #num #auth-number-wrapper.active{display:block;position:relative;}
.mypage_form_wrap #num #auth-number-wrapper.active #time{display:block !important;}
.mypage_form_wrap #num #time{position: absolute;top: 11px;right: 35px;text-align: right;color: #ff4800;font-weight:500;z-index:999;}

.mypage_form_wrap #num2 .col-sm-3{padding-right:0px;padding-left: 10px;}
.mypage_form_wrap #num2 .col-sm-8 p{font-size:14px; color:#666;padding:6px 0 0;}
.mypage_form_wrap #num2 .col-sm-8 p.time{color:#ff4800;}
.mypage_form_wrap #num2 .col-sm-8 p > i{margin-right:2px;}
.mypage_form_wrap #num2 .phone_btn{width: 100%;height: 40px;background: #333;color: #fff;word-break: keep-all;}
.mypage_form_wrap #num2 .col-sm-9.ipbox{width: 75%;padding: 0;}

@media (max-width:768px) {
    .mypage_form_wrap #num .ipbox {width: 100%;}
    .mypage_form_wrap #num .col-sm-8.rdo_pt {width: 100%;}
    .mypage_form_wrap #num .col-sm-8.ipbox_wrap{display:flex;width: 100%;}
    .mypage_form_wrap #num .phone_btn{margin-top:0;font-size:13px;}

    .mypage_form_wrap #address .col-sm-2{margin-top:15px;}

}
@media (max-width:500px) {
    input::placeholder{font-size:13px;}
}


/*********** 포인트 신청하기 *****************/
.point_form{display:block;}
.point_form .form-control{display:inline-block !important;}
.point_form .btn{padding:9px !important;}





.add_info_btn{border:2px solid #333;text-align:center;font-size:16px;padding:10px !important;width:100%;margin-bottom:10px;}
.add_info_btn:hover{background:#333;border:2px solid #333 !important;}