@charset "utf-8";
.body_partOfPageStop.on{
    overflow: hidden;
    height: 100%;
}
.partOfPageStop.on{
    pointer-events: none;
}
.market_menu {
    position: fixed; 
    top: 60px; left: 0; 
    width: 302px; height: calc(100% - 60px); 
    background: #fff; 
    overflow-y: auto; 
    overflow-scrolling:touch; 
    -webkit-overflow-scrolling:touch; 
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden; 
    backface-visibility:hidden; 
    z-index: 999;
    box-shadow: 0px 2px 12.87px 0.13px rgb(0 0 0 / 15%);
}
.market_menu .top {
}
.market_menu .top strong {
    display: block;
    width: 100%; height: 98px;
    line-height: 98px;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 24px;
    color:#ffffff;
    text-align: center;
}

#menu_gnb {}
/*gnb oneD*/
#menu_gnb .oneD {
    padding:18px 20px 18px 40px; 
    border-top:1px solid #cdcdcd; 
    background: url(../img/common/toggle_arrow_plus.png) no-repeat right 20px top 50%; 
    background-size: 12px 6px;
    cursor: pointer;
}
#menu_gnb .oneD.on {
    color:#333333; 
    background: url(../img/common/toggle_arrow_minus.png) no-repeat right 20px top 50%; 
    background-size: 12px 6px;
}
#menu_gnb .oneD span{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color:#000; 
}
#menu_gnb .oneD.bdbo {border-bottom: 1px solid #d9d9d9;}
/*gnb twoD*/
#menu_gnb .twoD {background: #f3f4f7;}
#menu_gnb .twoD > a {
    display: block;
    width: 100%; height: 44px;
    line-height: 44px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #191919;
    border-bottom: 1px solid #d9d9d9;
}
#menu_gnb .twoD > a.bdbn {border-bottom: none;}
#menu_gnb .twoD > a.disabled{
    pointer-events: none;
    background-color: #ebebeb;
    color: #999999;
}
/*gnb twoD*/
#menu_gnb .twoD {display: none;}
#board{
    width: 100%; height: auto;
}
.board_bg2{
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-color: #ebedf0;
    text-indent: -999999px;
}
.board_bg{
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../img/board_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -999999px;
}
.signup_bg{
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background-image: url(../img/signup_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -999999px;
}
#board .inner{
    width: 1280px; height: 100%;
    margin: 120px auto 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
#board .market_inner{
    width: 1280px; height: 100%;
    margin: 120px 0 50px 400px;
    padding: 0px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
/*221201_최소값수정(s)*/
#board .board_contents{
    width: 100%; padding: 50px;
    min-width: 800px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 17.9676px 0.0324px rgb(0 0 0 / 10%);
}
/*221201_최소값수정(e)*/
#board h2.board_title{
    font-family: 'PreBold', sans-serif;
    font-size: 30px;
    color: #191919;
    margin-bottom: 30px;
}
#board h2.board_sub{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #191919;
    margin-bottom: 30px;
}
.market_search{
    margin-bottom: 30px;
}
.market_search .position{
    position: relative;
}
.market_search .left_width{
    width: calc(100% - 250px);
}
.market_search .right_width{
    width: 232px;
    margin-left: 18px;
}
.market_search input{
    background: none;
    border: 1px solid #a3a9b2;
    border-radius: 10px;
    font-family: 'NSBold', sans-serif;
    font-size: 18px;
    color: #191919;
    padding: 0 68px 0 30px;
    width: 100%; height: 62px; line-height: 62px;
    box-sizing: border-box;
}
.market_search input::placeholder{
    font-family: 'NSBold', sans-serif;
    font-size: 18px;
    color: #a3a9b2;
}
/*221205(s) 돋보기 버튼*/
.market_search a.search_btn{
    text-indent: -999999px;
    position: absolute;
    display: block;
    width: 62px; height: 62px;
    background-image: url(../img/search_btn_gray.png);
    background-repeat: no-repeat;
    background-position: center;
    top: 0; right: 0;
    border-radius: 0 10px 10px 0;
}
/*221205(e) 돋보기 버튼*/
/* 230202(s)_3차 텍스트 수정 */
.market_search a.regist_btn{
    display: block;
    width: 100%;
    height: 62px; line-height: 62px;
    border: 1px solid #ffffff;
    box-sizing: border-box;
    background-color:#744EFF;
    border-radius: 10px;
    font-family: 'NSBold', sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
}
/* 230202(e)_3차 텍스트 수정 */
/*220407(s) 필터기능 추가*/
.filter_container{
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: 0px 1px 9.9px 0.1px rgba(0, 0, 0, 0.18);
}
.filter_container table{
    width: 100%; height: auto;
    background-color: #ffffff;
    border-radius: 10px 10px 0  0;
    overflow: hidden;
}
.filter_container table tr{
    height: 48px;
}
.filter_container table th{
    font-family: 'PreBold', sans-serif;
    font-size: 15px;
    color: #191919;
    text-align: left;
    padding-left: 35px;
    letter-spacing: -0.5px;
    background-color: #f3f4f7;
}
.filter_container table td.bdn{
    border: none;
}
.filter_container table td{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #555555;
    text-align: left;
    border-bottom: 1px solid #eaeaea;
    letter-spacing: -0.5px;
    position: relative;
}
.filter_container table td span{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #555555;
    text-align: left;
    display: inline-block;
    margin-left: 4px;
    padding: 6px 14px;
    cursor: pointer;
    letter-spacing: -0.5px;
}
.filter_container table td span.on{
    border-radius: 15.5px;
    background-color: #744eff;
    color: #ffffff;
}
.filter_container table td span.on:hover{
    color: #ffffff;
}
.filter_container table td span:hover{
    color: #744eff;
}
.filter_container table td input[type="text"]{
    border: 1px solid #d4d4d4;
    box-sizing: border-box;
    width: 120px; height: 30px;
    padding: 0 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 15px;
    color: #191919;
    text-align: right;
    margin: 0 10px;
}
.filter_container table td a.sistrix_box{
    position: absolute;
    top: 50%; right: 90px;
    margin-top: -15px;
    display: inline-block;
    width: 30px; height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
}
.filter_container table th a.down,
.filter_container table th a.up{
    display: inline-block;
    width: 26px; height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    margin-left: 10px;
    margin-top: -4px;
}
.filter_container .filter_result{
    border-top: 1px solid #eaeaea;
    width: 100%; min-height: 48px;
    height: auto;
    line-height: 48px;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
}
.filter_container .filter_result .result_tit{
    font-family: 'PreBold', sans-serif;
    font-size: 15px;
    color: #191919;
    width: 154px; height: 100%;
    padding-left: 35px;
    box-sizing: border-box;
    float: left;
}
.filter_container .filter_result .result_box{
    width: calc(100% - 154px); min-height: 48px;
}
.filter_container .filter_result .box{
    margin-right: 20px;
}
.filter_container .filter_result .box a{
    display: inline-block;
    padding-left: 16px;
    font-family: 'PreRegular', sans-serif;
    font-size: 15px;
    color: #744eff;
}
/*220407(e) 필터기능 추가*/
/*211130(s) 마켓플레이스 수정 및 css 추가*/
.market_table h3.sub_tit{
    width: 100%; height: 25px;
    line-height: 25px;
    box-sizing: border-box;
    margin: 50px 0 30px 0;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    padding-left: 45px;
    background-image: url(../img/common/hambar_icon.png);
    background-repeat: no-repeat;
    background-position: center left;
}
.market_table table a.buy_btn{
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 86px; height: 28px; line-height: 28px;
    border-radius: 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
    background: #ff5f6d; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
.market_table table a.visit_btn{
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 86px; height: 28px; line-height: 28px;
    border-radius: 10px;
    background-color: #333333;
}

.board_contents .apt_list{
    margin-top: 40px;
}
.board_contents .apt_list a.list_btn{
    display: block;
    width: 256px; height: 56px;
    line-height: 56px;
    background-color: #333333;
    border-radius: 10px;
    font-family: 'NS', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin: 0 auto;
    box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.33);
}
.market_table .flex_box{
    display: flex;
    flex-flow: row wrap;
}
.market_list{
    max-width: 286px; height: 340px;
    box-shadow: 2px 1px 9px 0px rgba(0, 0, 0, 0.33);
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-left: 14px;
    transition: all 0.3s;
    flex-basis: calc(25% - 11px);
    flex-shrink: 1;
}
.market_list.mln{
    margin-left: 0;
}
.market_list:hover{
    margin-top: -8px;
}
.market_list a.list_link{
    display: block;
    width: 100%; height: 100%;
}
.market_list .apt_img_zone{
    width: 100%; height: 210px;
    position: relative;
}
.market_list .apt_img_zone .apt_img{
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*221213(s)_이미지 크기 조정*/
.apt_img img{
    width:100%;
    height:100%;
    object-fit:cover;
}
/*221213(e)_이미지 크기 조정*/
.market_list .apt_img_zone .point{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.33);
    text-align: right;
    position: absolute;
    bottom: -43px; right: 14px;
    background: #ff9f70;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 8px;
}
.market_list .apt_contents{
    padding: 25px 74px 25px 26px;
}
.market_list .apt_contents h2.apt_title{
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.market_list .apt_contents span.apt_detail{
    font-family: 'NS', sans-serif;
    font-size: 12px;
    color: #ababab;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 6px;
}
/* <!-- 230227(s)_섬네일 등록시간 표시 --> */
.market_list .apt_contents span.apt_detail_2{
    font-family: 'PreRegular', sans-serif;
    font-size: 12px;
    color: #ababab;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 6px;
}
#libraryList .apt_contents span.apt_detail_2{
    font-family: 'PreRegular', sans-serif;
    font-size: 12px;
    color: #ababab;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 6px;
}
/* <!-- 230227(e)_섬네일 등록시간 표시 --> */
.market_list .apt_contents .profile{
    margin-top: 12px;
}
.market_list .apt_contents .profile .profile_img{
    display: block;
    width: 30px; height: 30px;
    float: left;
}
.market_list .apt_contents .profile .profile_img img{
    width: 30px; height: 30px;
}
.market_list .apt_contents .profile .profile_id{
    display: block;
    width: calc(100% - 30px); height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 6px;
    float: left;
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.market_detail_zone{
    width: 100%; height: auto;
    overflow: hidden;
    position: relative;
    background-color: #ffffff;
    box-shadow: 2px 1px 9px 0px rgba(0, 0, 0, 0.33);
    border-radius: 10px;
    box-sizing: border-box;
    padding: 40px;
}
.market_detail_zone .flex_box{
    display: flex;
    justify-content: space-between;
}
.market_detail_zone .flex_box .left_box,
.market_detail_zone .flex_box .right_box{
    width: calc(50% - 24px);
}
.market_detail_zone .apt_sumnail{
    width: 100%; height: 386px;
}
.market_detail_zone .apt_sumnail .sumnail_box{
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.market_detail_zone .apt_sumnail .sumnail_box img{
	object-fit: contain;
    height: 386px;
    margin: auto;
    width: 100%;
}
.market_detail_zone h2.title{
    font-family: 'NSBold', sans-serif;
    font-size: 20px;
    color: #000000;
    margin-bottom: 20px;
}
.market_detail_zone .history{
    margin-top: 40px;
}
.market_detail_zone .history table.transaction_history_table{
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ededed;
}
.market_detail_zone .history table.transaction_history_table thead tr{
    background-color: #f3f4f7;
    height: 34px;
}
.market_detail_zone .history table.transaction_history_table thead tr th{
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding: 0 20px;
}
.market_detail_zone .history table.transaction_history_table tbody tr{
    background-color: #ffffff;
    height: 40px;
}
.market_detail_zone .history table.transaction_history_table tbody tr td{
    font-family: 'NS', sans-serif;
    font-size: 13px;
    color: #666666;
    text-align: left;
    padding: 0 20px;
}
.market_detail_zone .history table.transaction_history_table tbody tr td img{
    width: 24px; height: 24px;
    margin-right: 6px;
}
.market_detail_zone .history .pagination{
    margin-top: 20px;
}
.market_detail_zone .history .pagination ul{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.market_detail_zone .history .pagination ul li{
    width: 30px; height: 30px;
    margin: 0; padding: 0;
    overflow: hidden;
    display: inline-block;
    float: none;
    margin-left: -2px;
    margin-right: -2px;
}
.market_detail_zone .history .pagination ul li.arrow_btn{
    text-indent: -999999px;
}
.market_detail_zone .history .pagination ul li.first{
    border-radius: 20px 0 0 20px;
}
.market_detail_zone .history .pagination ul li.last{
    border-radius: 0 20px 20px 0;
}
.market_detail_zone .history .pagination ul li.arrow_btn a{
    background-repeat: no-repeat;
    background-position: center;
}
.market_detail_zone .history .pagination ul li.arrow_btn a:hover{
    background-color: #ffffff;
}
.market_detail_zone .history .pagination ul li.first a{
    background-image: url(../img/common/first_arrow_btn.png);
}
.market_detail_zone .history .pagination ul li.prev a{
    background-image: url(../img/common/prev_arrow_btn.png);
}
.market_detail_zone .history .pagination ul li.next a{
    background-image: url(../img/common/next_arrow_btn.png);
}
.market_detail_zone .history .pagination ul li.last a{
    background-image: url(../img/common/last_arrow_btn.png);
}
.market_detail_zone .history .pagination ul li a{
    display: block;
    float: none;
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: center;
    width: 100%; height: 100%;
    line-height: 30px;
    background-color: #ffffff;
}
.market_detail_zone .history .pagination ul li.current a{
    background-color: #9b80ff;
    color: #ffffff;
}
.market_detail_zone .history .pagination ul li a:hover{
    background-color: #c3b3ff;
    color: #ffffff;
}
.market_detail_zone .history .pagination ul li.current a:hover{
    background-color: #9b80ff;
}
.market_detail_zone .apt_top{
    width: 100%;
    padding-top: 32px;
}
.market_detail_zone .apt_top em.apt_adr,
.market_detail_zone .apt_top strong.apt_name,
.market_detail_zone .apt_top span.apt_detl{
    display: block;
}
.market_detail_zone .apt_top em.apt_adr{
    font-family: 'NS', sans-serif;
    font-size: 15px;
    color: #3d8bff;
    line-height: 1.4;
    transform: skew(-0.1deg)
}
.market_detail_zone .apt_top strong.apt_name{
    font-family: 'NSBold', sans-serif;
    font-size: 28px;
    color: #000000;
    line-height: 1.4;
}
.market_detail_zone .apt_top span.apt_detl{
    font-family: 'NS', sans-serif;
    font-size: 15px;
    color: #ababab;
    line-height: 1.4;
    margin-top: 4px;
}
/* <!-- 230227(s)_섬네일 등록시간 표시 --> */
.market_detail_zone .apt_top span.apt_detl_2{
    font-family: 'PreRegular', sans-serif;
    font-size: 15px;
    color: #ababab;
    line-height: 2;
    margin-top: 4px;
}
/* <!-- 230227(e)_섬네일 등록시간 표시 --> */
.market_detail_zone .apt_top .profile{
    margin-top: 10px;
}
.market_detail_zone .apt_top .profile img{
    width: 30px; height: 30px;
    float: left;
    margin-right: 6px;
}
.market_detail_zone .apt_top .profile span.id{
    display: inline-block;
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    line-height: 30px;
    color: #000000;
    float: left;
}
/* <!-- 230227(s)_섬네일 등록시간 표시 --> */
.market_detail_zone .line{
    text-indent: -999999px;
    width: 100%; height: 1px;
    background-color: #dadada;
    margin: 35px 0;
}
/* <!-- 230227(e)_섬네일 등록시간 표시 --> */
.market_detail_zone .apt_transaction .price span{
    font-family: 'NSBold', sans-serif;
    font-size: 20px;
    color: #000000;
}
.market_detail_zone .apt_transaction .price span.apt_pt{
    color: #ff9f70;
    margin-left: 28px;
}
.market_detail_zone .apt_transaction .btn{
    width: 100%;
    margin-top: 20px;
}
.market_detail_zone .apt_transaction .btn .fl,
.market_detail_zone .apt_transaction .btn .fr{
    width: calc(50% - 7px);
}
/*221207(s)_판매취소 버튼 추가*/
.market_detail_zone .close_btn{
    margin-left: 400px;
}
/*221208(s)_PT>다이아 아이콘으로 수정*/
.market_detail_zone .point_icon{
    width: 20px; height: 20px;
    margin-left: 5px; margin-bottom: 2px;
}
/*221208(e)_PT>다이아 아이콘으로 수정*/
.market_detail_zone .close_btn{
    background: #FF686D;
    display: block;
    width:100px; height: 30px;
    line-height: 32px;
    box-sizing: border-box;
    border-radius: 50px;
    font-family: 'NS', sans-serif;
    font-size: 15px;
    color: #fff;
    text-align: center;
}
.market_detail_zone .close_btn:hover{
    background: #fff;
    border:1px solid #FF686D;
    color: #FF686D;
}
.market_detail_zone .apt_transaction .btn a{
    display: block;
    width: 100%; height: 56px;
    line-height: 56px;
    box-sizing: border-box;
    border-radius: 10px;
    font-family: 'NS', sans-serif;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
}
.market_detail_zone .apt_transaction .btn a.buy_btn{
    background: #744EFF; /* Old browsers */
}
.market_detail_zone .apt_transaction .btn a.view_btn{
    background: #333333; /* Old browsers */
}
/*221207(e)_판매취소 버튼 추가*/
.market_detail_zone .item_list{
    width: 100%;
    margin-top: 40px;
}
.market_detail_zone .item_list h3{
    font-family: 'NSBold', sans-serif;
    font-size: 20px;
    color: #000000;
    margin-bottom:20px;
}
.market_detail_zone .item_list .flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.market_detail_zone .item_list .flex li{
    width:220px;
    margin:0 0 24px 0;
}
.market_detail_zone .item_list .flex li .selected_img{
    width:200px; height: 200px;
    background-color: #666666;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin:0 auto;
    text-indent: -999999px;
    border-radius: 10px;
}
.market_detail_zone .item_list .flex li .selected_tit{
    width: 200px;
    margin: 0 auto;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color:#333333;
    text-align: center;
    margin-top: 10px;
}


.market_table .pagination{
    margin-top: 60px;
}
.market_table .pagination ul{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.market_table .pagination ul li{
    width: 40px; height: 40px;
    margin: 0; padding: 0;
    overflow: hidden;
    display: inline-block;
    float: none;
    margin-left: -2px;
    margin-right: -2px;
}
.market_table .pagination ul li.arrow_btn{
    text-indent: -999999px;
}
.market_table .pagination ul li.first{
    border-radius: 20px 0 0 20px;
}
.market_table .pagination ul li.last{
    border-radius: 0 20px 20px 0;
}
.market_table .pagination ul li.arrow_btn a{
    background-repeat: no-repeat;
    background-position: center;
}
.market_table .pagination ul li.arrow_btn a:hover{
    background-color: #ffffff;
}
.market_table .pagination ul li.first a{
    background-image: url(../img/common/first_arrow_btn.png);
}
.market_table .pagination ul li.prev a{
    background-image: url(../img/common/prev_arrow_btn.png);
}
.market_table .pagination ul li.next a{
    background-image: url(../img/common/next_arrow_btn.png);
}
.market_table .pagination ul li.last a{
    background-image: url(../img/common/last_arrow_btn.png);
}
.market_table .pagination ul li a{
    display: block;
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    color: #000000;
    text-align: center;
    width: 100%; height: 100%;
    line-height: 40px;
    background-color: #ffffff;
}
.market_table .pagination ul li.current a{
    background-color: #9b80ff;
    color: #ffffff;
}
.market_table .pagination ul li a:hover{
    background-color: #c3b3ff;
    color: #ffffff;
}
.market_table .pagination ul li.current a:hover{
    background-color: #9b80ff;
}
/*211130(e) 마켓플레이스 수정 및 css 추가*/



.leader_search{
    margin-bottom: 30px;
}
.leader_search .position{
    position: relative;
}
.leader_search .left_width{
    width: calc(100% - 250px);
}
.leader_search .right_width{
    width: 232px;
    margin-left: 18px;
}
.leader_search input{
    background: none;
    border: 1px solid #a3a9b2;
    border-radius: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #191919;
    padding: 0 68px 0 30px;
    width: 100%; height: 62px; line-height: 62px;
    box-sizing: border-box;
}
.leader_search input::placeholder{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #a3a9b2;
}
.leader_search a.search_btn{
    text-indent: -999999px;
    position: absolute;
    display: block;
    width: 62px; height: 62px;
    background-image: url(../img/search_btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #744eff;
    top: 0; right: 0;
    border-radius: 10px;
}
/*3a3e41 333438*/
.leader_search #ranking_list{
    display: block;
    width: 100%;
    height: 62px; line-height: 62px;
    box-sizing: border-box;
    background-color: #ff8752;
    border-radius: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
    background: #555555;
    /*background: -moz-linear-gradient(top, #3a3e41 0%, #333438 100%);
    background: -webkit-linear-gradient(top, #3a3e41 0%,#333438 100%);
    background: linear-gradient(to bottom, #3a3e41 0%,#333438 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3e41', endColorstr='#333438',GradientType=1 );
    -webkit-appearance: none;
    -moz-appearance: none; */
    /*appearance: none; 
    background-image: url(../img/common/select_box_bg.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;*/
}
.leader_search #ranking_list option{
    background-color: #ffffff;
    color: #191919;
}
.leader_table table{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.leader_table table thead tr{
    background-color: #9b80ff!important;
}
.leader_table table thead tr th{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #ffffff;
}
.leader_table table tr{
    height: 66px;
}
.leader_table table tr:nth-child(odd){
    background-color: rgba(255,255,255,1);
}
.leader_table table tr:nth-child(even){
    background-color: rgba(243,244,247,1);
}
.leader_table table tr th,
.leader_table table tr td{
    text-align: center;
}
.leader_table table th.tl,
.leader_table table td.tl{
    text-align: left;
    padding-left: 40px;
}
.leader_table table tbody td.tl{
    background-image: url(../img/common/apt_icon.png);
    background-repeat: no-repeat;
    background-position: 40px center;
    padding-left: 70px;
}
.leader_table table tr td{
    font-family: 'PreRegular', sans-serif;
    font-size: 15px;
    color: #191919;
}
.leader_table table tr td img.profile_img{
    width: 30px; height: 30px;
    margin-right: 8px;
    box-shadow: 0px 2px 1.98px 0.02px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
}
.leader_table table span.price{
    font-family: 'PreRegular', sans-serif;
    font-size: 15px;
    color: #ffffff;
}
.leader_table table a.buy_btn{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 86px; height: 28px; line-height: 28px;
    border-radius: 10px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
    background: #ff5f6d; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */
}
.leader_table table a.visit_btn{
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    width: 86px; height: 28px; line-height: 28px;
    border-radius: 10px;
    background-color: #333333;
}
.leader_table .pagination{
    margin-top: 60px;
}
.leader_table .pagination ul{
    width: 560px;
    margin: 0 auto;
}
.leader_table .pagination ul li{
    width: 40px; height: 40px;
    margin: 0; padding: 0;
    overflow: hidden;
}
.leader_table .pagination ul li.arrow_btn{
    text-indent: -999999px;
}
.leader_table .pagination ul li.first{
    border-radius: 20px 0 0 20px;
}
.leader_table .pagination ul li.last{
    border-radius: 0 20px 20px 0;
}
.leader_table .pagination ul li.arrow_btn a{
    background-repeat: no-repeat;
    background-position: center;
}
.leader_table .pagination ul li.arrow_btn a:hover{
    background-color: #ffffff;
}
.leader_table .pagination ul li.first a{
    background-image: url(../img/common/first_arrow_btn.png);
}
.leader_table .pagination ul li.prev a{
    background-image: url(../img/common/prev_arrow_btn.png);
}
.leader_table .pagination ul li.next a{
    background-image: url(../img/common/next_arrow_btn.png);
}
.leader_table .pagination ul li.last a{
    background-image: url(../img/common/last_arrow_btn.png);
}
.leader_table .pagination ul li a{
    display: block;
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    color: #000000;
    text-align: center;
    width: 100%; height: 100%;
    line-height: 40px;
    background-color: #ffffff;
}
.leader_table .pagination ul li.current a{
    background-color: #9b80ff;
    color: #ffffff;
}
.leader_table .pagination ul li a:hover{
    background-color: #c3b3ff;
    color: #ffffff;
}
.leader_table .pagination ul li.current a:hover{
    background-color: #9b80ff;
}



/*220412(s) 마이페이지 css 수정*/
.mypage_flex{
    display: flex;
    justify-content: space-between;
}
.mypage_menu {
    position: fixed; 
    top: 60px; left: 0; 
    width: 302px; height: calc(100% - 60px); 
    background: #fff; 
    overflow-y: auto; 
    overflow-scrolling:touch; 
    -webkit-overflow-scrolling:touch; 
    -webkit-backface-visibility:hidden; 
    -moz-backface-visibility:hidden; 
    -ms-backface-visibility:hidden; 
    backface-visibility:hidden; 
    box-shadow: 0px 2px 12.87px 0.13px rgba(0, 0, 0, 0.15);
    z-index: 999;
}
.mypage_menu .top strong {
    display: block;
    width: 100%; height: 98px;
    line-height: 98px;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 24px;
    color:#ffffff;
    text-align: center;
}
ul.mypage_tabs li{
    width: 100%; height: 58px;
}
ul.mypage_tabs li a{
    display: block;
    width: 100%; height: 100%;
    background-color: #ffffff;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    box-sizing: border-box;
    padding-left: 80px;
    line-height: 58px;
    background-repeat: no-repeat;
    background-position: 44px center;
}
ul.mypage_tabs li a:hover{
    background-color: #f3f4f7;
}
ul.mypage_tabs li.current a{
    background-color: #f3f4f7;   
}
ul.mypage_tabs li.mytab01 a{
    background-image: url(../img/common/mypage_tab01.png);
}
ul.mypage_tabs li.mytab02 a{
    background-image: url(../img/common/mypage_tab02.png);
}
ul.mypage_tabs li.mytab03 a{
    background-image: url(../img/common/mypage_tab03.png);
}
.mypage_inner{
    width: 1280px; height: 100%;
    margin: 120px 0 0 400px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
}
.mypage_inner .section{
    margin-bottom: 50px;
}
/*221208(s)_텍스트 수정*/
.mypage_inner .section h2.section_title1{
    font-family: 'PreBold', sans-serif;
    font-size: 20px;
    color: #191919;
    margin-bottom: 20px;
}
/*221208(e)_텍스트 수정*/
.mypage_inner .section h2.section_title{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color: #191919;
    margin-bottom: 14px;
}
.mypage_inner .flex_box{
    display: flex;
    flex-flow:row wrap;
}
.mypage_inner .flex_box .sub_box{
    width: 412px; height: 200px;
    margin: 10px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 17.9676px 0.0324px rgba(0, 0, 0, 0.1);
    position: relative;
}
.mypage_inner .flex_box .sub_box strong{
    display: block;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    width: 100px; height: 30px;
    line-height: 30px;
    margin: 50px auto 20px auto;
    text-align: center;
    background-color: #f8a53a;
    border-radius: 15px;
}
.mypage_inner .flex_box .sub_box span{
    display: block;
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #191919;
    margin: 0 auto;
    text-align: center;
}
.mypage_inner .flex_box .sub_box a.edit_btn{
    position: absolute;
    bottom: 30px; right: 30px;
}
.mypage_inner .content_box{
    width: 100%; height: auto;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 2px 17.9676px 0.0324px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    position: relative;
}
.mypage_inner .content_box.top_profile{
    height: 88px;
    padding: 22px 50px;
    box-sizing: border-box;
    position: relative;
}
.mypage_inner .content_box.top_profile span.profile_id{
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #000000;
    margin-left: 10px;
    margin-right: 10px;
}
.mypage_inner .content_box.top_profile .own_contents{
    position: absolute;
    top: 50%; right: 0;
    margin-top: -22px;
    height: 44px; line-height: 44px;
}
.mypage_inner .content_box.top_profile .own_contents .pos{
    position: relative;
}
.mypage_inner .content_box.top_profile .own_contents .pos span.icon{
    display: inline-block;
    width: 23px; height: 23px;
    background-image: url(../img/dashboard_icon.png);
    margin-top: 10px;
    margin-right: 6px;
}
.mypage_inner .content_box.top_profile .own_contents .pos span.icon2{
    background-position: -23px 0;
}
.mypage_inner .content_box.top_profile .own_contents .pos span.txt{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    margin-right: 40px;
}
.mypage_inner .content_box.top_profile .own_contents .pos span.txt strong{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    margin-left: 6px;
}
.mypage_inner .content_box.top_profile img.point_icon {
    width: 12px;
    height: 12px;
}
.mypage_inner a.edit_btn{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #744eff;
    display: inline-block;
    padding: 1px 14px;
    border-radius: 10px;
    border: 1px solid #744eff;
    box-sizing: border-box;
}
.mypage_inner a.edit_btn:hover{
    background-color: #744eff;
    color: #ffffff;
}
.mypage_inner .content_box a.security_btn{
    position: absolute;
    font-family: 'PreRugular', sans-serif;
    font-size: 16px; color: #ffffff;
    text-align: center;
    display: inline-block;
    width: 334px; height: 48px;
    line-height: 48px;
    background-color: #744eff;
    border-radius: 10px;
}
.mypage_inner .content_box a.security_btn.left{
    top: 50%; margin-top: -24px;
    left: 480px;
}
.mypage_inner .content_box a.security_btn.right{
    top: 50%; margin-top: -24px;
    right: 240px;
}
.mypage_content{
    display: none;
    width: 100%;
    box-sizing: border-box;
}
.mypage_content.current{
    display: block;
}
.mypage_content .section .profile span.profile_img{
    display: inline-block;
    width: 48px; height: 48px;
    border-radius: 50%;
    margin-right: 10px;
}
.mypage_content .section .profile span.profile_id{
    font-family: 'NS', sans-serif;
    font-size: 20px;
    color: #ffffff;
}
.mypage_content .section .profile a.edit_btn{
    margin-top: 10px;
}
.mypage_content .portfolio_wrap .portfolio_search_box{
    width: 100%; position: relative;
    margin-bottom: 30px;
}
.mypage_content .portfolio_wrap .portfolio_search_box input{
    width: 100%; height: 50px;
    border: 1px solid #d7d7d7;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 0 70px 0 20px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
}
.mypage_content .portfolio_wrap .portfolio_search_box input::placeholder{
    color: #aaaaaa;
}
.mypage_content .portfolio_wrap .portfolio_search_box a.search_btn{
    position: absolute;
    top: 0; right: 0;
    width: 50px; height: 50px;
    background: url(../img/search_btn_gray.png);
    background-repeat: no-repeat;
    background-position: center;
}
.mypage_content ul.filter{
    margin-bottom: 20px;
}
.mypage_content ul.filter li{
    margin-right: 10px;
    margin-bottom: 8px;
}
.mypage_content ul.filter li a{
    display: inline-block;
    width: 160px; height: 40px;
    line-height: 40px;
    border-radius: 10px;
    background-color: #f0f0f0;
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.28);
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    text-align: center;
}
.mypage_content ul.filter li.on a{
    background-color: #744eff;
    color: #ffffff;
    pointer-events: none;
}
.mypage_content ul.filter li a:hover{
    background-color: #ffffff;
}
.mypage_content .portfolio_content .flex_box{
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}
.mypage_content .portfolio_content .portfolio_list{
    max-width: 286px; height: 340px;
    box-shadow: 2px 1px 9px 0px rgba(0, 0, 0, 0.33);
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-left: 14px;
    transition: all 0.3s;
    flex-basis: calc(25% - 11px);
    flex-shrink: 1;
    position: relative;
}
.mypage_content .portfolio_content .portfolio_list.mln{
    margin-left: 0;
}
.mypage_content .portfolio_content .portfolio_list:hover{
    margin-top: -8px;
}
.mypage_content .portfolio_content .portfolio_list a.sell_btn{
    position: absolute;
    bottom: 33px; right: 14px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px; color: #9b80ff;
    border-bottom: 1px solid #9b80ff;
}
.mypage_content .portfolio_content .portfolio_list a.sell_btn:hover{
    color: #000000;
    border-bottom: 1px solid #000000;
}
.mypage_content .portfolio_content a.list_link{
    display: block;
    width: 100%; height: 100%;
}
.mypage_content .portfolio_content .apt_img_zone{
    width: 100%; height: 210px;
    position: relative;
}
.mypage_content .portfolio_content .apt_img_zone .apt_img{
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
/*     text-indent: -999999px; */
}

.mypage_content .portfolio_content .apt_img_zone .point{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.33);
    text-align: right;
    position: absolute;
    bottom: -43px; right: 14px;
    background: #151515;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 8px;
}
.mypage_content .portfolio_content .apt_contents{
    padding: 25px 74px 25px 26px;
}
.mypage_content .portfolio_content .apt_contents h2.apt_title{
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    letter-spacing: -0.3px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.mypage_content .portfolio_content .apt_contents span.apt_detail{
    font-family: 'NS', sans-serif;
    font-size: 12px;
    color: #ababab;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 6px;
}
.mypage_content .portfolio_content .apt_contents .profile{
    margin-top: 12px;
}
.mypage_content .portfolio_content .apt_contents .profile .profile_img{
    display: block;
    width: 30px; height: 30px;  margin-right: 0;
    float: left;
}
.mypage_content .portfolio_content .apt_contents .profile .profile_img img{
    width: 30px; height: 30px;
}
.mypage_content .portfolio_content .apt_contents .profile .profile_id{
    display: block;
    width: calc(100% - 30px); height: 30px;
    line-height: 30px;
    box-sizing: border-box;
    padding-left: 6px;
    float: left;
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*220714(s) 아이콘 크기 css추가*/
.mypage_content .portfolio_content img.point_icon{
    width: 12px; height: 12px;
}
/*220714(e) 아이콘 크기 css추가*/
.mypage_content .pagination{
    margin-top: 60px;
}
.mypage_content .pagination ul{
    display: block;
    margin: 0 auto;
    text-align: center;
}
.mypage_content .pagination ul li{
    width: 40px; height: 40px;
    margin: 0; padding: 0;
    overflow: hidden;
    display: inline-block;
    float: none;
    margin-left: -2px;
    margin-right: -2px;
}
.mypage_content .pagination ul li.arrow_btn{
    text-indent: -999999px;
}
.mypage_content .pagination ul li.first{
    border-radius: 20px 0 0 20px;
}
.mypage_content .pagination ul li.last{
    border-radius: 0 20px 20px 0;
}
.mypage_content .pagination ul li.arrow_btn a{
    background-repeat: no-repeat;
    background-position: center;
}
.mypage_content .pagination ul li.arrow_btn a:hover{
    background-color: #ffffff;
}
.mypage_content .pagination ul li.first a{
    background-image: url(../img/common/first_arrow_btn.png);
}
.mypage_content .pagination ul li.prev a{
    background-image: url(../img/common/prev_arrow_btn.png);
}
.mypage_content .pagination ul li.next a{
    background-image: url(../img/common/next_arrow_btn.png);
}
.mypage_content .pagination ul li.last a{
    background-image: url(../img/common/last_arrow_btn.png);
}
.mypage_content .pagination ul li a{
    display: block;
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    color: #000000;
    text-align: center;
    width: 100%; height: 100%;
    line-height: 40px;
    background-color: #ffffff;
}
.mypage_content .pagination ul li.current a{
    background-color: #9b80ff;
    color: #ffffff;
}
.mypage_content .pagination ul li a:hover{
    background-color: #c3b3ff;
    color: #ffffff;
}
.mypage_content .pagination ul li.current a:hover{
    background-color: #9b80ff;
}
/*판매중인 라이브리러*/
.mypage_content .sell_list{
    border-radius: 10px;
    box-shadow: 0px 1px 9.9px 0.1px rgb(0 0 0 / 18%);
    overflow: hidden;
}
.mypage_content .sell_list table{
    width: 100%;
}
.mypage_content .sell_list table thead tr{
    height: 50px;
    background-color: #555555;
}
.mypage_content .sell_list table thead tr th{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: left;
    padding: 5px 10px 5px 20px;
}
.mypage_content .sell_list table tbody tr{
    height: 60px;
    border-bottom: 1px solid #d7d7d7;
    cursor: pointer;
}
.mypage_content .sell_list table tbody tr:hover{
    background-color: #f3f3f3;
}
.mypage_content .sell_list table tbody tr td{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #191919;
    text-align: left;
    padding: 5px 10px 5px 20px;   
}
.mypage_content .sell_list table tbody tr td strong{
    font-family: 'PreBold', sans-serif;
    font-size: 14px;
    color: #744eff;
}
.mypage_content .sell_list table tbody tr td a.regi_cancle_btn{
    display: inline-block;
    padding: 6px 12px;
    background-color: #24ff02;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

.mypage_content .sell_list table tbody tr td a.regi_complete{
    display: inline-block;
    padding: 6px 12px;
    background-color: #656464;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-align: center;
}

/*221208(s)_마이페이지 회원탈퇴버튼*/
.mypage_out_btn{
    text-align: right
}
.mypage_out_btn .out_btn {
    width: 120px; height: 38px;
    display: inline-block;
    box-sizing: border-box;
    line-height: 40px;
    background-color: #744eff;
    border-radius: 50px;
    text-align: center;
    margin-top: 5%;
    font-family: 'PreRegular', sans-serif;
    font-size: 18px; color: #fff;
}
.mypage_out_btn .out_btn:hover{
    color: #744eff;
    background-color: #fff;
    border:1px solid #744eff;
}
/*221208(e)_마이페이지 회원탈퇴버튼*/

.popup_email_chg{
    width: 388px; height: 410px;
    padding: 60px 48px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0px 2px 12.87px 0.13px rgba(0, 0, 0, 0.15);
    position: fixed;
    top: 45%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
.popup_email_chg.on{
    top: 50%;
    opacity: 1;
    visibility: visible;
}
.popup_email_chg h2{
    font-family: 'PreBold', sans-serif;
    font-size: 20px;
    color: #191919;
    line-height: 28px;
    letter-spacing: -0.5px;
    text-align: center;
    margin-bottom: 20px;
}
.popup_email_chg .pos{
    position: relative;
    width: 100%; height: 40px;
    margin-bottom: 10px;
}
.popup_email_chg .pos input{
    width: 100%; height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    position: absolute;
    top: 0; left: 0;
}
.popup_email_chg .pos input.chg_email{
    width: 223px; height: 40px;
    padding: 0 16px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    position: absolute;
    top: 0; left: 0;
}
.popup_email_chg .pos input.chg_email::placeholder{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #7d7d7d;
}
.popup_email_chg .pos a.cert_btn{
    display: block;
    width: 70px; height: 40px;
    line-height: 40px;
    background-color: #f8a53a;
    position: absolute;
    top: 0; right: 0;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.popup_email_chg p.fail{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #ff0000;
    text-align: center;
}
.popup_email_chg .btns{
    width: 100%;
    margin-top: 40px;
}
.popup_email_chg .btns .fl{
    width: 50%; height: 40px;
}
.popup_email_chg .btns .fl a{
    display: block;
    width: 100%; height: 100%;
    line-height: 40px;
     font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.popup_email_chg .btns .fl a.chg_btn{
    background-color: #744eff;
}
.popup_email_chg .btns .fl a.close_btn{
    background-color: #7c7c7c;
}

.bank{
    width: 100%;
    max-width: 510px; height: 500px;
    padding: 52px 46px;
    box-sizing: border-box;
    background-color: #ffffff;
}
.bank h2{
    font-family: 'Prebold', sans-serif;
    font-size: 30px;
    color: #191919;
    text-align: center;
}
.bank .bank_content{
    display: none;
}
.bank .bank_content.current{
    display: block;
}
.bank ul{
    margin-top: 36px;
}
.bank ul li{
    margin-right: 20px;
}
.bank ul li a{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #191919;
}
.bank ul li.current a{
    color: #744eff;
    border-bottom: 2px solid #744eff;
}
.bank table{
    width: 100%;
    margin-top: 30px;
}
.bank table tr{height: 46px;}
.bank table tr th,
.bank table tr td{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #333333;   
}
.bank table tr td input,
.bank table tr td select{
    width: 100%; height: 30px;
    border: 1px solid #d7d7d7;
    padding: 0 10px;
    box-sizing: border-box;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #333333;
}
.bank table tr td option{
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #333333;
}
.bank table tr th{text-align: left;}
.bank a.confirm_btn{
    display: block;
    width: 200px; height: 44px;
    line-height: 44px;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 40px auto 0 auto;
}
/*220412(e) 마이페이지 css 수정*/





#marketRegi_final_box{
    width: 874px; 
    box-sizing: border-box;
    padding: 60px 110px;
    position: fixed;
    z-index: 999999;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0px 2px 9px 0px rgba(0, 0, 0, 0.33);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    margin-top: -10px;
}
#marketRegi_final_box.on{
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
#marketRegi_final_box h2.tit{
    font-family: 'NSBold', sans-serif;
    font-size: 22px;
    color: #000000;
    text-align: center;
    width: 100%;
}
#marketRegi_final_box p.desc{
    font-family: 'NBG', sans-serif;
    font-size: 14px;
    color: #888888;
    text-align: center;
    line-height: 28px;
    width: 100%;
    margin-top: 30px;
}
#marketRegi_final_box span.line{
    display: block;
    text-indent: -999999px;
    width: 100%; height: 1px;
    background-color: #dddddd;
    margin: 40px auto;
}
#marketRegi_final_box .chk_box {
    position: relative;
    width: 454px;
    margin: 0 auto;
}
#marketRegi_final_box .chk_box input[type="checkbox"] {  /* 실제 체크박스는 화면에서 숨김 */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0
}
#marketRegi_final_box .chk_box input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  float: left;
  width: 470px;
  font-family: 'NSBold', sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 26px;
  transform: skew(-0.1deg);
}
#marketRegi_final_box .chk_box input[type="checkbox"] + label:before {  /* 가짜 체크박스 */
  content: ' ';
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin: 10px 12px 0 0;
  border: none;
  border-radius : 50%;
  background-image: url(../img/icon_checkbox.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
}
#marketRegi_final_box .chk_box input[type="checkbox"]:checked + label:before {  /* 체크박스를 체크했을때 */ 
  background-position: -3 2px 0;
}
#marketRegi_final_box .chk_box input[type="checkbox"]:checked + label{
    color: #3ab54a
}
#marketRegi_final_box .final_btn{
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
}
#marketRegi_final_box .final_btn a{
    display: inline-block;
    width: 310px; height: 44px;
    line-height: 44px;
    font-family: 'NS', sans-serif;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
}
#marketRegi_final_box .final_btn a.final_regi_btn{
    background-color: #ef7666;
}
#marketRegi_final_box .final_btn a.final_close_btn{
    background-color: #333333;
}
/*211214(e) 마이페이지 포트폴리오*/

