@charset "utf-8";

.mypage_wrap {
    position:relative;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;    
}
.mypage_wrap * {font-family: 'NanumSquare';}
.mypage_wrap .my_aside {width:220px;flex-shrink:1;}
.mypage_wrap .my_content {width:calc(100% - 220px);padding-left:20px}
.mypage_wrap .my_infomation {width:100%;padding:10px;border-radius:6px;border:solid 1px #f0f0f0;background-color: #ffffff;}
.mypage_wrap .my_infomation .profile_img {position:relative;width:120px;height:120px;margin:30px auto 0;overflow:hidden;border-radius:120px;}
.mypage_wrap .my_infomation .profile_img img {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);min-width:100%;min-height:100%;}
.mypage_wrap .my_infomation .profile_cont {margin-top:20px}
.mypage_wrap .my_infomation .profile_cont .text {font-size: 16px;font-weight:700;color:#484848;text-align:center;}
.mypage_wrap .my_infomation .profile_cont .profile_btn_box {margin-top:10px;text-align:center;}
.mypage_wrap .my_infomation .profile_cont .profile_btn_box .btn_my {
    display:inline-block;    
    padding: 3px 5px;
    border-radius: 3px;
    background-color: #ff9100;
    font-size:12px;
    color:#fff;
    text-align:center;
    font-weight:bold;
}
.mypage_wrap.supplier .my_infomation .profile_cont .profile_btn_box .btn_my {background-color:#8dceee;}
.mypage_wrap .my_infomation .profile_cont .profile_transfer {text-align:right;}
.mypage_wrap .my_infomation .profile_cont .profile_transfer .btn_transfer {
    display:inline-block;
    width:20px;
    height:20px;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:100% auto;
    background-image:url(/images/custom/icon/ico_transfer.png);
    text-indent:-999999px;
}
.mypage_wrap.supplier .my_infomation .profile_cont .profile_transfer .btn_transfer {background-image:url(/images/custom/icon/ico_transfer2.png);}
.mypage_wrap .mypage_nav {width:100%;margin-top:10px;border-radius:5px;border:solid 1px #f0f0f0;background-color:#fff;}
.mypage_wrap .mypage_nav .mypage_snb_list {position:relative;}
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu {border-bottom:1px solid #f0f0f0;}
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu:last-child {border-bottom:0}
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu .snb_tit {
    position:relative;
    display:block;
    padding:15px 20px;
    font-size:14px;
    color:#484848;
}
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu .snb_tit::after {
    content:"";
    display:block;
    position:absolute;
    top:17px;
    right:15px;
    width:11px;
    height:11px;
    background-image:url(/images/custom/icon/ico_tri_off.png);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100% auto;
}
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu.active .snb_tit,
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu .snb_tit:hover {
    background-color:#fffaf8;
}
.mypage_wrap.supplier .mypage_nav .mypage_snb_list .snb_menu.active .snb_tit,
.mypage_wrap.supplier .mypage_nav .mypage_snb_list .snb_menu .snb_tit:hover {
    background-color:#f8fbff;
}
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu.active .snb_tit::after,
.mypage_wrap .mypage_nav .mypage_snb_list .snb_menu .snb_tit:hover::after {
    background-image:url(/images/custom/icon/ico_tri.png);
}
.mypage_wrap.supplier .mypage_nav .mypage_snb_list .snb_menu.active .snb_tit::after,
.mypage_wrap.supplier .mypage_nav .mypage_snb_list .snb_menu .snb_tit:hover::after {
    background-image:url(/images/custom/icon/ico_tri2.png);
}

.mypage_wrap .mypage_box {
    position:relative;
    border-radius: 5px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #f0f0f0;
}
.mypage_wrap .mypage_box .head {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    height:47px;
    padding:15px 20px 15px 20px;
    border-radius: 5px;
    box-shadow:inset 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    background-color:#fffaf8;
}
.mypage_wrap.supplier .mypage_box .head {background-color: #f8fbff;}
.mypage_wrap .mypage_box .head .ico {display:block;width:17px;flex-shrink:1;}
.mypage_wrap .mypage_box .head .ico img {width:100%;height:auto}
.mypage_wrap .mypage_box .head .title {margin-left:10px;font-size:15px;font-weight:700;color:#484848}
.mypage_wrap .mypage_box .body {background-color:#fff}
.mypage_wrap .my_match_list_wrap {position:relative;padding:20px 25px;overflow:hidden;}
.mypage_wrap .my_match_list_wrap .my_match_list_content {position:relative;}
.mypage_wrap .my_match_list_wrap .my_match_list {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    border-radius: 5px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
}
.mypage_wrap .my_match_list_wrap .my_match_list dl {
    width:50%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding:20.25px 21px;
}
.mypage_wrap .my_match_list_wrap .my_match_list dl dt {font-size:15px;font-weight:700;color:#484848;}
.mypage_wrap .my_match_list_wrap .my_match_list dl dd {margin-left:auto;font-size:15px;color:#ff540f;font-weight:700;}
.mypage_wrap .my_top_info_wrap {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    flex-direction:row;
}
.mypage_wrap .my_top_info_wrap .top_info_box {width:50%}
.mypage_wrap .my_top_info_wrap .top_info_box:first-child {padding-right:10px}
.mypage_wrap .my_top_info_wrap .top_info_box:last-child {padding-left:10px}
.mypage_wrap .my_top_info_wrap .top_info_box .mypage_box {height:208px}
.mypage_wrap .my_top_certified_state_wrap {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    position:relative;
    padding:20px 40px 0;
    align-items:center;
}
.mypage_wrap .my_top_certified_state_wrap .gp_box {position:relative;width:170px;flex-shrink:1;}
.mypage_wrap .my_top_certified_state_wrap .state_btn_box {position:relative;width:calc(100% - 170px);padding-left:47px}
.mypage_wrap .my_top_certified_state_wrap .state_btn_box .btn_certified {
    display:inline-block;
    width: 113px;
    height: 34px;   
    padding: 10px 14px;
    border-radius: 100px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
    text-align:center;
    font-size:13px;
    color:#484848;
}
.mypage_wrap .my_nohow_wrap {margin-top:20px}
.mypage_wrap .my_nobow_box {
    display:flex;
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    height:102px;
    padding:15px 50px 15px 30px;
    border-radius: 5px;
    box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    align-items:center;
}
.mypage_wrap .my_nobow_box .nohow_img {width:72px;flex-shrink:1;}
.mypage_wrap .my_nobow_box .nohow_img img {width:100%;height:auto}
.mypage_wrap .my_nobow_box .nohow_text {width:calc(100% - 72px - 113px);padding-left:30px;font-size:15px;line-height:1.2;color:#484848}
.mypage_wrap .my_nobow_box .nohow_btn_box {width:113px}
.mypage_wrap .my_nobow_box .nohow_btn_box .btn_nohow {
    display:inline-block;
    width:100%;
    height:34px;
    padding:10px 5px;
    border-radius: 100px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
    font-size:13px;
    color:#484848;
    text-align:center;
}
.mypage_wrap .tab_nav {position:relative;overflow:hidden;}
.mypage_wrap .tab_nav nav {margin:-2.5px}
.mypage_wrap .tab_nav nav .tab_nav_list {display:flex;flex-direction:row;flex-wrap:wrap;width:100%;}
.mypage_wrap .tab_nav nav .tab_nav_list li {width:20%;flex-shrink:1;padding:2.5px;}
.mypage_wrap .tab_nav nav .tab_nav_list li a {
    display:block;
    width:100%;
    height:47px;
    padding:15px 0 15px;
    border-radius: 5px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #f0f0f0;
    background-color: #fff;
    font-size:15px;
    color:#484848;
    text-align:center;
}
.mypage_wrap .tab_nav nav .tab_nav_list li.active a,
.mypage_wrap .tab_nav nav .tab_nav_list li a:hover {background-color:#ff9100;color:#fff}
.mypage_wrap.supplier .tab_nav nav .tab_nav_list li.active a,
.mypage_wrap.supplier .tab_nav nav .tab_nav_list li a:hover {background-color:#8dceee;color:#fff}
.mypage_wrap .my_content_box {
    width:100%;
    min-height:500px;
    padding:30px;
    border-radius: 5px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
}
.mypage_wrap .my_content_box.pdt0 {padding-top:0}
.mypage_wrap .my_content_box .title {
	font-size: 25px;
  	font-weight: bold;
	color: #484848;
	line-height: 28px;
}
.mypage_wrap .my_content_box .desc {
	font-size: 15px;
	color: #484848;
	margin-top: 20px;
}
.mypage_wrap .no_match {position:relative;text-align:center;padding:25px 0 29px;}
.mypage_wrap .no_match .no_match_ico {position:relative;width:30px;margin:0 auto;}
.mypage_wrap .no_match .no_match_ico img {width:100%;}
.mypage_wrap .no_match .text {margin-top:15px;font-size:20px;color: #484848;}
.mypage_wrap .no_match .match_img {margin-top:30px}
.mypage_wrap .no_match .btn_box {margin-top:30px}
.mypage_wrap .btn_match_add {
    display:inline-block;
    height: 50px;
    padding: 15px 20px;
    border-radius: 100px;
    box-shadow: 0 6px 4px 0 rgba(0, 0, 0, 0.1);
    background-image: linear-gradient(to right, #ff9100, #ff540f);
    font-size: 18px;
    font-weight:700;
    color: #ffffff;
}

.mypage_wrap .table_wrap {position:relative;}
.mypage_wrap .table_wrap .table_head {
    display:flex;
    flex-direction:row;
    width:100%;
    min-height:40px;
    padding:10px 0;
    box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
    background-color: #fffaf8;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    font-size: 16px;
    text-align: center;
    color: #484848;
    align-items:center;
    flex-wrap:wrap;
}
.mypage_wrap .table_wrap .table_row {
    display:flex;
    flex-direction:row;
    width:100%;
    min-height:40px;
    margin-top:9px;
    padding:10px 0;
    box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
    background-color: #ffffff;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    font-size: 16px;
    text-align: center;
    color: #484848;
    align-items:center;
    flex-wrap:wrap;
}
.mypage_wrap .table_wrap .table_cell {flex-shrink:1;font-size:16px;color:#484848;padding-left:10px;padding-right:10px;text-align:center;}
.mypage_wrap .table_wrap .table_cell.date {width:109px}
.mypage_wrap .table_wrap .table_cell.prd_name {width:280px}
.mypage_wrap .table_wrap .table_cell.prd_name2 {width:450px}
.mypage_wrap .table_wrap .table_cell .subject {
    display:block;
    width:100%;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.mypage_wrap .table_wrap .table_cell.recruit {width:100px}
.mypage_wrap .table_wrap .table_cell.support {width:100px}
.mypage_wrap .table_wrap .table_cell.manager {width:100px;padding-left:5px;padding-right:5px}
.mypage_wrap .table_wrap .table_cell.manager2 {width:185px;padding-left:5px;padding-right:5px}
.mypage_wrap .table_wrap .table_cell .btn_manager {
    display:inline-block;
    height: 30px;
    padding: 6px 15px;
    border-radius: 5px;
    box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
    border: solid 1px #e9e9e9;
    background-color: #ffffff;
    color:#484848;
}
.mypage_wrap .table_wrap .table_cell .btn_manager.org {color:#ff540f;}
.mypage_wrap .table_wrap .table_cell .btn_manager.blue {color:#42b5d9;}
.mypage_wrap.supplier .table_wrap .table_head {box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);background-color: #f8fbff;}
.mypage_wrap.supplier .table_wrap .table_row {box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);}
.mypage_wrap .match_view {position:relative;margin-top:29px}
.mypage_wrap .match_view .view_title {
    width:100%;
    min-height:40px;
    padding: 11px 0 0;
    border-top:1px solid #f0f0f0;
    border-bottom:1px solid #f0f0f0;
    box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
    background-color: #fffaf8;
    font-size:16px;
    color:#484848;
    font-weight:400;
    text-align:center;
}
.mypage_wrap .match_view .macth_view_list_wrap {margin-top:10px;}
.mypage_wrap .match_view .macth_view_list_wrap .view_list_content {margin:-5px}
.mypage_wrap .match_view .macth_view_list_wrap .view_list {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list {
    position:relative;
    width:50%;
    padding:5px;
}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner {
    position:relative;
    width:100%;
    min-height:243px;
    padding: 20px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #f0f0f0;
    background-color: #f9f9f9;
    font-size:16px;
    color:#484848;
}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner .btn_box {
    position:absolute;
    top:20px;
    right:20px;
    flex-direction:column;
    margin:0;
}
.mypage_wrap .match_view .btn_match {
    display:inline-block;
    min-width:89px;
    height:28px;
    padding:5px;
    border-radius: 3px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    text-align:center;
    font-size:16px;
    color:#484848;    
}
.mypage_wrap .match_view .btn_match.red {color:#e33838;}
.mypage_wrap .match_view .btn_match.blue {color:#42b5d9;}
.mypage_wrap .match_view .btn_match.org {color:#ff540f;}
.mypage_wrap .match_view .btn_match.mt15 {margin-top:15px}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner .list_title {font-weight:700;padding-right:89px}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner .list_content {margin-top:20px}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner .top {padding-bottom:14px;border-bottom:1px solid #e9e9e9}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner .bottom {margin-top:15px}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dl {
    width:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:flex-start;
}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dl ~ dl {margin-top:13px}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dl.fst {padding-right:89px;}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dt {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    align-items:center;
    font-weight:400;
    width:119px;
    flex-shrink:1;
}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dt i,
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dt span {display:block;}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dt i {width:18px;flex-shrink:1;}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dt i img {max-width:100%;}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dt span {width:calc(100% - 18px);padding-left:10px;}
.mypage_wrap .match_view .macth_view_list_wrap .view_list .list .list_inner dd {font-weight:700;width:calc(100% - 119px)}
.mypage_wrap.supplier .match_view .view_title {
    box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
    background-color: #f8fbff;
}
.mypage_wrap .support_match_view {
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;    
    margin-top:10px;
    padding: 20px 20px 19px 28px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #f0f0f0;
    background-color: #f9f9f9;
    align-items:center;
}
.mypage_wrap .support_match_view .support_user {
    width:130px;
    font-size:16px;
    font-weight:700;
    color:#484848;
    text-align:center;
    
}
.mypage_wrap .support_match_view .support_user .user_img {
    position:relative;
    overflow:hidden;
    margin:0 auto;
    width: 100px;
    height: 100px;
    border-radius: 120px;
}
.mypage_wrap .support_match_view .support_user .user_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}
.mypage_wrap .support_match_view .support_user .nick_name {margin-top:15px}
.mypage_wrap .support_match_view .support_content {width:calc(100% - 158px);margin-left:27px;padding-left:30px;border-left:1px solid #e9e9e9}
.mypage_wrap .support_match_view .support_content .subject {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    font-size:16px;
    font-weight:700;
    color:#484848;
}
.mypage_wrap .support_match_view .support_content .subject .ca {color:#ff540f;margin-right:10px}
.mypage_wrap .support_match_view .support_content .subject .ca.org {color:#ff9100}
.mypage_wrap .support_match_view .support_content .subject .ca ~ .text {width:calc(100% - 80px);}
.mypage_wrap .support_match_view .support_content .subject .text {white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.mypage_wrap .support_match_view .support_date {margin-top:20px}
.mypage_wrap .support_match_view .support_btn_box {margin-top:20px}
.mypage_wrap .support_match_view .support_contact {position:relative;margin-top:20px;padding-right:76px}
.mypage_wrap .support_match_view .support_contact .su_btn_box {
    position:absolute;
    bottom:0;
    right:0;
    width:89px;
}
.mypage_wrap .support_match_view .support_contact .su_btn_box .btn_detail {
    position:relative;
    top:auto;
    right:auto;
    width:100%;
    min-width:100%;
    color: #ff540f;
}
.mypage_wrap .support_match_view .support_contact .su_btn_box .btn_detail.mt10 {margin-top:10px}
.mypage_wrap .support_match_view .support_contact .su_btn_box .btn_detail.disabled {
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    color:#ccc;
    cursor:not-allowed;
}
.mypage_wrap .support_match_view .support_contact .btn_detail {
    position:absolute;
    bottom:0;
    right:0;
    display:inline-block;
    min-width:76px;
    height:28px;
    padding: 5px 10px;
    border-radius: 3px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    font-size:16px;
    color:#484848;
    text-align:center;
}

.mypage_wrap .support_match_view dl {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    font-size:16px;
    color:#484848;
}
.mypage_wrap .support_match_view dl dt {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:101px;
    align-items:center;
}
.mypage_wrap .support_match_view dl dt i {width:18px}
.mypage_wrap .support_match_view dl dt i img {width:100%;height:auto}
.mypage_wrap .support_match_view dl dt span {width:calc(100% - 18px);padding-left:10px}
.mypage_wrap .support_match_view dl dd {width:calc(100% - 101px);font-weight:700;}
.mypage_wrap .support_match_view dl ~ dl {margin-top:15px}
.mypage_wrap .info_mod {position:relative;padding:30px 78px}
.mypage_wrap .info_mod .profile_photo_edit {position:relative;width:150px;margin:0 auto}
.mypage_wrap .info_mod .profile_photo_edit .photo_box {position:relative;width:150px;height:150px;overflow:hidden;}
.mypage_wrap .info_mod .profile_photo_edit .photo_box img {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);min-width:100%;min-height:100%}
.mypage_wrap .info_mod .profile_photo_edit .photo_btn_box {margin-top:15px;text-align:center;}
.mypage_wrap .info_mod .profile_photo_edit .btn_photo_edit {
    display:inline-block;
    position:relative;
    height: 37px;
    padding: 10px 9px;
    border-radius: 3px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    font-size: 15px;
    color: #484848;
}
.mypage_wrap .info_mod .info_mod_content {margin-top:30px}
.mypage_wrap .info_mod .form_area {position:relative;width:100%;}
.mypage_wrap .info_mod .form_area li {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
}
.mypage_wrap .info_mod .form_area li.vt_flex_start {align-items:flex-start;;}
.mypage_wrap .info_mod .form_area li.vt_flex_start .label {padding-top:10px}
.mypage_wrap .info_mod .form_area li ~ li {margin-top:20px}
.mypage_wrap .info_mod .form_area li .label {
    width:103px;
    flex-shrink:1;
    font-size: 15px;
    font-weight: bold;
    color: #484848;
}
.mypage_wrap .info_mod .form_area li .cont {width:calc(100% - 103px);padding-left:19px}
.mypage_wrap .info_mod .form_area li .cont.in_btn_box {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
}
.mypage_wrap .info_mod .form_area li .cont.in_btn_box .inputbox {width:calc(100% - 80px)}
.mypage_wrap .info_mod .form_area li .cont.in_btn_box .frm_btn_box {padding-left:10px} 

.mypage_wrap .info_mod .form_area .mt5 {margin-top:5px}
.mypage_wrap .info_mod .tag_list {margin-top:10px}
.mypage_wrap .info_mod .tag_list .tagbox {
    font-size: 14px;
    line-height: 1;
    height: 25px;
    display: inline-flex;
    align-items: center;
    padding: 0 5px;
    background-color: #fff5e1;
    color: #ff9100;
    margin-left: 10px;
}
.mypage_wrap .info_mod_btn_box {margin-top:30px;text-align:center;}
.mypage_wrap .info_mod_btn_box .btn_submit {
    display:inline-block;
    position:relative;
    height: 37px;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    background-image: linear-gradient(to right, #ff9100, #ff540f);
    text-align:center;
    font-weight:700;
    font-size:15px;
    color:#fff;    
}
.mypage_wrap .frm_btn_box .btn_frm {
    display:inline-block;
    position:relative;
    height: 37px;
    padding: 10px 20px;
    border-radius: 3px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
    font-size: 15px;    
    color: #484848;
}
.mypage_wrap .withdrawal {position:relative;padding:30px 90px}
.mypage_wrap .withdrawal .withdrawal_content {margin-top:50px}
.mypage_wrap .withdrawal .title {font-size:25px;font-weight:700;color:#484848}
.mypage_wrap .withdrawal .text1 {margin-top:20px;font-size:15px;color: #484848;}
.mypage_wrap .withdrawal .text2 {margin-top:10px;font-size:15px;line-height:1.33;color: #b0b0b0;}
.mypage_wrap .withdrawal .i_text1 {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    margin-top:30px;
    font-size: 15px;
    font-weight: bold;
    color: #484848;
}
.mypage_wrap .withdrawal .i_text1 i {display:block;width:17px}
.mypage_wrap .withdrawal .i_text1 i img {width:100%;}
.mypage_wrap .withdrawal .i_text1 span {display:block;width:calc(100 - 17px);padding-left:5px;}
.mypage_wrap .withdrawal .i_text2 {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;
    font-size: 15px;
    margin-top:10px;
    text-align: left;
    color: #b0b0b0;
    justify-content:center;
}
.mypage_wrap .withdrawal .i_text2 i {display:block;width:17px}
.mypage_wrap .withdrawal .i_text2 i img {width:100%;}
.mypage_wrap .withdrawal .i_text2 span {display:block;width:calc(100 - 17px);padding-left:5px;}
.mypage_wrap .withdrawal .withdrawal_btn_box {margin-top:50px;text-align:center;}
.mypage_wrap .withdrawal .withdrawal_btn_box .btn_submit {
    display:inline-block;
    position:relative;
    width: 290px;
    height: 40px;
    padding: 11px 0 12px 0;
    background-image: linear-gradient(to right, #ff9100, #ff540f);
    text-align:center;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
}
.mypage_wrap .withdrawal .form_area li ~ li {margin-top:10px}

.modal_wrap {
    position: fixed;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none; 
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 10px 10px 0;
    width:100%;
    height:100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.modal_bg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.member_act_info {
    position:fixed;
    top:0;
    right:0;
    width:500px;
    height:100%;
    z-index:21;
    font-family: 'NanumSquare';
    transform:translateX(200%);
    -webkit-transform:translateX(200%);
    -moz-transform:translateX(200%);
    -ms-transform:translateX(200%);
    transition: transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.modal_open .member_act_info {
    transform:translateX(0%);
    -webkit-transform:translateX(0%);
    -moz-transform:translateX(0%);
    -ms-transform:translateX(0%);
}
.member_act_info .head {
    display:flex;
    width:100%;
    height:70px;
    padding:24px 0 24px 30px;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    background-color: #ff540f;
}
.member_act_info .head .ico {width:22px;flex-shrink:1;}
.member_act_info .head .ico .btn_close {
    display:inline-block;
    position:relative;
    width:22px;
    height:22px;
    padding:0;
    margin:0;
    background-color:transparent;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(/images/custom/icon/ico_white_left_arr.png);
    text-indent:-999999px;
}
.member_act_info .head .title {width:calc(100% - 22px);padding-left:20px;font-size:20px;color:#fff;font-weight:700;}
.member_act_info .body {
    width:100%;
    height:calc(100% - 70px);   
    background-color:#f7f7f7;
    overflow-y:auto;
}
.member_act_info .body .body_in { padding:50px 50px 104px;}
.member_act_info .member_profile {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
}
.member_act_info .member_profile .profile_img {
    position: relative;
    width: 120px;
    height: 120px;
    overflow: hidden;
    border-radius: 120px;
}
.member_act_info .member_profile .profile_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-width: 100%;
    min-height: 100%;
}
.member_act_info .member_profile .profile_cont {width:calc(100%  - 120px);padding-left:25px}
.member_act_info .member_profile .profile_cont .profile_btn_box {position:relative;}
.member_act_info .member_profile .profile_cont .profile_btn_box .btn_my {
    display:inline-block;
    min-width:57px;
    height:25px;
    padding: 5px 10px;
    border-radius: 3px;
    background-color: #ff9100;
    font-size:14px;
    color:#fff;
    text-align:center;
}
.member_act_info .member_profile .profile_cont .profile_btn_box .btn_my.supplier {background-color: #8dceee;}
.member_act_info .member_profile .profile_cont .nick_name {font-size:20px;font-weight:700;color:#484848;margin-top:25px;}
.member_act_info .member_profile .profile_cont .sign_date {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    margin-top:25px;
}
.member_act_info .member_profile .profile_cont .sign_date .local {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:70px;    
}
.member_act_info .member_profile .profile_cont .sign_date .local .local_ico {width:17px;}
.member_act_info .member_profile .profile_cont .sign_date .local .local_ico img {width:100%;height:auto}
.member_act_info .member_profile .profile_cont .sign_date .local .local_text {width:calc(100% - 17px);font-size:15px;color:#707070}
.member_act_info .member_profile .profile_cont .sign_date .date {font-size:15px;color:#707070}
.member_act_info .profile_text {
    margin-top:30px;
    font-size:20px;
    color:#484848;
    display:-webkit-box; 
    word-wrap:break-word; 
    -webkit-line-clamp:2; 
    -webkit-box-orient:vertical; 
    overflow:hidden; 
    text-overflow:ellipsis;
    height:44px;
}
.member_act_info .act_info_list {margin-top:29px;padding-top:30px;border-top:1px solid #d9d9d9}
.member_act_info .act_info_list .title {font-size:18px;color:#484848;font-weight:700;}
.member_act_info .act_info_list .title span {display:inline-block;margin-left:20px;}
.member_act_info .act_info_list .title span span {margin-left:10px}
.member_act_info .act_info_list .supplier_info {position:relative;}
.member_act_info .act_info_list .supplier_info dl {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    margin-top:20px;
    font-size:15px;
    color:#484848
}
.member_act_info .act_info_list .supplier_info dl dt {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:120px;
}
.member_act_info .act_info_list .supplier_info dl dt i,
.member_act_info .act_info_list .supplier_info dl dt span {display:block;}
.member_act_info .act_info_list .supplier_info dl dt i {width:17px}
.member_act_info .act_info_list .supplier_info dl dt i img {width:100%;height:auto}
.member_act_info .act_info_list .supplier_info dl dt span {padding-left:5px;width:calc(100% - 17px)}
.member_act_info .act_info_list .supplier_info dl dd {width:calc(100% - 120px);font-weight:700;}
.member_act_info .act_info_list .date_info {position:relative;margin-top:20px}
.member_act_info .act_info_list .date_info::before {
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:94px;
    width:1px;
    height:100%;
    background-color:#d9d9d9;
}
.member_act_info .act_info_list .date_info dl {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    font-size:15px;
    color:#484848;
}
.member_act_info .act_info_list .date_info dl dt {
    padding-right:15px;    
}
.member_act_info .act_info_list .date_info dl dd {
    padding-left:14px;
}
.member_act_info .act_info_list .date_info dl ~ dl {padding-top:15px;}
.member_act_info .act_info_list .review_info {position:relative;margin-top:20px;}
.member_act_info .act_info_list .review_info dl {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:center;
    width:100%;
    font-size:15px;
    color:#484848;
}
.member_act_info .act_info_list .review_info dl ~ dl {margin-top:15px}
.member_act_info .act_info_list .review_info dl dt {width:99px}
.member_act_info .act_info_list .review_info dl dt img {width:17px;height:auto;}
.member_act_info .act_info_list .review_info dl dd {width:calc(100% - 99px);padding-left:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.member_act_info_bg {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.5);
    z-index:20;
}
.modal_open .modal_wrap {display:block;}
.modal_open .member_act_info_bg {display:block;}
.modal_open .modal_bg {display:block;}

.modal_match_bg {
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.5);
    z-index:20;
}
.modal_match {
    position:absolute;
    top:200px;
    left:50%;
    width: 800px;    
    height: 620px;
    padding:26px 20px 20px;
    border-radius: 10px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
    transform:translateX(-50%);
    z-index:22;
    font-family: 'NanumSquare';
}
.modal_match .head {position:relative;}
.modal_match .head .title {font-size:25px;color:#484848;font-weight:400;}
.modal_match .head .title em,
.modal_match .head .title span {display:inline-block;}
.modal_match .head .title em {font-weight:700;}
.modal_match .head .title span {margin-left:10px}
.modal_match .head .btn_close {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:20px;
    height:20px;
    background:url(/images/custom/icon/ico_close.png) no-repeat 0 0;
    background-size:100% auto;
    text-indent:-99999px;
}
.modal_match .body {margin-top:20px}
.modal_match .tab {position:relative;display:flex;width:100%;flex-direction:row;flex-wrap:wrap;}
.modal_match .tab li {width:50%}
.modal_match .tab li a {
    display:block;
    width:100%;
    height: 60px;
    padding: 19px 0 19px;
    border-radius: 5px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
    box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
    font-size:20px;
    font-weight:700;
    text-align:center;
    color:#484848
}
.modal_match .tab li a:hover,
.modal_match .tab li.on a {
    color:#fff;
    background-image: linear-gradient(to right, #ff9100, #ff540f);
}
.modal_match .modal_detail_match {margin-top:20px}
.modal_match .down_frm .form_area {position:relative;width:100%}
.modal_match .down_frm .form_area li {display:flex;flex-direction:row;flex-wrap:wrap;width:100%;align-items:center;}
.modal_match .down_frm .form_area li .label {width:176px;font-size:20px;color:#484848}
.modal_match .down_frm .form_area li .cont {width:calc(100% - 176px);padding-left:26px}
.modal_match .detail_box {       
    margin:19px 0 0 0;
    padding:39px 30px 22px 91px;
    border-radius: 5px;
    box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
    border: solid 1px #d9d9d9;
    background-color: #ffffff;
}
.modal_match .detail_box {position:relative;}
.modal_match .detail_box .title {
    display:flex;
    width:100%;
    flex-direction:row;
    flex-wrap:wrap;
    font-size:15px;
    color:#484848;
    font-weight:700;
}
.modal_match .detail_box .title i {width:17px}
.modal_match .detail_box .title span {display:block;width:calc(100% - 17px);padding-left:5px}
.modal_match .detail_box .form_area {position:relative;width:100%;margin-top:20px}
.modal_match .detail_box .form_area li {display:flex;flex-direction:row;flex-wrap:wrap;width:100%;align-items:center;}
.modal_match .detail_box .form_area li .label {width:61px;font-size:15px;color:#b0b0b0;}
.modal_match .detail_box .form_area li .cont {width:calc(100% - 61px);padding-left:20px;font-size:15px;color:#707070;}
.modal_match .detail_box .form_area li.mt10 {margin-top:10px}
.modal_match .detail_box .form_area li.mt20 {margin-top:20px}
.modal_match .detail_box .form_area li .cont .label_list {display:flex;flex-direction:row;width:100%;}
.modal_match .detail_box .form_area li .cont .label_list .w86 {width:86px;}
.modal_match .detail_box .form_area li .cont .label_list .w96 {width:96px;}
.modal_match .detail_box .mt50 {margin-top:45px}
.modal_match .modal_detail_price {margin-top:40px;text-align:center;}
.modal_match .modal_detail_price .price_info {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    padding-left:253px;
}
.modal_match .modal_detail_price .price_info dt {font-size:25px;color:#484848;font-weight:bold;}
.modal_match .modal_detail_price .price_info dd {margin-left:30px;font-size:25px;color:#484848;font-weight:bold;}
.modal_match .modal_detail_price .price_info ~ .price_info {margin-top:25px}
.modal_match .modal_detail_price .price_info.margin {margin-top:55px}
.modal_match .modal_detail_price .price_info.margin dd {color:#ff540f;width:140px;text-align:right;}
.modal_match .modal_detail_price .imgbox {margin-top:30px}

.modal_review_write_bg {
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:20;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal_review_write {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width: 470px;
    height: 289px;
    padding:20px;
    border-radius: 10px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
    z-index:23;
    font-family: 'NanumSquare';
}
.modal_review_write .head {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}
.modal_review_write .head .title {font-size:20px;font-weight:700;color: #484848;}
.modal_review_write .head .btn_close {
    display:block;
    position:relative;
    width:20px;
    height:20px;
    background:url(/images/custom/icon/ico_close.png) no-repeat 0 0;
    background-size:100% auto;
    padding:0;
    margin-left:auto;
    text-indent:-99999px;
}
.modal_review_write .body {margin-top:18px}
.modal_review_write .star_btn_box {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}
.modal_review_write .star_btn_box label {display:block;position:relative;width:25px;height:25px;}
.modal_review_write .star_btn_box label em {
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
    background-image:url(/images/custom/icon/ico_star_off.png)
}
.modal_review_write .star_btn_box label input[type="checkbox"]:checked ~ em {background-image:url(/images/custom/icon/ico_star.png)} 
.modal_review_write .star_btn_box label + label {margin-left:2px}
.modal_review_write .review_reg_box {
    position:relative;
    width:430px;
    height:125px;   
    padding:20px;
    border-radius: 5px;
    background-color: #fff5f1;
    margin-top:15px;
}
.modal_review_write .review_reg_box .count {font-size:18px;color:#b0b0b0;text-align:right;}
.modal_review_write .review_reg_box textarea {
    width:100%;
    height:60px;
    border:0;
    background-color:transparent;
    font-size:18px;
}
.modal_review_write .btn_box {margin:14px 0 0 0;font-size:15px;color: #b0b0b0;justify-content:initial;}
.modal_review_write .btn_box .text {position:relative;}
.modal_review_write .btn_box .btn_submit {
    display:block;
    padding:0;
    margin:0 0 0 auto;
    border:0;
    background-color:transparent;
    font-size:15px;
    color:#484848;
}

.modal_select_account_bg {
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.05);
    background-color: rgba(0, 0, 0, 0.5);
    z-index:20;
}
.modal_select_account {
    position:absolute;
    top:50%;
    left:50%;
    width:428px;
    height:190px;
    padding: 20px;
    border-radius: 10px;
    border: solid 1px #f0f0f0;
    background-color: #ffffff;
    transform:translate(-50%,-50%);
    z-index:22;
    font-family: 'NanumSquare';
}
.modal_select_account .head {display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}
.modal_select_account .head .title {font-size:20px;font-weight:700;color: #ff540f;}
.modal_select_account .head .btn_close {
    display:block;
    position:relative;
    width:20px;
    height:20px;
    background:url(/images/custom/icon/ico_close.png) no-repeat 0 0;
    background-size:100% auto;
    padding:0;
    margin-left:auto;
    text-indent:-99999px;
}
.modal_select_account .body {margin-top:20px;font-size:18px;line-height:1.39;color: #484848;letter-spacing:-1px;}
.modal_select_account .m_btn_box {margin-top:20px;text-align:right;}
.modal_select_account .m_btn_box .btn_acc {
    display:inline-block;
    padding:0;
    margin:0 0 0 0;
    border:0;
    background-color:transparent;
    font-size:20px;
    color:#707070;
    font-weight:700;
}
.modal_select_account .m_btn_box .btn_acc ~ .btn_acc { margin-left:20px }


/* 마이 페이지 메인 */
.my_main {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 35px;
}
.my_main .mypage_main_section {
	width: calc(50% - 10px); min-height: 208px;
	border-radius: 5px;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #f0f0f0;
	background-color: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	
}
.my_main .mypage_main_section.w100per {
	width: 100%;
}
.my_main .mypage_main_section + .mypage_main_section.w100per {
	margin-top: 20px;
}
.my_main .mypage_main_section h3 {
	width: 100%; height: 47px;
	box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.05);
  	background-color: #f8fbff;
  	display: flex;
  	flex-direction: row;
  	align-items: center;
  	font-size: 15px;
  	font-weight: bold;
  	color: #484848;
  	padding: 0 20px;
}
.my_main .mypage_main_section h3::before {
	content: '';
	display: inline-block;
	width: 17px; height: 17px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin-right: 5px;
}
.my_main .mypage_main_section.mymatch h3::before,
.my_main .mypage_main_section.mycert h3::before {
	background-image: url('/images/icon/ico_screen.png');
}
.my_main .mypage_main_section.knowhow h3::before {
	background-image: url('/images/icon/ico_megaphone.png');
}
.my_main .mypage_main_section .mypage_main_content .cert-box{
	margin: 0 auto;
	margin-top: 30px;
	font-size: 15px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: -0.64px;
	text-align: left;
	color: #555;	
}
.my_main .mypage_main_section .mypage_main_content .cert-box span{
	margin-right: 10px;	
}
.my_main .mypage_main_section .mypage_main_content {
	padding: 20px;
	flex: 1;
}
.my_main .mypage_main_section .mypage_main_content .count_list {
	height: 121px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	border-radius: 5px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
}
.my_main .mypage_main_section .mypage_main_content .count_list > li {
	width: 50%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 0 25px;
	font-size: 15px;
	font-weight: bold;
}
.my_main .mypage_main_section .mypage_main_content .count_list > li .label {
	color: #484848;
}
.my_main .mypage_main_section .mypage_main_content .count_list > li .cont {
	color: #ff540f;
}

.my_main .mypage_main_section.mycert .mypage_main_content {
	display: flex;
	flex-direction: row;
	padding: 20px 20px;
}
.my_main .mypage_main_section .mypage_main_content .graph_area {
	height: 100%;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
}
.my_main .mypage_main_section .mypage_main_content .graph_area .circle_graph {
	width: 100px; height: 50px;
}
.my_main .mypage_main_section .mypage_main_content .graph_area .circle_graph + .text b { color: #484848; }
.my_main .mypage_main_section .mypage_main_content .btn_area {
	flex: 1;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.my_main .mypage_main_section .mypage_main_content .btn_area button {
	padding: 10px 34px;
	border-radius: 17px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	font-size: 13px;
	color: #484848;
}

.my_main .mypage_main_section.knowhow .mypage_main_content { padding: 0; }
.my_main .mypage_main_section .mypage_main_content .knowhow_list {
	display: flex;
	flex-direction: column;
	width: 100%;
	
}
.my_main .mypage_main_section .mypage_main_content .knowhow_list > li {
	width: 100%; min-height: 102px;
	border-radius: 5px;
	box-shadow: inset 0 4px 10px 0 rgba(0, 0, 0, 0.05);
	background-color: #fff;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .cont {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
}
.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .cont > .img {
	width: 72px; height: 72px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  	background-color: #e9f6ff;
  	border-radius: 50%;
  	display: inline-flex;
  	align-items: center;
  	justify-content: center;
  	margin: 0 30px;
}
.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .cont > .text {
	font-size: 15px;
	color: #484848;
}
.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .knowhow_btn {
	display: inline-flex;
	align-items: center;
	padding-right: 50px;
}
.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .knowhow_btn button {
	min-width: 120px;
	text-align: center;
	padding: 10px;
	border-radius: 100px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	font-size: 13px;
	color: #484848;
}

#memberIdentityArea .popup_inner {
	width: 100%;
	max-width: 626px;
	overflow: hidden;
	border: 0;
}
.popup_tab_area {
	width: 100%;
	/*display: flex;*/
	flex-direction: row; 
}
.popup_tab_area .popup_desc { display: none; }
.popup_tab_area .popup_tab {
	display: flex;
	flex-direction: column;
	width: 100%;
	background: #ffffff;
}
.popup_tab_area .popup_tab > ul > li {
	display: block;
	float: left;
	width: 25%;
	border-bottom: 1px solid #d9d9d9;
}
.popup_tab_area .popup_tab > ul > li + li {
	
}

.popup_tab_area .popup_tab > ul > li button {
	width: 100%; height: 40px;
	color: #848484;
	font-size: 17px;
  	font-weight: normal;
	text-align: center;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
}
.popup_tab_area .popup_tab > ul > li .identityBtn.on {
	color: #484848;
	font-weight: bold;
}

.popup_tab_area .popup_tab > ul > li button span {
	position: relative;
	z-index: 2;
}

.popup_tab_area .popup_tab > ul > li button.on span::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 60%;
    background-color: #fff59d;
    z-index: -1;
    transition: opacity .25s;
}

.popup_tab_area .tab_content {
	display: flex;
	min-height: 300px;
	align-items: flex-start;
    justify-content: center;
    position: relative;
}
.identityArea {
	display: none;
	flex-direction: column;
	width: 100%; height: 220px;
	overflow-y: auto;
	padding: 0 10px;
	margin-top: 30px;
}
.identityArea::-webkit-scrollbar {
	width: 5px;
}
.identityArea::-webkit-scrollbar-thumb {
	background-color: #ccc;
	border-radius: 3px;
}
.identityArea::-webkit-scrollbar-track {
	background-color: #fff;
}

.identityArea.on {
	display: flex;
}
.identityArea h3 {
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	color: #484848;
}
.identityArea .tab_cont_in {
	width: 100%; height: 100%;
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.identityArea .tab_cont_in.tab_cont1 {
	margin-top: 47px;
}
.identityArea .tab_cont_in h4 {
	font-size: 18px;
	font-weight: bold;
	color: #484848;
}
.identityArea .tab_cont_in .desc {
	font-size: 17px;
	color: #484848;
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
	display: flex;
}
.identityArea .input_area {margin-top: 30px; }
.input_area_w_se {width: 300px;}
.input_area_w_se2 {width: 362px;}
.identityArea .input_area2 {
	max-width: 100%;
	display: flex;
	flex-direction: row;
	margin-top: 20px;
}
.identityArea .input_area2 .inputbox:first-child {
	width: 160px;
	margin-right: 10px;
}
.identityArea .inputbtn .btn_apply {
	position: absolute;
	bottom: 20px; right: 20px;
	width: 80px;
	height: 40px;
	border-radius: 5px;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #d9d9d9;
	background-color: #fff;
	text-align: center;
	font-size: 17px;
	color: #b0b0b0;
}
.identityArea .inputbox_se5 + .inputbox_se5 { margin-top: 10px; }
.identityArea .half_input {
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}
.identityArea .half_input .inputbox {
	flex: 1;
}
.identityArea .half_input .inputbox:nth-child(1) {margin-right: 5px;}
.identityArea .half_input .inputbox:nth-child(2) {margin-left: 5px;}
.identityArea .inputbtn .btn_apply.org {
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	background: linear-gradient(to top, #ff9100, #ff540f);
	border: 0;
	color: #ffffff;
}
.identityArea .inputbtn .btn_apply:disabled {
	color: #ccc;
}

.popup_tab_area .tab_content .complete_msg {
	width: 100%; height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
.popup_tab_area .tab_content .complete_msg .msg_text {
	font-size: 17px;
	line-height: 22px;
	color: #484848;
	margin-top: 30px;
	text-align: center;
}

.inputbox_se {
	position: relative;
	padding: 0 15px !important;
	width: 211px !important;
}

.inputbox_se2 {
	padding: 0 15px !important;
	width: 127px !important;
}


.inputbox_se3 {
	width: 136px !important;
}

.inputbox_se4 {
	width: 367px !important;
}

.inputbox_se5 {
	width: 490px !important;
}

.iden_input_se {
	width: 100% !important;	
}

.iden_tab ul {
	border-bottom: 1px solid #d9d9d9;
}

.iden_tab ul li {
	float: left;
	width: 50%;
}

.iden_tab ul li button {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	font-weight: bold;
	color: #484848;
	text-align: center;
}

.iden_tab ul li button.on {
	color: #ffffff;
	background-image: linear-gradient(to top, #ff9100, #ff540f);
}

.iden_btn_se {
	position: absolute;
	width: 79px !important;
	height: 39px !important;
	text-align: center !important;
	line-height: 37px !important;
	border-radius: 3px !important;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05) !important;
	border: solid 1px #d9d9d9 !important;
	background-color: #fff !important;
	padding: 0 !important;
	font-size: 17px !important;
	color: #b0b0b0 !important;
	top: -1px !important;
	right: -89px !important;
}

.iden_btn_se.on {
	color: #ff540f !important;
}

.iden_content { display: none; }
.iden_content.show { display: block; }

.file_frm {
	width: 100%;
	border: dashed 1px #f0f0f0;
    margin-top: 10px;
}
.file_frm label {
	width: 100%; min-height: 64px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 10px;
}
.file_frm label input[type=file] { display: none; }
.file_frm label .text1, .file_frm label .text2 {
    font-size: 15px;
    line-height: 1.33;
    text-align: center;
}
.file_frm label .text1 { color: #484848; }
.file_frm label .text2 { color: #b0b0b0; margin-top: 5px; }
.input_list { margin-top: 10px; }


.leave_inner {
	width: 100%; max-width: 600px;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
}

.leave_inner .leave_inputs {
	width: 100%;
	margin-top: 50px;
}
.leave_inner .leave_inputs li + li {
	margin-top: 15px;
}
.leave_inner .leave_inputs .inputbox textarea {
	height: 150px;
}
.leave_inner .leave_agree {
	width: 100%;
	font-size: 14px;
	margin-top: 15px;
	color: #484848;
}
.leave_inner .btn_box button {
	width: 290px;
	text-align: center;
}
.leave_inner .leave_notice { margin-top: 30px; }
.leave_inner .leave_notice dt {
	font-size: 15px;
  	font-weight: bold;
	color: #484848;
	display: flex;
	align-items: center;
}
.leave_inner .leave_notice dt::before {
	content: '';
	display: inline-block;
	width: 17px; height: 17px;
	background: url('/images/icon/ico_check.png') no-repeat 50% 50%;
	background-size: cover;
	margin-right: 5px;
}
.leave_inner .leave_notice dd {
	font-size: 15px;
	color: #b0b0b0;
	margin-top: 10px;
}
.leave_inner .btn_box {
	margin-bottom: 0;
}
.leave_inner .caution_msg {
	font-size: 15px;
	color: #b0b0b0;
	display: flex;
	align-items: center;
	margin-top: 10px;
	margin-bottom: 40px;
}
.leave_inner .caution_msg::before {
	content: '';
	display: inline-block;
	width: 17px; height: 17px;
	background: url('/images/icon/ico_caution.png') no-repeat 50% 50%;
	background-size: cover;
}

@media screen and (max-width: 1000px) {
	/* 마이 페이지 메인 */
	.my_main {
		display: flex;
		flex-direction: column;
	}
	.my_main .mypage_main_section {
		width: 100%;
		margin-top: 10px;
	}
	.my_main .mypage_main_section + .mypage_main_section.w100per {
		margin-top: 10px;
	}
	.popup_alert_box .popup_inner .btn_close_layer { top: 15px; right: 15px; width: 13px; height: 13px;}
	.my_main .mypage_main_section h3 {
		width: 100%; height: 40px;
	  	font-size: 13px;
	  	padding: 0 15px;
	}
	.my_main .mypage_main_section h3::before {
		width: 14px; height: 14px;
	}
	.my_main .mypage_main_section .mypage_main_content {
		padding: 15px;
	}
	.my_main .mypage_main_section .mypage_main_content .count_list {
		height: auto;
		flex-direction: column;
		padding: 15px 0;
	}
	.identityArea {
		width: calc(100% - 30px);
	}
	.my_main .mypage_main_section .mypage_main_content .count_list > li {
		width: 100%;
		padding: 0 15px;
		font-size: 14px;
	}
	.my_main .mypage_main_section .mypage_main_content .count_list > li + li {
		margin-top: 5px;
	}
	.my_main .mypage_main_section .mypage_main_content .count_list > li .label {
		flex: 1;
		color: #484848;
	}
	.my_main .mypage_main_section .mypage_main_content .count_list > li .cont {
		color: #ff540f;
	}
	.my_main .mypage_main_section .mypage_main_content .graph_area { min-height: 100%; height: auto; flex: 1; }
	.my_main .mypage_main_section .mypage_main_content .graph_area .circle_graph + .text { font-size: 12px; margin-top: 10px; }
	.my_main .mypage_main_section .mypage_main_content .btn_area { }
	.my_main .mypage_main_section .mypage_main_content .btn_area button {
		padding: 5px 15px;
		border-radius: 17px;
		font-size: 12px;
	}
	
	.my_main .mypage_main_section.knowhow .mypage_main_content { padding: 0; }
	.my_main .mypage_main_section .mypage_main_content .knowhow_list {
		display: flex;
		flex-direction: column;
		width: 100%;
		
	}
	.my_main .mypage_main_section .mypage_main_content .knowhow_list > li {
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 15px;
	}
	.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .cont {
		flex: 1;
		flex-direction: column;
	}
	.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .cont > .img {
	  	margin: 0;
	}
	.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .cont > .text {
		font-size: 12px;
		margin-top: 10px;
		text-align: center;
	}
	.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .knowhow_btn {
		padding-right: 0;
		margin-top: 10px;
	}
	.my_main .mypage_main_section .mypage_main_content .knowhow_list > li > .knowhow_btn button {
		padding: 5px 10px;
		border-radius: 18px;
		font-size: 12px;
	}
	
	#memberIdentityArea .popup_inner {
		max-width: 626px;
		margin: 0 15px;
	}
	.popup_tab_area {
		flex-direction: column; 
	}
	
	.iden_content {
		background: #f9f9f9;
	}
	.iden_tab ul {
		border-bottom: 0;
	}
	.iden_tab ul li button {
		height: 45px;
		line-height: 45px;
		font-size: 14px;		
	}	
	.popup_tab_area .tab_content {
		min-height: 215px;
		padding-top: 20px;
	}
	.popup_tab_area .popup_desc {
		display: block;
		height: 46px;
		font-size: 14px;
  		font-weight: bold;	
  		padding-left: 15px;
  		line-height: 46px;
	}
	.popup_tab_area .popup_tab {
		flex-direction: row;
		width: auto;
		border-right: 0 none;
	}
	.popup_tab_area .popup_tab > ul { width: 100%; display: flex; flex-direction: row; }
	.popup_tab_area .popup_tab > ul > li {
		flex: 1;
		border: 1px solid #f0f0f0;
	}
	.popup_tab_area .popup_tab > ul > li + li {
		border-top: 0 none;
	}
	.popup_tab_area .popup_tab > ul > li button {
		width: 100%; height: 40px;
		font-size: 13px;
		box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	}
	
	.popup_tab_area .popup_tab > ul > li button strong {
		display: none;
	}
	.identityArea {
		/*min-height: 218px;*/
		display: none;
		/*padding: 15px 15px 60px 15px;*/
	}
	.identityArea h3 {
		width: 100%;
		font-size: 14px;
		display: none;
	}
	.identityArea .tab_cont_in {
		/*min-height: 150px;	
		max-height: 150px;*/
		overflow-y: auto;
		justify-content: flex-start;	
		padding-bottom: 60px;
	}
	.inputbox_se {
		min-height: 32px;
	}
	.inputbox_se2 {
		min-height: 32px;
		width: 95px !important;
	}
	.inputbox_se input {
		min-height: 32px;
		font-size: 13px;
	}	
	.inputbox_se2 input {
		min-height: 32px;
		font-size: 13px;
	}	
	.inputbox_se2 select {
		min-height: 32px;
		font-size: 13px;
		background-size: 10px 10px;
		padding: 0 10px 0 10px;
		background-position: calc(100% - 10px) 50%;
	}	
	.input_area_w_se2 {
		width: 100% !important;
	}	
	.iden_btn_se {
	    position: absolute;
	    width: 65px !important;
	    height: 34px !important;
	    line-height: 32px !important;
	    font-size: 13px !important;
	    top: -1px !important;
	    right: -75px !important;
	}
	.inputbox_se {
	    width: 185px !important;
	}
	.inputbox_se3 {
		width: calc(100% - 100px) !important;
		padding: 0 10px !important;
	}
	.input_area_w_se2 .inputbox:first-child {
		margin-right: 5px !important;
	}
	.inputbox_se3 .iden_btn_se {
		right: -1px !important;
		width: 60px !important;
	}
	.input_area_w_se {
	    width: 260px;
	}
	.identityArea .tab_cont_in h4 {
		font-size: 14px;
	}
	.identityArea .tab_cont_in .desc {
		font-size: 13px;
		word-break: keep-all;
		background-size: 15px;
		padding-left: 20px;
	}
	.identityArea .input_area { max-width: 100%; margin-top: 20px; }
	.identityArea .input_area2 {
		max-width: 100%;
		display: flex;
		flex-direction: row;
		margin-top: 20px;
	}
	.identityArea .input_area2 .inputbox:first-child {
		width: 160px;
		margin-right: 10px;
	}
	/*.identityArea .inputbtn .btn_apply {
		position: absolute;
		bottom: 15px; right: 15px;
		padding: 10px;
		border-radius: 3px;
		border: 0 none;
		color: #fff;
		box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  		background-image: linear-gradient(to top, #ff9100, #ff540f);
	}*/
	.identityArea .inputbtn .btn_apply {
	    bottom: 15px;
	    right: 15px;
	    width: 65px;
	    height: 34px;
	    font-size: 13px;
	}
	.identityArea .inputbtn .btn_apply:disabled {
		color: #fff;
	}
	.m_ds {
		display: block !important;
	}
	.m_no {
		display: none !important;
	}
	
	.popup_alert_box .popup_inner .input_list{
		width: 100% !important;
	}
	.popup_alert_box .popup_inner .input_list > li{
		width: 100% !important;
	}
	.inputbox_se4 {
		width: 100% !important;
	}
	.inputbox_se5 {
		width: 100% !important;
	}
	.input_area_s100 {
		width: 100% !important;
	}
	.identityArea form { height: 100%; }
	.file_frm {
		width: 100%;
		border: dashed 1px #f0f0f0;
	    margin-top: 10px;
	    background: #ffffff;
	}
	.file_frm label {
		width: 100%; min-height: 64px;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 10px;
	}
	.file_frm label input[type=file] { display: none; }
	.file_frm label .text1, .file_frm label .text2 {
	    font-size: 13px;
	}
	.file_frm label .text2 { color: #b0b0b0; margin-top: 5px; }
	.input_list { margin-top: 10px; }
}



.now_content {
	min-height: 341px;
}

.my_now_tit {
	font-size: 16px;
	color: #484848;
	padding: 30px;
	font-weight: bold;
}

.my_now_tit img {
	margin-right: 10px;
}

.my_now_txt {
	font-size: 16px;
	color: #484848;
	padding: 25px 30px;
	border-top: 1px solid #d9d9d9;
}

.my_now_txt img {
	margin-right: 10px;
}

.now_content ul {
	padding: 0 30px;
}

.now_content ul li {
	margin-bottom: 30px;
}

.iden_viewer li {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.my_now_sb, .my_now_date, .my_now_st {
	display: inline-block;
	font-size: 16px;
}
.my_now_sb {
	color: #484848;
	font-weight: bold;
}

.my_now_date {
	color: #848484;
}

.my_now_st {
	color: #484848;
	font-weight: bold;
}

.my_now_st .state0 { color: #484848; }
.my_now_st .state1 { color: #484848; }
.my_now_st .state2 { color: #ccc; }
.my_now_st .state3 { color: #ef4500; }

.my_now_st.com_se {
	color: #cccccc;
}

.my_now_st.org_se {
	color: #ef4500;
}

.my_now_date2 {
	border-left: 1px solid #d9d9d9;
	margin-left: 20px;
	padding-left: 20px;
	display: inline-block;
}

@media screen and (max-width: 1000px) {
	.my_now_sb, .my_now_date, .my_now_st {
		display: inline-block;
		font-size: 13px;
	}
}

/******************** 
	마이페이지 - 이용권 관리 V20 나의 결제내역 시작 
		********************/
		
.wd12{width: 12%;}
.wd17{width: 17%;}
.wd22{width: 22%;}
.wd25{width: 25%;}
.wd28{width: 28%;}
.wd37{width: 37%;}
.wd42{width: 42%;}
		
.mypage_wrap .my_content .my_content_wrap{
	width: 100%;
  	padding: 30px;
  	border-radius: 10px;
  	border: solid 1px #f0f0f0;
  	background-color: #fff;
}

.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap{
  	padding: 20px;
  	border-radius: 10px;
  	border: solid 10px #fff9f3;
  	background-color: #fff;  	
  	display: inline-block;
  	font-size: 20px;
  	text-align: left;
}

.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap:nth-child(n+2){
	margin-left: 20px;
}

.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap .tit{  	
  	letter-spacing: -0.8px;
  	color: #666;
  	padding-left: 10px;
  	display: inline-block;
}

.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap .desc{
  	font-weight: bold;
  	letter-spacing: -0.8px;  	
  	color: #333;
  	padding-left: 30px;
  	display: inline-block;
}

.mypage_wrap .my_content .search_wrap{
	height: 50px;
  	margin: 30px 0 20px;
  	padding: 5px;
  	border-radius: 5px;
  	background-color: #fffaf3;
}

.mypage_wrap .my_content .search_wrap .date_box_wrap{
	font-size: 17px;
  	letter-spacing: -0.68px;
	width: calc(100% / 6 - 12px);
  	padding: 10px 0;
  	border: solid 1px #eee;  	
  	background-color: #fff;
  	color: #888;
  	display: inline-block;
  	text-align: center;
}

.mypage_wrap .my_content .search_wrap .date_box_wrap:nth-child(n+2){
	margin-left: 10px;
}

.mypage_wrap .my_content .search_wrap .date_box_wrap.active{
	border: solid 1px #ff9100;
  	background-color: #fff;
  	color: #ff9100;
}

.mypage_wrap .my_content .next_pay_wrap{
	margin-top: 15px;
}

.mypage_wrap .my_content .next_pay_wrap span{
	font-size: 17px;
  	letter-spacing: -0.68px;
  	color: #333;
}

.mypage_wrap .my_content .next_pay_wrap .btn_cancel{
	display:inline-block;
	border: 1px solid #eee;
	padding: 5px 10px;
	cursor: pointer;
	margin-left: 10px;
	border-radius: 5px;
}

.mypage_wrap .my_content .btn_wrap{
	margin-top: 15px;
	width: 100%;
}

.mypage_wrap .my_content .btn_wrap .btn_tab{
  	font-size: 17px;
  	letter-spacing: -0.68px;
  	padding: 10px 20px;
  	border-radius: 5px;
  	border: solid 1px #eee;
  	color: #555;
  	background-color: #fff;
  	cursor: pointer;
  	display: inline-block;
}

.mypage_wrap .my_content .btn_wrap .btn_tab.active{
	color: #fff;
  	background-color: #ff9100;
  	border: unset;
}

.mypage_wrap .my_content .btn_wrap .btn_tab:nth-child(n+2){
  	margin-left: 10px;
}

.mypage_wrap .my_content .noti{  	
  	margin: 10px 0;
  	font-size: 15px;  	
  	letter-spacing: -0.6px;
  	text-align: left;
  	color: #888;
}

.mypage_wrap .my_content .content_wrap{
	margin: 20px 0;
}

.mypage_wrap .my_content .content_wrap .img_area{
	padding-top: 90px;
	text-align: center;	
}

.mypage_wrap .my_content .content_wrap .img_area .desc{
	margin-top: 30px;
  	font-size: 20px;
  	letter-spacing: -0.8px;
  	color: #555;
  	margin-bottom: 50px;
}

.mypage_wrap .my_content .content_wrap .content_area{
  	font-size: 17px;
  	color: #555;
	margin-top: 30px;
	border-top: 1px solid #ff9100;
	border-bottom: 1px solid #ccc;	
}

.mypage_wrap .my_content .content_wrap tr th{
	padding: 10px 0;	
  	background-color: #fff7ee;
  	text-align: center;
}

.mypage_wrap .my_content .content_wrap tr td{  	
  	padding: 5px;
  	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  	background-color: #fff;
  	text-align: center;
}

.mypage_wrap .my_content .content_wrap .icon_receipt{
	width:24px;
	height:24px;
	background-image:url(/imgs/mypage/icon_receipt.png);
    background-position:0 0;
    background-repeat:no-repeat;
    background-size:100% auto;	
    display: inline-block;
    margin-left: 8px;
    cursor: pointer;
    position: absolute;
}

.mypage_wrap .my_content .content_wrap tr td button{
	padding: 5px 0;
  	border-radius: 5px;
  	text-align: center;
  	width: 100%;
  	font-size: 17px;
  	letter-spacing: -0.68px;
}

.mypage_wrap .my_content .content_wrap tr td .btn_detail{
  	border: solid 1px #eee;
  	background-color: #fff;
}

.mypage_wrap .my_content .content_wrap tr td .btn_gift{	
  	background-color: #ffc738; 	
  	color: #fff;
}

.mypage_wrap .my_content .content_wrap tr td .btn_gift.done{
	background-color: #ddd;
}

.mypage_wrap .mobile_header {
	display: none;
}
.mypage_wrap .web_hidden{
	display: none !important;	
}
@media screen and (max-width: 1000px) {
	.mobile_hidden{
		display: none !important;
	}
	.mypage_wrap .web_hidden{
		display: block !important;
	}
	
	.mypage_wrap .mobile_header{
		display: block;
		width: 100%;
		padding: 0 15px 10px;
	}
	
	.mypage_wrap .mobile_header .box_wrap{
		display: inline-block;
		padding: 10px;
		border-radius: 5px;
  		border: solid 1px #ddd;
  		background-color: #fff;
  		font-size: 13px;
  		letter-spacing: -0.78px;
	}
	
	.mypage_wrap .mobile_header .box_wrap:nth-child(n+2){
		margin-left: 10px;
	}
	
	.mypage_wrap .mobile_header .box_wrap img{
		padding-right: 5px;
		padding-bottom: 1px;
	}
	
	.mypage_wrap .mobile_header .box_wrap .tit{
		display: inline-block;
		color: #666;
	}
	
	.mypage_wrap .mobile_header .box_wrap .desc{
		display: inline-block;	
		font-weight: bold;
		color: #333;
		margin-left: 10px;
	}
	
	.mypage_wrap .my_content .btn_wrap .btn_tab{
		padding: 10px;
	}
	
	.mypage_wrap .my_content .content_wrap .content_area{
		font-size: 13px;
		letter-spacing: -0.78px;
	}
	
	.mypage_wrap .my_content .my_content_wrap{
		padding: 15px;
	}
	
	.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap{
		padding:10px;
		font-size: 16px;
		width: 100%;
	}
	
	.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap:nth-child(n+2){
		margin-left: 0;
		margin-top: 10px;
	}
	
	.mypage_wrap .my_content .my_content_wrap .header_wrap .box_wrap .desc {
		float: right;
		padding-left: 0;
		padding-right: 5px;
	}
	.mypage_wrap .my_content .btn_wrap{
		margin-top: 10px;
	}
	
	.mypage_wrap .my_content .btn_wrap .btn_tab{
		font-size: 13px;
	}
	
	.mypage_wrap .my_content .noti {
		font-size: 11px;
	}
	
	.mypage_wrap .my_content .content_wrap .img_area{
		padding-top: 50px;
	}
	
	.mypage_wrap .my_content .content_wrap .img_area .desc{
		font-weight: bold;
		font-size: 14px;
		letter-spacing: -0.84px;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	
	.mypage_wrap .my_content .content_wrap tr td button{
		font-size: 11px;
	}
	
	.mypage_wrap .my_content .content_wrap .icon_receipt{
		width:15px;
		height:15px;
		background-image:url(/imgs/mypage/icon_receipt_m.png);
    	margin-left: 3px;
	}
}
		
/******************** 
	마이페이지 - 이용권 관리 V20 나의 결제내역 끝 
		********************/
		
/******************** 
	마이페이지 - 이용권 관리 V20 이용권 선물하기 팝업 시작 
		********************/
		
.gift_popup_warp, 
.gift_check_popup_warp,
.gift_done_popup_warp,
.gift_fail_popup_warp,
.gift_detail_popup_warp {
	display: none;
}

.gift_popup_warp, 
.gift_check_popup_warp,
.gift_done_popup_warp,
.gift_fail_popup_warp,
.gift_detail_popup_warp {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: flex;
	align-items: center;
	justify-content: center;	
}

.gift_popup_warp .white_box_se {
	max-width: 400px;
	width: 100%;
	border-radius: 10px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
    top: 0;
}

.gift_popup_warp .white_box_se .close_popup_btn, 
.gift_check_popup_warp .white_box_se .close_popup_btn,
.gift_done_popup_warp .white_box_se .close_popup_btn,
.gift_fail_popup_warp .white_box_se .close_popup_btn,
.gift_detail_popup_warp .white_box_se .close_popup_btn {
	position: absolute;
	top: 20px;
	right: 20px;
}

.gift_popup_warp .white_box_se .close_popup_btn img,
.gift_check_popup_warp .white_box_se .close_popup_btn img,
.gift_done_popup_warp .white_box_se .close_popup_btn img,
.gift_fail_popup_warp .white_box_se .close_popup_btn img,
.gift_detail_popup_warp .white_box_se .close_popup_btn img {
	display: block;
}

.gift_popup_warp .white_box_se .content_wrap,
.gift_check_popup_warp .white_box_se .content_wrap,
.gift_done_popup_warp .white_box_se .content_wrap,
.gift_fail_popup_warp .white_box_se .content_wrap,
.gift_detail_popup_warp .white_box_se .content_wrap {
	padding: 30px;
}

.gift_popup_warp .white_box_se .content_wrap .header_wrap {
	padding-bottom: 30px;
	border-bottom: 1px solid #eeeeee;
}

.gift_popup_warp .white_box_se .content_wrap .header_wrap img,
.gift_detail_popup_warp .white_box_se .content_wrap .header_wrap img {
	padding-right:10px;	
}

.gift_popup_warp .white_box_se .content_wrap .header_wrap .tit,
.gift_check_popup_warp .white_box_se .content_wrap .header_wrap .tit,
.gift_done_popup_warp .white_box_se .content_wrap .header_wrap .tit,
.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap .tit,
.gift_detail_popup_warp .white_box_se .content_wrap .header_wrap .tit {	
  	font-size: 20px;
  	font-weight: bold;
  	letter-spacing: -0.8px;  	
  	color: #333;
}

.gift_popup_warp .white_box_se .content_wrap form{
	display: block;
}

.gift_popup_warp .white_box_se .search_wrap{
	padding: 30px 0;
	border-bottom: 1px solid #eeeeee;
}

.gift_popup_warp .white_box_se .search_wrap .tit{
  	font-size: 17px;
  	font-weight: bold;
  	letter-spacing: -0.68px;
  	color: #333;
  	padding-bottom: 10px;
}

.gift_popup_warp .white_box_se .search_wrap .text_form input{
	width: calc(100% - 95px);
	padding-left: 10px;
  	height: 40px;
  	border-radius: 3px;
  	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  	border: solid 1px #d9d9d9;
  	background-color: #fff;
}

.gift_popup_warp .white_box_se .search_wrap .text_form input::placeholder{
	font-size: 17px;
}

.gift_popup_warp .white_box_se .search_wrap .text_form button{
	padding: 10px 25px;
  	margin-left: 10px;
  	border-radius: 5px;
  	background-color: #ff9100;
  	font-size: 17px;
  	font-weight: bold;
  	letter-spacing: -0.68px;  	
  	color: #fff;
  	text-align: center;
}

.gift_popup_warp .white_box_se .list_wrap{
	padding-top:30px;
}

.gift_popup_warp .white_box_se .list_wrap .tit{
  	font-size: 17px;
  	letter-spacing: -0.68px;
  	text-align: left;
  	color: #333;
  	padding-bottom: 20px;  	
}

.gift_popup_warp .white_box_se .list_wrap .tit span{
  	font-weight: bold
}

.gift_popup_warp .white_box_se .list_wrap .list_area{
	width: 100%;
	max-height: 300px;
	overflow-y: auto;
}

.gift_popup_warp .white_box_se .list_wrap .list_area::-webkit-scrollbar { display: none; }

.gift_popup_warp .white_box_se .list_wrap .list_area div{
	display: block;
	margin: 0;
	margin-bottom: 10px;
	position: relative;
}

.gift_popup_warp .white_box_se .list_wrap .list_area img{
	width:50px;
	height:50px;
    max-width: 50px;
    max-height: 50px;
   	border-radius: 50%;
	overflow: hidden;
	align-self: center;
}

.gift_popup_warp .white_box_se .list_wrap .list_area .nick_name{   	
  	font-size: 17px;
  	font-weight: bold;  	
  	letter-spacing: -0.68px;
  	text-align: left;
  	color: #333;
  	display: inline-block;
  	padding-left: 20px;
}

.gift_popup_warp .white_box_se .list_wrap .list_area input[type="checkbox"] { 	
	display: inline-block;
	position: absolute;
	margin-top: 15px;
	right: 30px;
 	width: 15px;
 	height: 15px;		
}

.gift_popup_warp .white_box_se .list_wrap .list_area input[type="checkbox"]:after { 	
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
 	content: '';
 	background: url(/images/mypg/popup_check_off.png) no-repeat center center;
	background-size:cover;		
}

.gift_popup_warp .white_box_se .list_wrap .list_area input[type="checkbox"]:checked:after {
	background: url(/images/mypg/popup_check_on.png) no-repeat center center;
	background-size:cover;		
}


.gift_popup_warp .white_box_se .popup_btn_area,
.gift_check_popup_warp .white_box_se .popup_btn_area,
.gift_done_popup_warp .white_box_se .popup_btn_area,
.gift_fail_popup_warp .white_box_se .popup_btn_area{
	width:100%;
	border-top: solid 1px #eee;	
}

.gift_popup_warp .white_box_se .popup_btn_area button,
.gift_check_popup_warp .white_box_se .popup_btn_area button,
.gift_done_popup_warp .white_box_se .popup_btn_area button,
.gift_fail_popup_warp .white_box_se .popup_btn_area button {
	text-align: center;
	padding: 10px 0;
	width: calc(50% - 3px);
	font-size: 17px;
  	letter-spacing: -0.68px;
}

.gift_popup_warp .white_box_se .popup_btn_area .btn_cancel,
.gift_check_popup_warp .white_box_se .popup_btn_area .btn_cancel,
.gift_done_popup_warp .white_box_se .popup_btn_area .btn_cancel,
.gift_fail_popup_warp .white_box_se .popup_btn_area .btn_cancel {	
	border-right: solid 1px #eee;
	color: #888;
}

.gift_popup_warp .white_box_se .popup_btn_area .btn_confirm,
.gift_check_popup_warp .white_box_se .popup_btn_area .btn_confirm,
.gift_done_popup_warp .white_box_se .popup_btn_area .btn_confirm,
.gift_fail_popup_warp .white_box_se .popup_btn_area .btn_confirm {
	color: #ff7740;
}

@media screen and (max-width: 1000px) {	
	.gift_popup_warp .white_box_se{
		top: -20px;
		margin: 0 15px;
	}
	
	.gift_popup_warp .white_box_se .search_wrap{
		padding: 20px 0;
	}
	
	.gift_popup_warp .white_box_se .search_wrap .tit{
		font-size: 13px;
		letter-spacing: -0.78px;	
	}
	
	.gift_popup_warp .white_box_se .search_wrap .text_form input{
		width: calc(100% - 55px);
		height: 30px;
	}
	
	.gift_popup_warp .white_box_se .search_wrap .text_form input::placeholder{
		font-size: 13px;
	}
	
	.gift_popup_warp .white_box_se .search_wrap .text_form button{
		margin-left: 5px;
		padding: 7px 10px;
		font-size: 13px;
		letter-spacing: -0.78px;
	}
	
	.gift_popup_warp .white_box_se .list_wrap{
		padding-top: 20px;
	}
	
	.gift_popup_warp .white_box_se .list_wrap .tit{
		font-size: 13px;
		letter-spacing: -0.78px;	
	}
	
	.gift_popup_warp .white_box_se .list_wrap .list_area{
		max-height: 150px;
	}
	
	.gift_popup_warp .white_box_se .list_wrap .list_area .nick_name{
		font-size: 13px;
		letter-spacing: -0.78px;
	}
	
	.gift_popup_warp .white_box_se .list_wrap .list_area input[type="checkbox"]{
		right: 10px;
	}
	
	.gift_popup_warp .white_box_se .popup_btn_area button,
	.gift_check_popup_warp .white_box_se .popup_btn_area button, 
	.gift_done_popup_warp .white_box_se .popup_btn_area button, 
	.gift_fail_popup_warp .white_box_se .popup_btn_area button{
		font-size: 13px;
		letter-spacing: -0.78px;
	}
	
	
}

/******************** 
	마이페이지 - 이용권 관리 V20 이용권 선물하기 팝업 끝 
		********************/
		
/******************** 
	마이페이지 - 이용권 관리 V20 이용권 선물하기 확인 팝업 시작 
		********************/	
		
.gift_check_popup_warp .white_box_se,
.gift_done_popup_warp .white_box_se,
.gift_fail_popup_warp .white_box_se {
	max-width: 500px;
	width: 100%;
	border-radius: 10px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
    top: -150px;
}

.gift_check_popup_warp .white_box_se .content_wrap .header_wrap,
.gift_done_popup_warp .white_box_se .content_wrap .header_wrap,
.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap{
	text-align: center;
}
		
.gift_check_popup_warp .white_box_se .content_wrap .header_wrap img,
.gift_done_popup_warp .white_box_se .content_wrap .header_wrap img,
.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap img{
	margin-bottom: 30px;
}

.gift_check_popup_warp .white_box_se .content_wrap .header_wrap .desc,
.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap .desc{
	padding-top: 30px;
  	font-size: 15px;
  	letter-spacing: -0.6px;
  	color: #888;
}



/******************** 
	마이페이지 - 이용권 관리 V20 이용권 선물하기 확인 팝업 끝 
		********************/
		
/******************** 
	마이페이지 - 이용권 관리 V20 이용권 상세보기 팝업 시작
		********************/
				
.gift_detail_popup_warp .white_box_se {
	max-width: 580px;
	width: 100%;
	border-radius: 10px;
	border: solid 1px #f0f0f0;
	background-color: #fff;
	margin: 0 auto;
	position: relative;
    top: -150px;
}

.gift_detail_popup_warp .white_box_se .content_wrap .header_wrap {
	padding-bottom: 30px;
}

.gift_detail_popup_warp .white_box_se .content_wrap .desc_wrap{
	padding-bottom: 10px;
}		

.gift_detail_popup_warp .white_box_se .content_wrap .desc_wrap img{
	padding-right: 10px;
}

.gift_detail_popup_warp .white_box_se .content_wrap .desc_wrap .desc{  
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.05);  
  font-size: 17px;
  font-weight: bold;  
  letter-spacing: -0.68px;
  color: #555;
}

.gift_detail_popup_warp .white_box_se .content_wrap .content_area thead{
  	font-size: 17px;
  	color: #555;	
	border-top: 1px solid #ff9100;	
}

.gift_detail_popup_warp .white_box_se .content_wrap .content_area tbody{
	border-bottom: 1px solid #ccc;	
}

.gift_detail_popup_warp .white_box_se .content_wrap .content_area tr th{
	padding: 10px 0;	
  	background-color: #fff7ee;
  	text-align: center;
}

.gift_detail_popup_warp .white_box_se .content_wrap .content_area tr td{  	
  	padding: 10px 0;
  	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
  	background-color: #fff;
  	text-align: center;
}

.gift_detail_popup_warp .white_box_se .content_wrap .tbody-wrap {
  	max-height: 200px; 
  	overflow-y: auto;	
}

@media screen and (max-width: 1000px) {	
	.gift_detail_popup_warp .white_box_se,
	.gift_check_popup_warp .white_box_se, 
	.gift_done_popup_warp .white_box_se, 
	.gift_fail_popup_warp .white_box_se{
		top: -55px;
		margin: 0 15px;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap,
	.gift_popup_warp .white_box_se .content_wrap,
	.gift_check_popup_warp .white_box_se .content_wrap,
	.gift_done_popup_warp .white_box_se .content_wrap,
	.gift_fail_popup_warp .white_box_se .content_wrap {
		padding: 20px 15px;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .header_wrap,
	.gift_popup_warp .white_box_se .content_wrap .header_wrap{
		padding-bottom: 20px;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .header_wrap img{
		padding-right: 5px;
	}
	
	.gift_check_popup_warp .white_box_se .content_wrap .header_wrap img, 
	.gift_done_popup_warp .white_box_se .content_wrap .header_wrap img, 
	.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap img{
		margin-bottom: 20px;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .header_wrap .tit,
	.gift_popup_warp .white_box_se .content_wrap .header_wrap .tit{
		font-size: 16px;
		letter-spacing: -0.96px;
	}
	
	.gift_check_popup_warp .white_box_se .content_wrap .header_wrap .tit,
	.gift_done_popup_warp .white_box_se .content_wrap .header_wrap .tit,
	.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap .tit{
		font-size: 17px;
		letter-spacing: -1.02px;
	}
	
	.gift_check_popup_warp .white_box_se .content_wrap .header_wrap .desc, 
	.gift_fail_popup_warp .white_box_se .content_wrap .header_wrap .desc{
		padding-top: 20px;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .desc_wrap img{
		padding-right: 5px;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .desc_wrap .desc{
		font-size: 13px;
		letter-spacing: -0.78px;
		color: #333;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .content_area thead{
		font-size: 13px;
		letter-spacing: -0.78px;
		color: #555;
	}
	
	.gift_detail_popup_warp .white_box_se .content_wrap .content_area tbody{
		font-size: 13px;
		letter-spacing: -0.78px;
		color: #555;
	}
	
	.mypage_wrap .my_content_box .title{
		font-size: 20px;
	  	font-weight: bold;
		color: #484848;
		line-height: 23px;
	}
	
	.mypage_wrap .my_content_box .desc{
		font-size: 12px;
		color: #484848;
		margin-top: 15px;
	}
	
	.leave_inner .leave_inputs{
		width: 100%;
		margin-top: 20px;
	}
	
	.inputbox .reasonFont{
		font-size: 12px;
	}
	
	.leave_inner .leave_notice dt {
		font-size: 12px;
	  	font-weight: bold;
		color: #484848;
		display: flex;
		align-items: center;
	}
	
	.leave_inner .leave_notice dd {
		font-size: 12px;
		color: #b0b0b0;
		margin-top: 10px;
	}
	
	.leave_inner .caution_msg {
		font-size: 12px;
		color: #b0b0b0;
		display: flex;
		align-items: center;
		margin-top: 10px;
		margin-bottom: 40px;
	}
}
/******************** 
	마이페이지 - 이용권 관리 V20 이용권 상세보기 팝업 끝
		********************/
/******************** 
	마이페이지 - 검색 및 필터
		********************/
.search_container {
	width: 100%;
	padding: 20px;
	margin: 0 0 29px;
	border-radius: 5px;
	box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
	border: solid 1px #eee;
}

.search_box{
	display: flex;
	margin-bottom: 10px;
}

.search_input {
	width: 322px;
	height: 33px;
	padding: 10px 0 10px 15px;
	border-radius: 100px;
	box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
	border: solid 1px #eee;
	background-color: #fff;
}

input::placeholder {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: left;
	color: #484848;
 }
 
input::-webkit-input-placeholder {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: left;
	color: #484848;
}

input:-ms-input-placeholder {
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: left;
	color: #484848;
}

.filter_name{
	display: inline-block;
	width: 58px;
	margin: 10px 12px 15px 0;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: left;
	color: #888;	
}

.search_container input[type='checkbox'] {
	display: none;
}
.search_container input[type='checkbox']:checked+label {
	border: solid 1px #eee;
	background-color: #ff9100;
	font-size: 13px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: center;
	color: #fff;	
}

.search_container input[type='checkbox']+label, .date_btn {
	display: inline-block;
	width: 88px;
	height: 27px;
	margin: 0 10px 0 0;
	text-align: center;
	padding: 4.5px 0;
	border-radius: 3px;
	border: solid 1px #eee;
	background-color: #fff;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: center;
	color: #484848;		
}

.search_container .date_btn.select{
	border: solid 1px #eee;
	background-color: #ff9100;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.78px;
	text-align: center;
	color: #fff;  
}

#startDate {
	width: 100px;
	padding: 7px;
	border-radius: 3px;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #eee;
	padding-left: 27px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: left;
	color: #484848;	
}

#endDate {
	width: 100px;
	padding: 7px;
	border-radius: 3px;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #eee;	
	padding-left: 27px;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.96px;
	text-align: left;
	color: #484848;
}

.date_inputbox{
	display: flex;	
	align-items: center;
}

.date_inputbox:first-child {
	margin-left: 73px;
}

.hasDatepicker+img{
	position: relative;
    left: -90px;
    width: 13px;
    height: 13px;
}

.search_btn{
	width: 80px;
	height: 27px;
	border-radius: 3px;
	text-align: center;
	margin: 0 auto;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #eee;
	background-color: #fff;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.78px;
	text-align: center;
	color: #484848;
}
.search_btn_box {
	text-align: center;
	margin-top: 10px;
}

.search_box .arrow_box {
	width: 33px;
	height: 33px;
    padding: 4px 9px;
	border-radius: 5px;
	box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
	border: solid 1px #eee;
	background-color: #fff;
	cursor: pointer;
}

.search_box .arrow {
	width: 13px;
	height: 13px;
    vertical-align: text-bottom;
}

.arrow_box {
	display: none;
}

.search_icon {
    height: 32px;
    margin-left: -40px;
}

.ui-widget.ui-widget-content {
	z-index: 4 !important;	
}

.popup_title {
	font-size: 20px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.2px;
	text-align: center;
	color: #333;
	margin-bottom: 20px;
}

.popup .not_data_div {
	margin-top: 40px;
}
@media screen and (max-width: 1000px) {
	.search_container {
		width: 100%;
		padding: 10px;
		
	}
	
	.search_container.close {
		width: 100%;
		padding: 10px 0;
	    box-shadow: none;
		border: none;
		margin-bottom: -29px;
		display: contents;
	}
	
	.filter_box.hide {
		display: none;
	}
	
	.search_icon {
		position: relative;
	    margin-left: -13px;
	    right: 20px;
	    display: block;
	}
	
	.search_icon.hide {
		display: none;
	}
	
	.search_icon img {
		width: 13px;
		height: 13px;
	}

	.arrow_box {
		display: block;
	}

	.search_input{
		width: 90%;
		height: 33px;
		padding: 10px;
		border-radius: 5px;
		margin-bottom: 0;
		box-shadow: inset 0 4px 4px 0 rgba(106, 106, 106, 0.05);
		border: solid 1px #eee;
		background-color: #fff;
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.78px;
		text-align: left;
		color: #484848;	
		margin-right: 10px;
	}
	.search_input_reg {
		width: 100%;
		margin-right: 0;
	}
	.filter_name{
		width:40px;
		font-size: 11px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.66px;
		text-align: left;
		color: #888;
	    margin: 0 8px 8px 0;
	}
	.search_container input[type='checkbox']+label, .date_btn {
		width: fit-content;
		height: 21px;
		margin-right: 0;
		padding: 4px 6px;
		text-align: center;
		border-radius: 3px;
		border: solid 1px #eee;
		background-color: #fff;
		font-size: 11px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.66px;
		color: #484848;		
	}
	
	.search_container input[type='checkbox']:checked+label {
		width: fit-content;
		height: 21px;
		margin-right: 0;
		padding: 4px 6px;
		text-align: center;
		border-radius: 3px;
		border: solid 1px #eee;
		font-size: 11px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.66px;
	}
	
	.date_inputbox:first-child {
		margin-left: 52px;
	}
	
	#startDate,#endDate {
		width: 80px;
		height: 21px;
		margin: 5px 5px 0 0;
	    padding: 5px 6px 5px 18px;
		border-radius: 3px;
		border: solid 1px #eee;
		background-color: #fff;	
		font-size: 11px;
	}
	
	.hasDatepicker+img {
		left: -80px;
		top: 2px;	
		width: 11px;
		height: 11px;
		margin: 0 3px 0 0;
		object-fit: contain;
	}
	
	.search_btn_box{
		margin: 0
	}
	
	.search_btn {
		font-size: 11px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.66px;
		text-align: left;
		color: #484848;	
		width: 51px;
		height: 21px;
		margin: 10px 25px 0 19px;
		padding: 4px 14px;
		border-radius: 3px;
		border: solid 1px #eee;
		background-color: #fff;		
	}
	
	.date_inputbox {
		font-size: 13px;
	}
	
	.goodsnmae_box {
		width: 100%;
		height: 40px;
		padding: 13px 10px 13px 10px;
		box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05), 0 4px 4px 0 rgba(0, 0, 0, 0.05);
		background-color: #fff;		
		font-size: 13px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		color: #484848;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	
	.title_box {
		height: 40px;
		padding: 12px 0 0;
		background-color: #fff;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: normal;
		text-align: center;
		color: #484848;
		border-bottom: 1px solid #d9d9d9;		
	}
	
	.arrow_left {
		width: 13px;
		height: 13px;
	    position: absolute;
		left: 15px;
	}
	.apply_info {
		width: 100%;
	}
	
	.apply_info .app_list_se.cf_se {
		min-height: 0px !important;
	}
	
	.profile {
		width: 60px;
		height: 21px;
		margin-left: 10px;
		padding: 5px;
		border-radius: 2px;
		box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
		border: solid 1px #ddd;
		background-color: #fff;
		font-size: 11px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.66px;
		text-align: center;
		color: #555;
	}
	
	.apply_info .app_list_se .bt_se {
		display: inline-block;
		position: initial;
		top: 0;
		left: 0;
		right: 0;		
		margin: 5px 0px;
	}
	
	.btn_state_selector {
		min-width: 0px;
	}
	
	.date_inputbox span {
	    margin-right: 8px !important;
    	margin-left: -10px;
	}
	
	.apply_info .app_list_se .bt_se .red_se, .apply_info .app_list_se .bt_se .blue_se {
		display: inline-block;
		width: 61px;
		min-width: 61px;
		height: 22px;
		padding: 3.5px 8px;
		border-radius: 3px;
		box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
		border: solid 1px #d9d9d9;
		background-color: #fff;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.72px;
		text-align: center;
		margin-right: 5px;
	}
	
	.apply_info .app_list_se .bt_se .org_se, .apply_info .app_list_se .bt_se .default_se {
		display: inline-block;
		width: 74px;
		min-width: 74px;
		height: 22px;
		padding: 3.5px 8px;
		border-radius: 3px;
		box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
		border: solid 1px #d9d9d9;
		background-color: #fff;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.72px;
		text-align: center;
		margin-right: 5px;
	}
	
}
/******************** 
	마이페이지 - 검색 및 필터 끝
		********************/
/******************** 
	마이페이지 - 테이블
		********************/		
.tableWrapper {
    width: 100%;
    overflow-y: scroll;
    max-height: 350px;
    min-height: 150px;
}

#grid_table {
	border: 1px solid #DDD;
	font-size: 13px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	text-align: center;
	color: #555;
    border-collapse: separate;
    border-spacing: 0.5px;
    table-layout: fixed;
    width: max-content;
}

#grid_table  td, #grid_table tr, #grid_table th {
	border-bottom: 1px solid #DDD;
	text-align: center;
	padding: 5px;
	height: 36px;
	max-width: 250px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;  /* 말줄임 적용 */
	box-shadow: inset 0 4px 4px 0 rgb(0 0 0 / 3%);
}

#grid_table  td.td_email {
	max-width: none;	
}

#grid_table th {
	position: sticky;
    top: -1px !important;
    background-color: #fffaf8 !important;
    border-top: 1px solid #DDD;
    z-index: 2;
    padding: 10px;
}

#grid_table .fix {
    position: sticky;
    background-color: white; /* 바탕을 불투명하게 처리해야 뒤로 숨은 다른 열들을 잘 가릴 수 있다 */
    left: 0;
    z-index: 1;
}

#grid_table th.fix {
	z-index: 3 !important;
}

#grid_table .fix2 {
    position: sticky;
    background-color: white; /* 바탕을 불투명하게 처리해야 뒤로 숨은 다른 열들을 잘 가릴 수 있다 */
    left: 99px;
    z-index: 1;	
    text-align: left;
}

#grid_table .fix2 span{
	display: inline-block;
	color: #9d61ff;
	margin-right: 5px;
}

#grid_table .fix2 span.end{
	color: #ff540f;
}

#grid_table .fix2.inquiry {
	left: 99px;
}

#grid_table .fix2.apply {
	left: 112px;
	text-align: center;
	cursor: pointer;
}

#grid_table td.td_email {
	max-width: none;	
}

/* 스크롤바 디자인 */
.tableWrapper::-webkit-scrollbar {
  height: 12px;
  width: 12px;
  background-color: #ddd;
}

.tableWrapper::-webkit-scrollbar-thumb {
  background-color: #DFDFDF;
}

.tableWrapper::-webkit-scrollbar-thumb .chk_listBox:hover {
    background-color: #adb5bd;
  }

.tableWrapper::-webkit-scrollbar-track {
  background: #ffffff;
}

.detail_btn {
	width: 78px;
	height: 26px;
	padding: 5px 10px;
	border-radius: 100px;
	box-shadow: inset 0 4px 4px 0 rgba(0, 0, 0, 0.05);
	border: solid 1px #ddd;
	background-color: #fff;
	cursor: pointer;
}

.tableWrapper .btn_state_selector .center_btn, .btn_state_selector .current_btn button {
	font-size: 13px;
	width: 77px;
	height: 26px;
}

.tableWrapper .btn_state_selector {
	flex-direction: inherit;
}

.tableWrapper .btn_state_selector .center_btn, .btn_state_selector .current_btn button	{
	min-width: 77px;
}

.tableWrapper .btn_state_selector .center_btn.blue_se {
	margin-right: 10px;
}

.tableWrapper .btn_state_selector .center_btn.red_se.black,
.tableWrapper .btn_state_selector .center_btn.blue_se.black {
	color: #555;	
}
/* 등록,마감 지원자리스트 팝업 */
.apply_list.popup {
	width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.apply_list::-webkit-scrollbar {
    display: none;
}

.apply_list.popup.show {
	display: block;
}

.apply_list.popup.hide {
	display: none !important;
}

.apply_list .popup_body {
    position: absolute;
    margin-top: 0%;
    top: 53%;
    left: 50%;
    width: 840px;
    max-height: 830px;
    padding: 30px;
    background-color: rgb(255, 255, 255);
    border-radius: 10px;
    box-shadow: 0 2px 3px 0 rgb(34 36 38 / 15%);
    transform: translateX(-50%) translateY(-50%);
}

.apply_list .close-popup-btn {
    position: absolute;
    left: 98%;
    top: -15px;
}

.apply_list .app_scroll {
	overflow: hidden;
	max-height: none;
	margin-bottom: 0px;
}
/* 등록,마감 지원자리스트 팝업 끝 */
@media screen and (max-width: 1000px) {		
	.tableWrapper {
		display: none;
	}
}
/******************** 
	마이페이지 - 테이블 끝
		********************/	
		
		
/**


마이페이지 활동로그


**/

.activity_wrap{
	width: 100%;
	height: 100%;
	/* padding: 25px; */
	border-radius: 6px;
	/* border: 1px solid #f0f0f0; */
	background-color: #fff;
}

.activity_wrap .menu_title{
	width: 101px;
	height:18px;
	font-size: 18px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -1.08px;
	text-align: left;
	color: #484848; 
}

.activity_wrap ul {
	width: 100%;
	height: 100%;
	margin-top : 24px;
}

.activity_wrap ul li {
	width: 780px;
	height: 54px;
	padding: 10px 0 0;
	background-color: #fff;
	border-bottom : 1px solid #eee;
}

.activity_wrap ul li:first-child{
	border-top : 1px solid #eee;
}

.activity_wrap ul li:hover {
	background-color: #fffaf8;
}

.activity_wrap ul .am_tp_area{
	display: inline-block;
	vertical-align: top;
}

.activity_wrap ul .am_tp_area .am_tp{
	width: 34px;
	height: 14px;
	font-size: 14px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.84px;
	text-align: left;
	color: #ff9100; 	
	margin: 0 10px;
}

.activity_wrap ul .al_msg_area{
	display: inline-block;
	cursor: pointer;
	width: 86%;
	vertical-align: top;
}

.activity_wrap ul .am_close_btn_area{
	display: inline-block;
}

.activity_wrap ul .am_close_btn_area .am_close_btn{
	text-align:right;	
}

.activity_wrap ul .am_close_btn_area .am_close_btn img{
	cursor: pointer;
}

.activity_wrap ul .am_close_btn_area .am_date{
	width: 39px;
	height: 10px;
	font-size: 10px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.6px;
	text-align: right;
	color: #484848;	
	margin-top: 7px;
}

.activity_wrap ul .am_none {
	text-align: center;
    line-height: 500px;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -0.84px;
    color: #484848;
}

@media screen and (max-width: 1000px) {
	
	
	.activity_wrap{
		width: 100%;
		height: 100%;
		border-radius: 6px;
		background-color: #fff;
	}
	
	.activity_wrap .menu_title{
		width: 101px;
		height:18px;
		font-size: 18px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -1.08px;
		text-align: left;
		color: #484848; 
	}
	
	.activity_wrap ul {
		width: 100%;
		height: 100%;
		margin-top : 24px;
	}
	
	.activity_wrap ul li {
		width: 100%;
		height: 54px;
		padding: 10px 0 0;
		background-color: #fff;
		border-bottom : 1px solid #eee;
	}
	
	.activity_wrap ul li:first-child{
		border-top : 1px solid #eee;
	}
	
	.activity_wrap ul li:hover {
		background-color: #fffaf8;
	}
	
	.activity_wrap ul .am_tp_area{
		display: inline-block;
		vertical-align: top;
	}
	
	.activity_wrap ul .am_tp_area .am_tp{
		width: 34px;
		height: 14px;
		font-size: 14px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.84px;
		text-align: left;
		color: #ff9100; 	
		margin: 0 10px;
	}
	
	.activity_wrap ul .al_msg_area{
		display: inline-block;
		cursor: pointer;
		width: 65%;
		vertical-align: top;
		font-size:14px;
	}
	
	.activity_wrap ul .am_close_btn_area{
		display: inline-block;
	}
	
	.activity_wrap ul .am_close_btn_area .am_close_btn{
		text-align:right;	
	}
	
	.activity_wrap ul .am_close_btn_area .am_close_btn img{
		cursor: pointer;
	}
	
	.activity_wrap ul .am_close_btn_area .am_date{
		width: 39px;
		height: 10px;
		font-size: 10px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: normal;
		letter-spacing: -0.6px;
		text-align: right;
		color: #484848;	
		margin-top: 7px;
	}
	
	.activity_wrap ul .am_none {
		text-align: center;
	    line-height: 500px;
	    font-size: 14px;
	    font-weight: bold;
	    font-stretch: normal;
	    font-style: normal;
	    letter-spacing: -0.84px;
	    color: #484848;
	}
	
	
}