.payments_content{
    display: block;
    width: calc(100%);
    box-sizing: border-box;
}
/*221208(e)_계좌인증페이지_수정*/
.payments_content .section{
    min-width: 800px;
    background-color: #f7f7f7;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 24px 54px;
    color: #ffffff;
}
.payments_content .point_icon{
    width: 20px; height: 20px;
    margin-left: 0px; margin-bottom: 2px;
}
/*221208(e)_계좌인증페이지_수정*/

.section + .section{
    margin-top: 30px;
}
.payments_content .section .profile span.profile_img{
    display: inline-block;
    width: 48px; height: 48px;
    border-radius: 50%;
    margin-right: 10px;
}
.payments_content .section .profile span.profile_id{
    font-family: 'NS', sans-serif;
    font-size: 20px;
    color: #ffffff;
}
.payments_content .section .profile a.edit_btn{
    margin-top: 10px;
}
.payments_content .section .sub_box{
    margin: 30px auto;
}
.payments_content .section strong{
    font-family: 'NSBold', sans-serif;
    font-size: 16px;
    display: inline-block;
    width: 20%;
    margin-left: 58px;
}
.payments_content .section span{
    font-family: 'NSLight', sans-serif;
    font-size: 16px;
}
.payments_content .section .sub_box{
    position: relative;
}
.payments_content .section a.edit_btn{
    display: inline-block;
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #ef7666;
    border: 1px solid #ef7666;
    margin-top: -5px;
    padding: 5px 20px;
    border-radius: 14px;
    float: right;
    transition: all 0.3s;
}
.payments_content .section a.edit_btn:hover{
    background-color: #ef7666;
    color: #ffffff;
}
.payments_content .section a.capy_btn{
    display: inline-block;
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #9b80ff;
    border: 1px solid #9b80ff;
    margin-top: -5px;
    padding: 5px 20px;
    border-radius: 14px;
    float: right;
    transition: all 0.3s;
}
.payments_content .section a.capy_btn:hover{
    background-color: #9b80ff;
    color: #ffffff;
}
.payments_content .section a.security_btn{
    display: inline-block;
    width: 258px; height: 54px;
    line-height: 52px;
    box-sizing: border-box;
    background-color: #333333;
    border: 1px solid #ef7666;
    border-radius: 10px;
    font-family: 'NS', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-right: 10px;
}
.payments_content .section a.security_btn.clear{
    color: #79fe6f;
    background-color: inherit;
    border: none;
    pointer-events: none;
}
.payments_content .section a.security_btn.clear::before{
    content: "\1F5F8";
    display: inline-block;
    width: 16px; height: 16px;
    line-height: 16px;
    font-size: 14px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #79fe6f;
    margin-right: 8px;
}
.payments_content .section .payment_top{
    padding: 12px 0;
}
.payments_content .section .payment_top .payment_img img{
    margin-top: -3px;
}
.payments_content .section .payment_top .my_point{
    font-family: 'PreBold', sans-serif;
    font-size: 20px;
    color: #191919;
    margin-left: 6px;
    margin-right: 58px;
} 
.payments_content .section .payment_top .point_amount{
    font-family: 'PreBold', sans-serif;
    font-weight: bold;
    color: #191919;
    font-size: 20px;
} 

ul.point_tabs{
    width: 284px; height: 42px;
    box-sizing: border-box;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 12.87px 0.13px rgba(0, 0, 0, 0.15);
    float: right;
    margin-top: -9px;
}
ul.point_tabs li{
    width: 142px; height: 42px;
    display: inline-block;
    float: left;
}
ul.point_tabs li a{
    display: block;
    width: 100%; height: 100%;
    background-color: #333333;
    font-family: 'NS', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    line-height: 42px;
}
ul.point_tabs li a:hover{
    background-color: #794b45;
}
ul.point_tabs li.current a{
    background-color: #ef7666;   
}
/*221201_최소값수정(s)*/
.pointpage_content{
    display: none;
    min-width: 800px;
    width: 100%;
    box-sizing: border-box;
}
/*221201_최소값수정(e)*/
.pointpage_content.current{
    display: block;
}

ul.point_detail_tabs{
    width: 180px; height: 54px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: 0px 2px 12.87px 0.13px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
}
ul.point_detail_tabs li{
    width: 180px; height: 54px;
    display: inline-block;
    float: left;
}
/*221208(s)_계좌인증페이지_수정*/
ul.point_detail_tabs li a{
    display: block;
    width: 100%; height: 100%;
    background-color: #fff;
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    text-align: center;
    color: #000;
    box-sizing: border-box;
    line-height: 54px;
}
ul.point_detail_tabs li a img{
    padding-right: 6px;
}
ul.point_detail_tabs li a:hover{
    background-color: #AB94FF;
    color: #fff;
}
ul.point_detail_tabs li.current a{
    background-color: #744EFF; 
    color: #fff;  
}
.point_detail_page_content{
    display: none;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border-radius: 0 10px 10px 10px;
    box-sizing: border-box;
    padding: 24px 54px;
    color: #ffffff;
}
.point_detail_page_content.current{
    display: block;
}
/*221208(e)_계좌인증페이지_수정*/
/*221208(s)_계좌인증페이지_수정*/
.point_detail_page_content h3{
    border-bottom: 1px solid #9b80ff;
    padding: 25px 0 0 0;
    font-family: 'PreBold', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    color: #191919;
}
/*221208(e)_계좌인증페이지_수정*/

.point_detail_page_content h3 span.step{
    display: inline-block;
    background-color: #9b80ff;
    width: 66px;
    padding: 6px 0;
    margin-bottom: 12px;
    margin-right: 10px;
    font-family: 'PreRegular', sans-serif;
    text-align: center;
    border-radius: 16px;
    color: #ffffff;
}
.point_detail_page_content h3 span.tit{
    display: block;
    padding: 6px 0 18px 0;
    font-family: 'NSBold', sans-serif;
    font-weight: bold;
    font-size: 16px;
}
.point_detail_page_content h3 span.step1_sub{
    font-family: 'PreBold', sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-left: 50px;
}
.point_detail_page_content h4 {
    padding: 5px 0 0px 15px;
    font-family: 'PreBold', sans-serif;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px;
    color: #191919;
}
.point_detail_page_content table.bank_detail{
    border: none;
    width: 100%;
    margin: 0; padding: 0;
    margin-bottom: 20px;
}
.point_detail_page_content table.bank_detail tr{
    height: 40px;
}
.point_detail_page_content table.bank_detail th{
    font-family: 'PreBold', sans-serif;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    color: #191919;
}
.point_detail_page_content table.bank_detail td{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    text-align: left;
    padding-left: 20px;
    color: #191919;
}
/*221208(s)_계좌인증페이지_수정*/
.point_detail_page_content .payment_box{
    margin-bottom: 20px;
    box-sizing: border-box;
    padding-left: 0px;
}
.point_detail_page_content .point_guide h1{
    width: 80%;
    margin-top:20px;
    font-family: 'PreRegular', sans-serif;
    color: #000;
    text-align: left;
    display: inline-block;
}
.point_detail_page_content .point_guide h2{
    width: 80%;
    margin-top:5px;
    font-family: 'PreRegular', sans-serif;
    color: #000;
    text-align: left;
    display: inline-block;
}
.point_detail_page_content input.input_amount{
    width: 230px; height: 38px;
    border: none;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: right;
    padding-right: 56px;
    margin-right:  5px;
}
/*221208(e)_계좌인증페이지_수정*/
/* 230306(s)_환전 신청하기 수정 */
.point_detail_page_content input.input_amount2{
    width: 230px; height: 38px;
    border: none;
    outline: none;
    background-color: #d7d7d7;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #000000;
    text-align: right;
    padding-right: 56px;
    margin-right:  5px;
}
/* 230306(e)_환전 신청하기 수정 */
.point_detail_page_content .fl{
    position: relative;
}
.point_detail_page_content span.unit{
    line-height: 38px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #000000;
    position: absolute;
    right: 12px;
}

/*221208(s)_계좌인증페이지_수정*/
.payment_bank{
    width: 120px; height: 38px;
    border: 1px solid #d7d7d7;
    padding: 0 5px;
    box-sizing: border-box;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #333333;
    margin-right: 5px;
}
.point_detail_page_content a.payment_btn{
    display: inline-block;
    width: 210px; height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-left: 5px;
}
.point_detail_page_content a.payment_btn:hover{
    background-color: #fff;
    border:1px solid #744eff;
    color:#744eff;
}
.point_detail_page_content .possible_amount{
    width: 680px;
    padding: 40px 0;
    box-sizing: border-box;
    background: rgba(239,118,102,0.2);
    border: 1px solid #ef7666;
    margin-bottom: 20px;
}
.point_detail_page_content .possible_amount span,
.point_detail_page_content .possible_amount strong{
    display: block;
    width: 100%;
    text-align: center;
}
/* 230306(s)_환전 신청하기 수정 */
.point_detail_page_content .possible_amount span{
    font-family: 'PreBold', sans-serif;
    font-size: 25px;
    color: #333333;
    margin-bottom: 10px;
}
.point_detail_page_content .possible_amount .text_2{
    font-family: 'PreBold', sans-serif;
    font-size: 20px;
    color: #ff5700;
    margin-bottom: 10px;
}
.point_detail_page_content .possible_amount strong{
    font-family: 'PreBold', sans-serif;
    font-size: 40px;
    color:#ff5700;
}
/* 230306(s)_환전 신청하기 수정 */
/*221208(e)_계좌인증페이지_수정*/
.history_table{
    padding-bottom: 30px;
}
.history_table table{
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}
.history_table table thead tr{
    background-color: #9b80ff!important;
}
.history_table table thead tr th{
    font-family: 'NSBold', sans-serif;
    font-size: 15px;
    color: #ffffff;
}
.history_table table tr{
    height: 44px;
}
.history_table table tr:nth-child(odd){
    background-color: #f7f7f8;
}
.history_table table tr:nth-child(even){
    background-color: #f2f2f2;   
}
.history_table table tr th,
.history_table table tr td{
    text-align: center;
}

.history_table table tr td{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #000000;
}
.history_table table span.deposit{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #ff0000;
}
.history_table table span.withdrawal{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #3700ff;
}

.history_table .pagination{
    margin-top: 26px;
}
.history_table .pagination ul{
    width: 560px;
    margin: 0 auto;
}
.history_table .pagination ul li{
    width: 40px; height: 40px;
    margin: 0; padding: 0;
    overflow: hidden;
}
.history_table .pagination ul li.arrow_btn{
    text-indent: -999999px;
}
.history_table .pagination ul li.first{
    border-radius: 20px 0 0 20px;
}
.history_table .pagination ul li.last{
    border-radius: 0 20px 20px 0;
}
.history_table .pagination ul li.arrow_btn a{
    background-repeat: no-repeat;
    background-position: center;
}
.history_table .pagination ul li.arrow_btn a:hover{
    background-color: #ffffff;
}
.history_table .pagination ul li.first a{
    background-image: url(../img/common/first_arrow_btn.png);
}
.history_table .pagination ul li.prev a{
    background-image: url(../img/common/prev_arrow_btn.png);
}
.history_table .pagination ul li.next a{
    background-image: url(../img/common/next_arrow_btn.png);
}
.history_table .pagination ul li.last a{
    background-image: url(../img/common/last_arrow_btn.png);
}
.history_table .pagination ul li a{
    display: block;
    font-family: 'NSBold', sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: center;
    width: 100%; height: 100%;
    line-height: 40px;
    background-color: #ffffff;
}
.history_table .pagination ul li.current a{
    background-color: #9b80ff;
    color: #ffffff;
}
.history_table .pagination ul li a:hover{
    background-color: #c3b3ff;
    color: #ffffff;
}
.history_table .pagination ul li.current a:hover{
    background-color: #9b80ff;
}


ul.paypal_detail_tabs{
    width: 540px; height: 54px;
    box-sizing: border-box;
    border-radius: 10px 10px 0 0;
    overflow: hidden;
    box-shadow: 0px 2px 12.87px 0.13px rgba(0, 0, 0, 0.15);
    margin-top: 30px;
}
ul.paypal_detail_tabs li{
    width: 180px; height: 54px;
    display: inline-block;
    float: left;
}
ul.paypal_detail_tabs li.sizeX2{
    width: 360px;
}
ul.paypal_detail_tabs li a{
    display: block;
    width: 100%; height: 100%;
    background-color: #333333;
    font-family: 'NS', sans-serif;
    font-size: 14px;
    text-align: center;
    color: #ffffff;
    box-sizing: border-box;
    line-height: 54px;
}
ul.paypal_detail_tabs li a img{
    padding-right: 6px;
}
ul.paypal_detail_tabs li a:hover{
    background-color: #794b45;
}
ul.paypal_detail_tabs li.current a{
    background-color: #ef7666;   
}
.paypal_detail_page_content{
    display: none;
    width: 100%;
    box-sizing: border-box;
    background-color: #f7f7f7;
    border: 1px solid #d7d7d7;
    border-radius: 0 10px 10px 10px;
    box-sizing: border-box;
    padding: 24px 54px;
    color: #ffffff;
}
.paypal_detail_page_content.current{
    display: block;
}
.paypal_detail_page_content h3{
    border-bottom: 1px solid #9b80ff;
    padding: 20px 0 0 0;
    font-family: 'NSBold', sans-serif;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 20px;
}
.paypal_detail_page_content h3 span.step{
    display: inline-block;
    background-color: #9b80ff;
    width: 66px;
    padding: 6px 0;
    margin-bottom: 12px;
    margin-right: 10px;
    font-family: 'NSBold', sans-serif;
    text-align: center;
    border-radius: 16px;
}
.paypal_detail_page_content h3 span.tit{
    display: block;
    padding: 6px 0 18px 0;
    font-family: 'PreBold', sans-serif;
    font-size: 16px;
    color: #191919;
}
.paypal_detail_page_content .payment_box{
    margin-bottom: 30px;
    box-sizing: border-box;
    padding-left: 20px;
}
.paypal_detail_page_content .possible_amount{
    width: 504px;
    padding: 40px 0;
    box-sizing: border-box;
    background: rgba(239,118,102,0.2);
    border: 1px solid #ef7666;
    margin-bottom: 20px;
}
.paypal_detail_page_content .possible_amount span,
.paypal_detail_page_content .possible_amount strong{
    display: block;
    width: 100%;
    text-align: center;
}
.paypal_detail_page_content .possible_amount span{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.paypal_detail_page_content .possible_amount strong{
    font-family: 'NSBold', sans-serif;
    font-size: 26px;
}
.paypal_detail_page_content input.input_amount{
    width: 284px; height: 38px;
    border: none;
    outline: none;
    background-color: #ffffff;
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    text-align: right;
    padding-right: 56px;
}
.paypal_detail_page_content .fl{
    position: relative;
}
.paypal_detail_page_content span.unit{
    line-height: 38px;
    font-family: 'NSBold', sans-serif;
    font-size: 16px;
    color: #000000;
    position: absolute;
    right: 12px;
}
.paypal_detail_page_content a.payment_btn{
    display: inline-block;
    width: 210px; height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-left: 10px;
}
.paypal_detail_page_content .possible_amount{
    width: 504px;
    padding: 40px 0;
    box-sizing: border-box;
    background: rgba(239,118,102,0.2);
    border: 1px solid #ef7666;
    margin-bottom: 20px;
}
.paypal_detail_page_content .possible_amount span,
.paypal_detail_page_content .possible_amount strong{
    display: block;
    width: 100%;
    text-align: center;
}
.paypal_detail_page_content .possible_amount span{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    margin-bottom: 10px;
}
.paypal_detail_page_content .possible_amount strong{
    font-family: 'NSBold', sans-serif;
    font-size: 26px;
}






/*로그인*/
.login_wrap{
    width: 444px; height: 500px;
    margin: 250px auto;
}
.login_wrap h2{
    width: 444px; height: 92px;
    background-image: url(../img/common/login_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -999999px;
    margin-bottom: 40px;
}
.login_wrap .section{
    width: 400px;
    height: auto;
    text-align: center;
    margin: 10px auto;
}
.login_wrap .section input.login_input{
    width: 100%; height: 62px;
    line-height: 62px;
    box-sizing: border-box;
    border: 1px solid #d7d7d7;
    background: none;
    padding: 0 10px 0 30px;
    border-radius: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
}
.login_wrap .section input.login_input::placeholder{
    color: #aaaaaa;   
}
.login_wrap .section a.login_btn{
    display: block;
    width: 100%; height: 62px;
    line-height: 62px;
    border-radius: 10px;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
}
.login_wrap .section a.find_pw{
    display: inline-block;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #7d7d7d;
    margin-top: 20px;
}



/*220330(s)*/
/*회원가입*/
.signup_wrap{
    width: 1100px; height: 728px;
    box-sizing: border-box;
    padding: 60px 130px;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 auto;
}
.signup_wrap .flex_box{
    display: flex;
    justify-content: space-between;
}
.signup_wrap .flex_box .box{
    width: 354px;
}
.signup_wrap .flex_box .step2{
    opacity: 0;
    visibility: hidden;
}
.signup_wrap .flex_box .step2.on{
    opacity: 1;
    visibility: visible;
    transition: 0.5s;
}
.signup_wrap .flex_box_s{
    display: flex;
    justify-content: space-between;
}
.signup_wrap .mgb10{
    margin-bottom: 10px;
}
.signup_wrap .section{
    margin-top: 0px;
}
.signup_wrap .mgt10{
    margin-top: 10px;
}
/*220610(s) nickname */
.signup_wrap .mgt50{
    margin-top: 50px;
}
/*220610(e) nickname */
.signup_wrap .mgt140{
    margin-top: 140px;
}
.signup_wrap h2{
    font-family: 'PreBold', sans-serif;
    font-size: 32px;
    color: #191919;
    margin-top: 60px;
    margin-bottom: 30px;
}
.signup_wrap h3{
    margin-bottom: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
}
.signup_wrap p{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #7d7d7d;
    margin-bottom: 40px;
}
.signup_wrap p a{
    margin-left: 6px;
    color: #468cff;
    text-decoration: underline;
}
.signup_wrap p a:hover{
    color: #319afe;
}
.signup_wrap strong{
    display: block;
    width: 100%;
    font-family: 'PreRegular',sans-serif;
    font-size: 16px;
    color: #744eff;
    text-align: center;
    margin-top: 10px;
}
.signup_wrap .line{
    text-indent: -999999px;
    width: 100%; height: 1px;
    background-color: #d7d7d7;
    margin: 20px auto;
}
.signup_wrap input.login_input{
    width: 100%; height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    border: 1px solid #d4d4d4;
    background: #ffffff;
    padding: 0 10px 0 30px;
    border-radius: 10px;
    font-family: 'PreLight', sans-serif;
    font-size: 16px;
    color: #191919;
    margin-bottom: 10px;
}
.signup_wrap input.login_input::placeholder{
    color: #aaaaaa;   
}
.signup_wrap input.login_input.w248{
    width: 248px;
}
.signup_wrap input.login_input.mgb0{
    margin-bottom: 0;
}
.signup_wrap select.login_input{
    width: 100%; height: 48px;
    line-height: 48px;
    box-sizing: border-box;
    border: 1px solid #4d4d4d;
    background: #333333;
    border-radius: 10px;
    font-family: 'PreLight', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.signup_wrap select.login_input option{
    font-family: 'PreLight', sans-serif;
    font-size: 14px;
}
.signup_wrap select.login_input.w110{
    width: 110px;
}
.signup_wrap select.login_input.w100p{
    width: 100%;
}
.signup_wrap input.login_input:focus,
.signup_wrap select.login_input:focus{
    border: 1px solid #1c8ffc;
}
.signup_wrap a.re_btn{
    display: block;
    width: 100%; height: 48px;
    line-height: 48px;
    text-align: center;
    color: #7d7d7d;
    margin-top: 10px;
    opacity: 0;
    visibility: hidden;
}
.signup_wrap a.re_btn.on{
    opacity: 1;
    visibility: visible;   
}
.signup_wrap a.re_btn:hover{
    color: #191919;
}
.signup_wrap a.mid_btn{
    display: block;
    width: 100%; height: 48px;
    line-height: 48px;
    text-align: center;
}
.signup_wrap a.mid_btn.w96{
    width: 96px;
}
.signup_wrap a.mid_btn.w170{
    width: 170px;
}
.signup_wrap a.black_btn{
    box-sizing: border-box;
    border-radius: 10px;
    background-color: #333333;
    border: 1px solid #333333;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.signup_wrap a.black_btn:hover{
    background-color: #3a3a3a;
}
.signup_wrap a.complt_btn{
    border-radius: 10px;
    background-color: #744eff;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}
.signup_wrap a.complt_btn:hover{
    background-color: #805dff;
}
/*220330(e)*/

/*211130(s) 3d팝업 css수정*/
.popup_3dview{
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 999999;
  transform: translate(-50%, -50%);
  width: 1680px;
  height: 820px;
  padding: 0px;
  box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.popup_3dview.active {
  top: 47%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.popup_3dview .box_header{
  width:100%;
  height: 33px;
  background-color: #ffffff;
  position: relative;
  overflow: hidden;
}
/*211130(e) 3d팝업 css수정*/
.popup_3dview .box_header h2{
  margin:0;
  font-family: MalgunGothic;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000000;
  padding-left:15px;
}
.popup_3dview .box_header a.popup_3dview_close{
  position: absolute;
  top:0;
  right:0;
  width:33px;
  height:33px;
  font-size:33px;
  line-height: 30px;
  text-align: center;
  color:#333333;
}
.popup_3dview .box_content{
}
.popup_3dview .box_content h2{
  padding-top:26px;
  padding-left:40px;
  padding-right:40px;
}
.popup_3dview .box_content h2 strong{
  font-family: 'NS', sans-serif;
  font-weight: bold;
  font-size:25px;
  color:#333333;
}
.popup_3dview .box_content h2 span.help{
  font-family: 'NS', sans-serif;
  font-weight: bold;
  font-size:13px;
  text-align: center;
  line-height: 22px;
  color:#ffffff;
  display: inline-block;
  background-color: #ff7600;
  width:22px; height: 22px;
  border-radius: 50%;
  margin-top:3px;
  margin-left:6px;
}
.popup_3dview .box_content .joystick{
    width:100%; height: 35px;
    position: relative;
    margin-top:10px;
}
.popup_3dview .box_content .joystick a{
    display: block;
    border: 2px solid #744eff;
    box-sizing: border-box;
    background-color: #ffffff;
    width:162px; height: 35px;
    line-height: 33px;
    font-family: 'NS', sans-serif;
    font-weight: bold;
    font-size: 18px;
    color:#333333;
    text-align: center;
    border-radius: 19px;
    position: absolute;
}
.popup_3dview .box_content .joystick a.top{
    top:0; left:50%;
    margin-left:-283px; 
}
.popup_3dview .box_content .joystick a.side{
    top:0; left:50%;
    margin-left:-81px;
}
.popup_3dview .box_content .joystick a.nav{
    top:0; left:50%;
    margin-left:121px;
}
.popup_3dview .box_content .joystick a.on{
    background-color: #744eff;
    color:#ffffff;
}
.popup_3dview .box_content .view_map{
    width:100%; height: 490px;
    padding:20px 20px 20px 20px;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
}


.blur_color_bg{
  background-color: #000000;
  width: 100%; height:100%;
  position: fixed;
  top:0;
  left:0;
  z-index: 999998;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
  cursor: pointer;
}
.blur_color_bg.active{
  visibility: visible;
  opacity: 0.4;
}


.popup_regis{
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 999998;
  transform: translate(-50%, -50%);
  width: 1192px;
  height: 820px;
  padding: 0px;
  box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.popup_regis.active {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.popup_regis .box_header{
  width:100%;
  height: 33px;
  background-color: #d8d8d8;
  position: relative;
  overflow: hidden;
}
.popup_regis .box_header h2{
  margin:0;
  font-family: MalgunGothic;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000000;
  padding-left:15px;
}
.popup_regis .box_header a.popup_regis_close{
  position: absolute;
  top:0;
  right:0;
  width:33px;
  height:33px;
  font-size:33px;
  line-height: 30px;
  text-align: center;
  color:#333333;
}
.popup_regis .box_content{
    width: 100%;
    height: 787px;
    box-sizing: border-box;
    padding: 65px 90px 136px 90px;
    overflow: auto;
    position: relative;
}
.popup_regis .box_content h2{
    font-family: 'PreBold', sans-serif;
    font-size: 24px;
    color: #191919;
    letter-spacing: -0.5px;  
}
.popup_regis .box_content a.select_worth{
    display: block;
    width: 100%; height: 230px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.14);
    transition: 0.3s;
    position: relative;
    margin: 40px 0 40px 0;
}
.popup_regis .box_content a.select_worth span.txt{
    display: inline-block;
    width: 240px;
    font-family: 'PreRegular', sans-serif;
    font-size: 24px;
    color: #d7d7d7;
    text-align: center;
    letter-spacing: -0.5px;
    position: absolute;
    top: 50px; left: 50%;
    margin-left: -120px;
    transition: 0.3s;
}
.popup_regis .box_content a.select_worth span.plus{
    display: inline-block;
    width: 56px; height: 56px;
    line-height: 56px;
    font-family: 'PreLight', sans-serif;
    font-size: 32px;
    color: #d9d9d9;
    text-align: center;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    position: absolute;
    top: 45%; left: 50%;
    margin-left: -28px;
    transition: 0.3s;
}
.popup_regis .box_content a.select_worth:hover{
    box-shadow: 1px 1px 16px 0px rgba(8, 142, 255, 0.3);
}
.popup_regis .box_content a.select_worth:hover span.txt{
    color: #80c5ff;
}
.popup_regis .box_content a.select_worth:hover span.plus{
    box-shadow: 1px 1px 16px 0px rgba(8, 142, 255, 0.3);
    color: #80c5ff;   
}
.popup_regis .box_content .line{
    width: 100%; height: 1px;
    background-color: #ededed;
    text-indent: -999999px;
}
.popup_regis .box_content h3{
    font-family: 'PreBold', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
}
.popup_regis .box_content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}
.popup_regis .box_content ul li{
    width: 248px; height: auto;
    margin-bottom: 40px;
}
.popup_regis .box_content ul li .selected_img{
    width: 230px; height: 230px;
    margin: 0 auto;
    background-color: #aaa;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-indent: -999999px;
    position: relative;
}
.popup_regis .box_content ul li .selected_img a.delete_btn{
    position: absolute;
    top: -12px; right: -12px;
    display: block;
    width: 24px; height: 24px;
    line-height: 24px;
    background-color: #ff0000;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-family: 'PreBold', sans-serif;
    font-size: 14px;
    text-indent: 0px;
}
.popup_regis .box_content ul li .selected_tit{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    text-align: center;
    margin-top: 10px;
}
.popup_regis .box_content form{
    margin-top: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
}
.popup_regis .box_content form table{
    width: 100%;
}
.popup_regis .box_content form table tr{
    height: 80px;
}
.popup_regis .box_content form table th{
    width: 100px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
    text-align: left;
}
.popup_regis .box_content form table td{
    position: relative;
}
.popup_regis .box_content form table td input::placeholder{
    color: #d0d0d0;
}
/*221208(s) 221208_PT > 다이아 아이콘 수정*/
.popup_regis img.point_icon{
    width: 18px; height: 18px;
}
/*221208(e) 221208_PT > 다이아 아이콘 수정*/
.popup_regis .box_content form table td span{
    position: absolute;
    top: 40%; right: 76px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #468cff;
    letter-spacing: -0.5px;
}
.popup_regis .box_content form table td input.point_none{
    pointer-events: none;
}
.popup_regis .box_content form table td input.sell_input{
    border: none;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    width: 294px; height: 44px;
    box-sizing: border-box;
    padding: 0 60px 0 20px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
    text-align: right;
}
.popup_regis .box_content form table td input.sell_input:focus{
    box-shadow: 0px 0px 16px 0px rgba(8, 142, 255, 0.3);
}
.popup_regis .box_content form table td input#upload_input{
    border: none;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    width: 200px; height: 40px;
    box-sizing: border-box;
    padding: 0px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
    text-align: left;
}
.popup_regis .filebox label{
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 20px;
    color: #468cff;
    vertical-align: middle;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #468cff;
    border-radius: 5px;
    transition: all 0.3s;
}
.popup_regis .filebox label:hover {
  background-color: #468cff;
  color:#ffffff;
}
.popup_regis .filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    border: 0;
}
.popup_regis .filebox input.upload_name{
    display: inline-block;
    height: 35px;
    font-size:16px; 
    padding: 0 10px;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
/* 230202(e)_3차 텍스트 수정 */
.popup_regis .filebox .file_txt{
    position: absolute;
    padding-top: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 14px;
    color: #191919;
    text-align: left;
}
.popup_regis .box_content form table td input.final_price:valid{
    color: #ff0000;
}
.popup_regis .box_content .popup_sell_btns{
    margin-top: 80px;
    text-align: center;
}
.popup_regis .box_content .popup_sell_btns a{
    display: inline-block;
    width: 260px; height: 60px;
    line-height: 60px;
    border-radius: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
.popup_regis .box_content .popup_sell_btns a:hover{
    opacity: 0.7;
}
.popup_regis .box_content .popup_sell_btns a.res_btn{
    background-color: #744eff;
    margin-right: 10px;
}
.popup_regis .box_content .popup_sell_btns a.cancel_btn{
    background-color: #7c7c7c;
    margin-left: 10px;
}
.popup_regis_2{
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 999998;
  transform: translate(-50%, -50%);
  width: 1192px;
  height: 820px;
  padding: 0px;
  box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.popup_regis_2.active {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.popup_regis_2 .box_header{
  width:100%;
  height: 33px;
  background-color: #d8d8d8;
  position: relative;
  overflow: hidden;
}
.popup_regis_2 .box_header h2{
  margin:0;
  font-family: MalgunGothic;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000000;
  padding-left:15px;
}
.popup_regis_2 .box_header a.popup_regis_2_close{
  position: absolute;
  top:0;
  right:0;
  width:33px;
  height:33px;
  font-size:33px;
  line-height: 30px;
  text-align: center;
  color:#333333;
}
.popup_regis_2 .box_content{
    width: 100%;
    height: 787px;
    box-sizing: border-box;
    padding: 65px 90px 136px 90px;
    overflow: auto;
    position: relative;
}
.popup_regis_2 .box_content h2{
    font-family: 'PreBold', sans-serif;
    font-size: 24px;
    color: #191919;
    letter-spacing: -0.5px;  
}
.popup_regis_2 .box_content a.select_worth{
    display: block;
    width: 100%; height: 230px;
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 1px 1px 16px 0px rgba(0, 0, 0, 0.14);
    transition: 0.3s;
    position: relative;
    margin: 40px 0 40px 0;
}
.popup_regis_2 .box_content a.select_worth span.txt{
    display: inline-block;
    width: 240px;
    font-family: 'PreRegular', sans-serif;
    font-size: 24px;
    color: #d7d7d7;
    text-align: center;
    letter-spacing: -0.5px;
    position: absolute;
    top: 50px; left: 50%;
    margin-left: -120px;
    transition: 0.3s;
}
.popup_regis_2 .box_content a.select_worth span.plus{
    display: inline-block;
    width: 56px; height: 56px;
    line-height: 56px;
    font-family: 'PreLight', sans-serif;
    font-size: 32px;
    color: #d9d9d9;
    text-align: center;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    border-radius: 50%;
    position: absolute;
    top: 45%; left: 50%;
    margin-left: -28px;
    transition: 0.3s;
}
.popup_regis_2 .box_content a.select_worth:hover{
    box-shadow: 1px 1px 16px 0px rgba(8, 142, 255, 0.3);
}
.popup_regis_2 .box_content a.select_worth:hover span.txt{
    color: #80c5ff;
}
.popup_regis_2 .box_content a.select_worth:hover span.plus{
    box-shadow: 1px 1px 16px 0px rgba(8, 142, 255, 0.3);
    color: #80c5ff;   
}
.popup_regis_2 .box_content .line{
    width: 100%; height: 1px;
    background-color: #ededed;
    text-indent: -999999px;
}
.popup_regis_2 .box_content h3{
    font-family: 'PreBold', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
}
.popup_regis_2 .box_content ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-top: 20px;
}
.popup_regis_2 .box_content ul li{
    width: 248px; height: auto;
    margin-bottom: 40px;
}
.popup_regis_2 .box_content ul li .selected_img{
    width: 230px; height: 230px;
    margin: 0 auto;
    background-color: #aaa;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-indent: -999999px;
    position: relative;
}
.popup_regis_2 .box_content ul li .selected_img a.delete_btn{
    position: absolute;
    top: -12px; right: -12px;
    display: block;
    width: 24px; height: 24px;
    line-height: 24px;
    background-color: #ff0000;
    border-radius: 50%;
    color: #ffffff;
    text-align: center;
    font-family: 'PreBold', sans-serif;
    font-size: 14px;
    text-indent: 0px;
}
.popup_regis_2 .box_content ul li .selected_tit{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    text-align: center;
    margin-top: 10px;
}
.popup_regis_2 .box_content form{
    margin-top: 40px;
    width: 100%;
    box-sizing: border-box;
    padding: 0 50px;
}
.popup_regis_2 .box_content form table{
    width: 100%;
}
.popup_regis_2 .box_content form table tr{
    height: 80px;
}
.popup_regis_2 .box_content form table th{
    width: 100px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
    text-align: left;
}
.popup_regis_2 .box_content form table td{
    position: relative;
}
.popup_regis_2 .box_content form table td input::placeholder{
    color: #d0d0d0;
}
/*221208(s) 221208_PT > 다이아 아이콘 수정*/
.popup_regis_2 img.point_icon{
    width: 18px; height: 18px;
}
/*221208(e) 221208_PT > 다이아 아이콘 수정*/
.popup_regis_2 .box_content form table td span{
    position: absolute;
    top: 40%; right: 95px;
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #468cff;
    letter-spacing: -0.5px;
}
.popup_regis_2 .box_content form table td input.point_none{
    pointer-events: none;
}
.popup_regis_2 .box_content form table td input.sell_input{
    border: none;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    width: 294px; height: 44px;
    box-sizing: border-box;
    padding: 0 60px 0 20px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
    text-align: right;
}
.popup_regis_2 .box_content form table td input.sell_input:focus{
    box-shadow: 0px 0px 16px 0px rgba(8, 142, 255, 0.3);
}
.popup_regis_2 .box_content form table td input#upload_input{
    border: none;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
    width: 200px; height: 40px;
    box-sizing: border-box;
    padding: 0px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #191919;
    letter-spacing: -0.5px;
    text-align: left;
}
.popup_regis_2 .filebox label{
    font-weight: 700;
    font-size: 14px;
    display: inline-block;
    padding: 10px 20px;
    color: #468cff;
    vertical-align: middle;
    background-color: #ffffff;
    cursor: pointer;
    border: 1px solid #468cff;
    border-radius: 5px;
    transition: all 0.3s;
}
.popup_regis_2 .filebox label:hover {
  background-color: #468cff;
  color:#ffffff;
}
.popup_regis_2 .filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    border: 0;
}
.popup_regis_2 .filebox input.upload_name{
    display: inline-block;
    height: 35px;
    font-size:16px; 
    padding: 0 10px;
    vertical-align: middle;
    background-color: #f5f5f5;
    border: 1px solid #ebebeb;
    border-radius: 5px;
}
.popup_regis_2 .box_content form table td input.final_price:valid{
    color: #ff0000;
}
.popup_regis_2 .box_content .popup_sell_btns{
    margin-top: 80px;
    text-align: center;
}
.popup_regis_2 .box_content .popup_sell_btns a{
    display: inline-block;
    width: 260px; height: 60px;
    line-height: 60px;
    border-radius: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size: 20px;
    color: #ffffff;
    text-align: center;
}
.popup_regis_2 .box_content .popup_sell_btns a:hover{
    opacity: 0.7;
}
.popup_regis_2 .box_content .popup_sell_btns a.res_btn{
    background-color: #744eff;
    margin-right: 10px;
}
.popup_regis_2 .box_content .popup_sell_btns a.cancel_btn{
    background-color: #7c7c7c;
    margin-left: 10px;
}



.popup_lib{
  position: fixed;
  top: 45%;
  left: 50%;
  z-index: 999999;
  transform: translate(-50%, -50%);
  width: 1032px;
  height: 820px;
  padding: 0px;
  box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
  background: #ffffff;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.popup_lib.active {
  top: 50%;
  visibility: visible;
  opacity: 1;
  transition: 0.5s;
}
.popup_lib .box_header{
  width:100%;
  height: 33px;
  background-color: #d8d8d8;
  position: relative;
  overflow: hidden;
}
.popup_lib .box_header h2{
  margin:0;
  font-family: MalgunGothic;
  font-size: 12px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 33px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #000000;
  padding-left:15px;
}
.popup_lib .box_header a.popup_lib_close{
  position: absolute;
  top:0;
  right:0;
  width:33px;
  height:33px;
  font-size:33px;
  line-height: 30px;
  text-align: center;
  color:#333333;
}
.popup_lib .box_content{
    width: 100%;
    height: 787px;
    box-sizing: border-box;
    padding: 55px 50px 70px 50px;
    overflow: auto;
    position: relative;
}
.popup_lib .box_content h2{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color: #191919;
    letter-spacing: -0.5px;  
    margin-bottom: 20px;
}
.popup_lib .box_content .lib_search_box{
    width: 100%;
    position: relative;
    margin-bottom: 40px;
}
.popup_lib .box_content .lib_search_box input.library_search{
    width: 100%; height: 60px;
    border: 1px solid #d7d7d7;
    padding: 0 60px 0 30px;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: 10px;
    font-family: 'NS', sans-serif;
    font-size: 18px;
    color: #191919;
}
.popup_lib .box_content .lib_search_box input.library_search::placeholder{
    font-family: 'NS', sans-serif;
    font-size: 18px;
    color: #d7d7d7;
}
.popup_lib .box_content .lib_search_box a.lib_search_btn{
    display: block;
    width: 60px; height: 60px;
    background-image: url(../img/search_btn_gray.png);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0; right: 0;
    text-indent: -999999px;
}
.popup_lib .box_content ul.filter{
    margin-bottom: 20px;
}
.popup_lib .box_content ul.filter li{
    margin-right: 10px;
    margin-bottom: 8px;
}
.popup_lib .box_content ul.filter li a{
    display: inline-block;
    width: 160px; height: 40px;
    line-height: 40px;
    border-radius: 10px;
    background-color: #f0f0f0;
    box-shadow: 1px 1px 7px 0px rgba(0, 0, 0, 0.28);
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color: #191919;
    text-align: center;
}
.popup_lib .box_content ul.filter li.on a{
    background-color: #744eff;
    color: #ffffff;
    pointer-events: none;
}
.popup_lib .box_content ul.filter li a:hover{
    background-color: #ffffff;
}
.popup_lib .box_content .flex_box{
    width: 100%; height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.popup_lib .box_content .flex_box .popup_lib_list{
    width: 286px; height: 312px;
    box-shadow: 2px 1px 9px 0px rgba(0, 0, 0, 0.33);
    overflow: hidden;
    background-color: #ffffff;
    border-radius: 10px;
    margin-bottom: 30px;
    margin-left: 28px;
    transition: all 0.3s;
    /*flex-basis: calc(25% - 11px);
    flex-shrink: 1;*/
}
.popup_lib .box_content .flex_box .popup_lib_list.mln{
    margin-left: 0;
}
.popup_lib .box_content .flex_box .popup_lib_list:hover{
    margin-top: -8px;
}
.popup_lib .box_content .flex_box .popup_lib_list a.list_link{
    display: block;
    width: 100%; height: 100%;
}
.popup_lib .box_content .flex_box .popup_lib_list .apt_img_zone{
    width: 100%; height: 210px;
    position: relative;
    overflow: hidden;
}
.popup_lib .box_content .flex_box .popup_lib_list .apt_img_zone .apt_img{
    width: 100%; height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.popup_lib .box_content .flex_box .popup_lib_list .apt_img_zone .point{
    font-family: 'NS', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-shadow: 2px 1px 4px rgba(0, 0, 0, 0.33);
    text-align: right;
    position: absolute;
    bottom: -43px; right: 14px;
    background: #ff9f70;
    border-radius: 10px;
    display: inline-block;
    padding: 2px 8px;
}
.popup_lib .box_content .flex_box .popup_lib_list .apt_contents{
    padding: 25px 74px 25px 26px;
}
.popup_lib .box_content .flex_box .popup_lib_list .apt_contents h2.apt_title{
    font-family: 'NSBold', sans-serif;
    font-size: 16px;
    letter-spacing: -0.3px;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 10px;
}
.popup_lib .box_content .flex_box .popup_lib_list .apt_contents span.apt_detail{
    font-family: 'NS', sans-serif;
    font-size: 16px;
    color: #ababab;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-top: 10px;
}

.popup_regi_confirm{
    width: 540px; height: 200px;
    padding: 30px 0;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 45%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.popup_regi_confirm.on{
    top: 50%;
    visibility: visible;
    opacity: 1;
}
.popup_regi_confirm h2{
    font-family: "PreRegular", sans-serif;
    font-size: 24px;
    color: #191919;
    text-align: center;
    line-height: 1.6;
    padding-top: 18px;
}
.popup_regi_confirm .btns{
    text-align: center;
}
.popup_regi_confirm .btns a{
    display: inline-block;
    width: 160px; height: 40px;
    line-height: 40px;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 20px auto 0 auto;
}
.popup_regi_confirm .btns a.confirm_btn{
    background-color: #744eff;
}
.popup_regi_confirm .btns a.close_btn{
    background-color: #7c7c7c;
    margin-left: 10px;
}


.popup_regi_complete{
    width: 540px; height: 240px;
    padding: 30px 0;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 45%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.popup_regi_complete.on{
    top: 50%;
    visibility: visible;
    opacity: 1;
}
.popup_regi_complete h2{
    font-family: "PreRegular", sans-serif;
    font-size: 24px;
    color: #191919;
    text-align: center;
    line-height: 1.6;
    padding-top: 18px;
}
.popup_regi_complete a.regi_complete_btn{
    display: block;
    width: 160px; height: 40px;
    line-height: 40px;
    background-color: #744eff;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 20px auto 0 auto;
}

.popup_buy{
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 999998;
    transform: translate(-50%, -50%);
    width: 588px;
    height: 680px;
    padding: 0px;
    box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.popup_buy.on {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
.popup_buy .box_header{
    width:100%;
    height: 33px;
    background-color: #d8d8d8;
    position: relative;
    overflow: hidden;
}
.popup_buy .box_header h2{
    margin:0;
    font-family: MalgunGothic;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 33px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000000;
    padding-left:15px;
}
.popup_buy .box_header a.popup_buy_close{
    position: absolute;
    top:0;
    right:0;
    display: block;
    width:33px;
    height:33px;
    font-size:33px;
    line-height: 30px;
    text-align: center;
    color:#333333;
}
.popup_buy .box_content{
    width: 100%; height: 100%;
}
.popup_buy .box_content .inner{
    padding: 50px 44px;
    width: 100%; height: 100%;
    box-sizing: border-box;
}
.popup_buy .box_content .inner h3{
    font-family: 'PreBold', sans-serif;
    font-size: 24px;
    color: #191919;
    border-bottom: 1px solid #ff616d;
    padding-bottom: 10px;
}
.popup_buy .box_content .inner ul {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
}
.popup_buy .box_content .inner ul li{
    margin-bottom: 30px;
}
.popup_buy .box_content .inner ul li.line_li{
    margin-bottom: 40px;
}
.popup_buy .box_content .inner ul li strong{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color: #333333;
    display: inline-block;
    width: 190px;
    letter-spacing: -0.5px;
}
.popup_buy .box_content .inner ul li span{
    font-family: 'PreRegular', sans-serif;
    font-size: 18px;
    color: #7c7c7c;
    display: inline-block;
    letter-spacing: -0.5px;
}
.popup_buy .box_content .inner ul li span.strong{
    font-family: 'PreBold', sans-serif;
    color: #000000;
}
.popup_buy .box_content .inner ul li span.alert{
    margin-top: 4px;
    font-size: 14px;
    color: #ff0000;
    opacity: 1;
}
.popup_buy .box_content .inner ul li span.line{
    display: block;
    width: 100%; height: 1px;
    background-color: #d7d7d7;
}
.popup_buy .box_content .inner .btns{
    width: 100%; text-align: center;
}
.popup_buy .box_content .inner .btns a{
    display: inline-block;
    width: 160px; height: 44px;
    line-height: 44px;
    border-radius: 10px;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    box-shadow: -1px 1px 9px 0px rgb(0 0 0 / 20%);
}
.popup_buy .box_content .inner .btns a.final_buy_btn{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff5f6d+0,ffc371+100 */
    background: #ff5f6d; /* Old browsers */
    background: -moz-linear-gradient(left,  #ff5f6d 0%, #ffc371 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #ff5f6d 0%,#ffc371 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #ff5f6d 0%,#ffc371 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5f6d', endColorstr='#ffc371',GradientType=1 ); /* IE6-9 */	
}
.popup_buy .box_content .inner .btns a.pay_link{
    background-color: #444444;
    margin-left: 10px;
}

/*221208(s) PT > 다이아 아이콘 수정*/
.popup_buy .box_content .inner .point_icon{
    width: 15px; height: 15px;
    margin-left: 5px; margin-bottom: 2px;
}
.popup_buy .box_content .inner .point_icon_big{
    width: 20px; height: 20px;
    margin-left: 5px; margin-bottom: 2px;
}
/*221208(e) PT > 다이아 아이콘 수정*/

.popup_purchase_confirm{
	width: 540px; height: 200px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_purchase_confirm.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_purchase_confirm h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_purchase_confirm .btns{
	text-align: center;
}
.popup_purchase_confirm .btns a{
	display: inline-block;
	width: 160px; height: 40px;
	line-height: 40px;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}
.popup_purchase_confirm .btns a.confirm_btn{
	background-color: #744eff;
}
.popup_purchase_confirm .btns a.close_btn{
	background-color: #7c7c7c;
	margin-left: 10px;
}


.popup_purchase_complete{
	width: 540px; height: 240px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_purchase_complete.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_purchase_complete h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_purchase_complete a.complete_btn{
	display: block;
	width: 160px; height: 40px;
	line-height: 40px;
	background-color: #744eff;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}


.popup_find_pw{
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 999998;
    transform: translate(-50%, -50%);
    width: 588px;
    height: 680px;
    padding: 0px;
    box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.popup_find_pw.on {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
.popup_find_pw .box_header{
    width:100%;
    height: 33px;
    background-color: #d8d8d8;
    position: relative;
    overflow: hidden;
}
.popup_find_pw .box_header h2{
    margin:0;
    font-family: MalgunGothic;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 33px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000000;
    padding-left:15px;
}
.popup_find_pw .box_header a.popup_pw_close{
    position: absolute;
    top:0;
    right:0;
    display: block;
    width:33px;
    height:33px;
    font-size:33px;
    line-height: 30px;
    text-align: center;
    color:#333333;
}
.popup_find_pw .box_content{
    width: 100%; height: calc(100% - 33px);
    box-sizing: border-box;
    padding:50px 60px;
    overflow: auto;
}
.popup_find_pw .box_content h3{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color:#191919;
    text-align: center;
    margin-bottom:30px;
}
.popup_find_pw .box_content .line{
    width:100%; height: 1px;
    background-color: #d7d7d7;
    margin:20px auto;
}
.popup_find_pw .box_content .sections input{
    border:1px solid #cccccc;
    width:100%; height: 60px;
    box-sizing: border-box;
    padding:0 20px;
    border-radius: 6px;
    margin-top:8px;
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
}
.popup_find_pw .box_content .sections input::placeholder{
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
    color:#ccc;
}
.popup_find_pw .box_content .sections input:valid{
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
}
.popup_find_pw .box_content .sections a.code_send{
    display: block;
    width: 100%; height: 60px;
    line-height: 60px;
    border-radius: 6px;
    background-color: #468cff;
    margin-top:8px;
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
    color:#ffffff;
    text-align: center;
}
.popup_find_pw .box_content .sections a.code_send.on{
    opacity: 0.7;;
}
/* 220704(s) -develjsh */
.popup_find_pw .box_content .sections a.code_send_verification{
    display: block;
    width: 100%; height: 60px;
    line-height: 60px;
    border-radius: 6px;
    background-color: #468cff;
    margin-top:8px;
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
    color:#ffffff;
    text-align: center;
}
.popup_find_pw .box_content .sections a.code_send_verification.on{
    pointer-events: none;
    opacity: 0.7;;
}
/* 220704(e) -develjsh */
.popup_find_pw .box_content .sections a.code_re_send{
    display: none;
    width: 100%; height: 60px;
    line-height: 60px;
    border-radius: 6px;
    background-color: #ffffff;
    margin-top:8px;
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
    color:#333333;
    text-align: center;
}
.popup_find_pw .box_content .sections a.code_re_send:hover{
    background-color: #f0f0f0;
}
.popup_find_pw .box_content .sections a.code_re_send.on{
    display: block;
    pointer-events: none;
}
.popup_find_pw .box_content .sections a.change_pw_btn{
    display: block;
    width: 100%; height: 60px;
    line-height: 60px;
    border-radius: 6px;
    background-color: #744eff;
    margin-top:8px;
    font-family: 'PreRegular', sans-serif;
    font-size:18px;
    color:#ffffff;
    text-align: center;
}
.popup_find_pw .box_content .imports_pw{
    width:100%; height: auto;
    box-sizing: border-box;    
}
.popup_find_pw .box_content .imports_pw h4{
    font-family: 'PreRegular', sans-serif;
    font-size:16px;
    margin-bottom: 8px;
}
.popup_find_pw .box_content .imports_pw ul{
    padding:0px 10px 4px 10px;
}
.popup_find_pw .box_content .imports_pw ul li{
    font-family: 'PreRegular', sans-serif;
    font-size:16px;
    color:#7c7c7c;
    line-height: 1.6;
}
.popup_find_pw .box_content .imports_pw ul li.clear{
    color:#3ab54a;
}


.popup_chgpw_complete{
    width: 540px; height: 240px;
    padding: 30px 0;
    box-sizing: border-box;
    background-color: #ffffff;
    box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
    position: fixed;
    top: 45%; left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s;
}
.popup_chgpw_complete.on{
    top: 50%;
    visibility: visible;
    opacity: 1;
}
.popup_chgpw_complete h2{
    font-family: "PreRegular", sans-serif;
    font-size: 24px;
    color: #191919;
    text-align: center;
    line-height: 1.6;
    padding-top: 18px;
}
.popup_chgpw_complete a.chgpw_complete_btn{
    display: block;
    width: 160px; height: 40px;
    line-height: 40px;
    background-color: #744eff;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 20px auto 0 auto;
}
/*220329(s)*/
.popup_resign{
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 999998;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 680px;
    padding: 0px;
    box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.popup_resign.on {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
.popup_resign .box_header{
    width:100%;
    height: 33px;
    background-color: #d8d8d8;
    position: relative;
    overflow: hidden;
}
.popup_resign .box_header h2{
    margin:0;
    font-family: MalgunGothic;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 33px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000000;
    padding-left:15px;
}
.popup_resign .box_header a.popup_resign_close{
    position: absolute;
    top:0;
    right:0;
    display: block;
    width:33px;
    height:33px;
    font-size:20px;
    line-height: 33px;
    text-align: center;
    color:#191919;
}
.popup_resign .box_header a.popup_resign_close i{
    line-height: 33px;
    color: #191919;
}
.popup_resign .box_content{
    width: 100%; height: calc(100% - 33px);
    box-sizing: border-box;
    padding:34px 60px;
    overflow: auto;
}
.popup_resign .box_content h3{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color:#191919;
    line-height: 1.6;
    text-align: center;
    margin-bottom:30px;
}
.popup_resign .box_content h4{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color:#191919;
    line-height: 1.6;
    text-align: left;
    margin-bottom:20px;
}
.popup_resign .box_content div{
    text-align: center;;
}
.popup_resign .box_content span.agr_box{
    display: inline-block;
    padding:4px 20px;
}
.popup_resign .box_content label{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color:#191919;
    cursor: pointer;
}
.popup_resign .box_content label i{
    margin-right: 6px;
}
.popup_resign .box_content input[type="checkbox"]{
    display: none;
}
/* .popup_resign .box_content input[type="checkbox"]:checked + label{
    color:#3ab54a;
} */
.popup_resign .box_content .line{
    width:100%; height: 1px;
    background-color: #d7d7d7;
    margin:20px auto;
}
.popup_resign .box_content .table_wrap{
    width: 100%; height: 230px;
    /* box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.18); */
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    overflow: auto;
}
.popup_resign .box_content table{
    width: 100%;
}
.popup_resign .box_content table thead{
    background-color: #f3f4f7;
}
.popup_resign .box_content table tbody{
    background-color: #ffffff;
}
.popup_resign .box_content table tr{
    height: 46px;
}
.popup_resign .box_content table tr th{
    font-family: 'PreRegular', sans-serif;
    font-size:15px;
    color:#191919;
}
.popup_resign .box_content table tr td{
    font-family: 'PreRegular', sans-serif;
    font-size:14px;
    color:#7d7d7d;
}
.popup_resign .box_content ul li a{
    display: inline-block;
    padding:4px 20px;
    background-color: #ffffff;
    font-family: 'PreRegular', sans-serif;
    font-size:16px;
    margin-right:1px;
}
.popup_resign .box_content ul li.on a{
    background-color: #468cff;
    color:#ffffff;
}
.popup_resign .box_content ul li a:hover{
    background-color: #468cff;
    color:#ffffff;
}
.popup_resign a.resign_btn{
    display: block;
    width: 160px; height: 40px;
    line-height: 40px;
    background-color: #333333;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 40px auto 0 auto;
}

.popup_resign_confirm{
	width: 540px; height: 200px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_resign_confirm.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_resign_confirm h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_resign_confirm .btns{
	text-align: center;
}
.popup_resign_confirm .btns a{
	display: inline-block;
	width: 160px; height: 40px;
	line-height: 40px;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}

.popup_resign_confirm .btns a.close_btn{
	background-color: #7c7c7c;
	margin-left: 10px;
}


.popup_resign_complete{
	width: 540px; height: 200px;
	padding: 30px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_resign_complete.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_resign_complete h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_resign_complete a.complete_btn{
	display: block;
	width: 160px; height: 40px;
	line-height: 40px;
	background-color: #333333;
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 20px auto 0 auto;
}
#mb_updateForm.on{
	display: inline-block;
    width: 160px;
}
#mb_updateForm{
	display: inline-block;
    width: 0px;
}
#mb_updateForm input[type="file"] {  /* 파일 필드 숨기기 */
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}
.profile_img {
	width: 50px;
    height: 50px; 
    border-radius: 70%;
    overflow: hidden;
    display: -webkit-inline-box;
}
.profile_img img{
	width: 100%;
   	height: 100%;
   	object-fit: cover;
}
td .profile_img {
	width: 24px;
    height: 24px; 
    border-radius: 70%;
    overflow: hidden;
    display: -webkit-inline-box;
}
td .profile_img img{
	width: 100%;
   	height: 100%;
   	object-fit: cover;
}
.profile .profile_img {
	width: 30px;
    height: 30px; 
    border-radius: 70%;
    overflow: hidden;
    display: -webkit-inline-box;
    float: left;
}
.profile .profile_img img{
	width: 100%;
   	height: 100%;
   	object-fit: cover;
}
/*220329(e)*/
@media all and (max-width: 1280px){
    #board .inner{ max-width:95%; margin:0 auto;}
}
@media all and (max-width: 1080px){

}

/*230329(s)_회원탈퇴*/
 .mypage_content a.resign{
    display: inline-block;
    background-color: #744eff;
    border:1px solid #744eff;
    border-radius: 10px;
    font-family: 'PreRegular', sans-serif;
    font-size:15px;
    color:#ffffff;
    padding: 8px 20px;
    margin-top:60px;
}
.mypage_content a.resign:hover{
    background-color: #ffffff;
    color:#744eff;
}
.popup_resign{
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 999998;
    transform: translate(-50%, -50%);
    width: 700px;
    height: 660px;
    padding: 0px;
    box-shadow: 1px 1px 21px 0 rgba(0, 0, 0, 0.13);
    background: #ffffff;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
}
.popup_resign.on {
    top: 50%;
    visibility: visible;
    opacity: 1;
    transition: 0.5s;
}
.popup_resign .box_header{
    width:100%;
    height: 33px;
    background-color: #d8d8d8;
    position: relative;
    overflow: hidden;
}
.popup_resign .box_header h2{
    margin:0;
    font-family: MalgunGothic;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 33px;
    letter-spacing: -0.6px;
    text-align: left;
    color: #000000;
    padding-left:15px;
}
.popup_resign .box_header a.popup_resign_close{
    position: absolute;
    top:0;
    right:0;
    display: block;
    width:33px;
    height:33px;
    font-size:20px;
    line-height: 33px;
    text-align: center;
    color:#191919;
}
.popup_resign .box_header a.popup_resign_close i{
    line-height: 33px;
    color: #191919;
}
.popup_resign .box_content{
    width: 100%; height: calc(100% - 33px);
    box-sizing: border-box;
    padding:34px 60px;
    overflow: auto;
}
.popup_resign .box_content h3{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color:#191919;
    line-height: 1.6;
    text-align: center;
    margin-bottom:15px;
}
.popup_resign .box_content h4{
    font-family: 'PreBold', sans-serif;
    font-size: 18px;
    color:#191919;
    line-height: 1.6;
    text-align: left;
    margin-bottom:20px;
}
.popup_resign .box_content div{
    text-align: center;;
}
.popup_resign .box_content span.agr_box{
    display: inline-block;
    padding:4px 20px;
}
.popup_resign .box_content label{
    font-family: 'PreRegular', sans-serif;
    font-size: 16px;
    color:#191919;
    cursor: pointer;
}
.popup_resign .box_content label i{
    margin-right: 6px;
}
.popup_resign .box_content input[type="checkbox"]{
    display: none;
}
.popup_resign .box_content input[type="checkbox"]:checked + label{
    color:#3ab54a;
}
.popup_resign .box_content .line{
    width:100%; height: 1px;
    background-color: #d7d7d7;
    margin:20px auto;
}
.popup_resign .box_content .table_wrap{
    width: 100%; height: 230px;
    box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.18);
    border: 1px solid #d7d7d7;
    box-sizing: border-box;
    overflow: auto;
}
.popup_resign .box_content table{
    width: 100%;
}
.popup_resign .box_content table thead{
    background-color: #f3f4f7;
}
.popup_resign .box_content table tbody{
    background-color: #ffffff;
}
.popup_resign .box_content table tr{
    height: 46px;
}
.popup_resign .box_content table tr th{
    font-family: 'PreRegular', sans-serif;
    font-size:15px;
    color:#191919;
}
.popup_resign .box_content table tr td{
    font-family: 'PreRegular', sans-serif;
    font-size:14px;
    color:#7d7d7d;
}
.popup_resign .box_content ul li a{
    display: inline-block;
    padding:4px 20px;
    background-color: #ffffff;
    font-family: 'PreRegular', sans-serif;
    font-size:16px;
    margin-right:1px;
}
.popup_resign .box_content ul li.on a{
    background-color: #468cff;
    color:#ffffff;
}
.popup_resign .box_content ul li a:hover{
    background-color: #468cff;
    color:#ffffff;
}
.popup_resign a.resign_btn{
    display: block;
    width: 160px; height: 40px;
    line-height: 40px;
    background-color: #744eff;
    font-family: "PreRegular", sans-serif;
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin: 40px auto 0 auto;
}

.popup_resign_confirm{
	width: 540px; height: 255px;
	padding: 20px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_resign_confirm.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_resign_confirm h2{
	font-family: "PreRegular", sans-serif;
	font-size: 20px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_resign_confirm .pw_resign{
    text-align: center;
    margin-top: 20px;
}
.popup_resign_confirm .pw_resign .pw_btn{
    text-align: center;
    margin-top: 0px;
    border: 1px solid #b4b4b4;
    width: 400px; height: 45px;
    font-family: "PreRegular", sans-serif;
    font-size: 16px;
}
.popup_resign_confirm .btns{
	text-align: center;
}
.popup_resign_confirm .btns a{
	display: inline-block;
	width: 270px; height: 50px;
	line-height: 50px;
	font-family: "PreRegular", sans-serif;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	margin: 35px 0 0 0;
}
.popup_resign_confirm .btns a.confirm_btn{
	background-color: #744EFF;
    margin-left: -5px;
}
.popup_resign_confirm .btns a.close_btn{
	background-color: #7c7c7c;
	margin-left: 0px;
}
.popup_resign_complete{
	width: 500px; height: 184px;
	padding: 20px 0;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: -1px 1px 9px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 45%; left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999998;
	visibility: hidden;
	opacity: 0;
	transition: all 0.5s;
}
.popup_resign_complete.on{
	top: 50%;
	visibility: visible;
	opacity: 1;
}
.popup_resign_complete h2{
	font-family: "PreRegular", sans-serif;
	font-size: 24px;
	color: #191919;
	text-align: center;
	line-height: 1.6;
	padding-top: 18px;
}
.popup_resign_complete a.complete_btn{
	display: block;
	width: 160px; height: 40px;
	line-height: 40px;
	background-color: #333333; 
	font-family: "PreRegular", sans-serif;
	font-size: 18px;
	color: #ffffff;
	text-align: center;
	margin: 30px auto 0 auto;
} 
/*230329(e)_회원탈퇴*/