@charset "utf-8";
@import url("/1688pay/Library/Css/user_layout.css?a=1.4");
@import url("/Library/Css/icons.css?v=1.0");

a{transition:0.3s;}

/* input */
.input_chk{position:relative; top:3px}
.input_txt { height: 13px;   line-height: 13px;   border: 1px solid #d0d2d7;  font-size: 12px;  padding: 4px; }
/* Execel Input */
.iptTmp input {height:13px; line-height:13px; border:1px solid #d0d2d7; color:#777; font-size:12px; padding:4px; }
.iptTmpErr input {height:13px; line-height:13px; border:1px solid #ff0000; color:#fff; background:#ff3300; font-size:12px; padding:4px; }

.input_login {height:16px; line-height:16px; border:1px solid #c5c5c5; font-size:12px; padding:4px; background:#fff; }
.id_blur { background: #fff url('/image/common/idFocus.jpg') no-repeat 5px 4px; }
.id_focus { }
.pw_blur { background: #fff url('/image/common/pwFocus.jpg') no-repeat 5px 4px; }
.pw_focus { }


.hp {width:40px;}
.email_1 {width:100px;}
.email_2 {width:100px;}
.name {width:100px;}
.slt2 {width:50px;}
.adr {width:70%;}
.m_num {width:210px;}
.m_num2 {width:100px;}
.site {width:210px;}

.cnt {width:50px;}
.sm {width:60px;}
.date {width:68px;}


.per20 {width:20%;}
.per40 {width:40%;}
.per60 {width:60%;}
.full {width:94%;}

.wd200 {width:200px;}

.ml10 {margin-left:10px;}
.ml30 {margin-left:30px;}
.mr10 {margin-right:10px;}
.mr30 {margin-right:30px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}

.lht_150 {line-height:150%;}

.point {color:#ff0000;}
.point2 {color:#d20101 !important;}
.point3 {color:#00aeef !important;}
.grade {color:#0072bc;}
.point4 {color:#ed1c24 !important;}

.yellow {color:#e8e4a2;}
.light-blue {color:#a6b7c0;}
.blue {color:#508db8 !important;}
.light-grey {color:#d7d7d7}
.white {color:#fff;}
.bold { font-weight: bold; }
.grey1 { color: #a9a9a9; }
.red1 { color: #ff3300; }
.black1 { color: #333; }
.clrRed1 { color: #ff6600; }
.clrBlue1 { color: #5050fa; }
.clrBlue2 { color: #0099ff; }
.green1 { color: #339999; }
.orange1 {color:#e65b6e}

.ft_12 {font-size:12px;}
.ft_13 {font-size:13px;}
.ft_14 {font-size:14px;}
.ft_15 {font-size:15px;}

.txtCenter {text-align:center;}
.txtLeft {text-align:left;}
.txtRight {text-align:right;}


/* btns */
.btn_txt {overflow:hidden;display:inline-block;height:17px;padding-left:4px;background:url("/image/common/btn/btn_left.gif") no-repeat 0 0;}
.btn_txt span {float:left;height:16px;padding:3px 16px 0 4px;color:#898989;font-family:dotum;font-size:11px;text-align:center;background:url("/image/common/btn/btn_right.gif") no-repeat 100% 0;cursor:pointer;}

.btn_write {overflow:hidden;display:inline-block;height:33px;padding-left:20px;background:url("/image/common/btn/btn_left_2.gif") no-repeat 0 0;}
.btn_write span {float:left;height:22px;padding:11px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_2.gif") no-repeat 100% 0;cursor:pointer;}

.btn_list {overflow:hidden;display:inline-block;height:33px;padding-left:20px;background:url("/image/common/btn/btn_left_3.gif") no-repeat 0 0;}
.btn_list span {float:left;min-width:36px;height:22px;padding:11px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_3.gif") no-repeat 100% 0;cursor:pointer;}

a.btn_write2{overflow:hidden;display:inline-block;height:33px;padding:0px 20px; line-height:33px; background:#00c73c; border-radius:3px; color:#fff; }

.btn_w76 span {/*padding:11px 26px 0 6px;min-width:36px;*/}

.btn_re {overflow:hidden;display:inline-block;height:35px;padding-left:15px;background:url("/image/common/btn/btn_left_4.gif") no-repeat 0 0;}
.btn_re span {float:left;height:35px;line-height:35px;padding:0px 15px 0 0px;color:#636363;font-weight:bold;text-align:center;background:url("/image/common/btn/btn_right_4.gif") no-repeat 100% 0;cursor:pointer;}

.btn_reg {overflow:hidden;display:inline-block;height:28px;padding-left:20px;background:#d30009; border-radius:3px;}
.btn_reg span {float:left;height:28px;line-height:28px;padding:0px 20px 0 0px;color:#fff;text-align:center;background:#d30009;cursor:pointer;}

.btn_cancel {overflow:hidden;display:inline-block;height:28px;padding-left:20px;background:url("/image/common/btn/btn_left_6.gif") no-repeat 0 0;}
.btn_cancel span {float:left;height:28px;line-height:28px;padding:0px 20px 0 0px;color:#636363;text-align:center;background:url("/image/common/btn/btn_right_6.gif") no-repeat 100% 0;cursor:pointer;}

.btn_small {overflow:hidden;display:inline-block;height:18px;padding-left:8px;background:url("/image/common/btn/btn_left_7.gif") no-repeat 0 0;}
.btn_small span {float:left;height:18px;line-height:18px;padding:0px 8px 0 0px;color:#636363;text-align:center;background:url("/image/common/btn/btn_right_7.gif") no-repeat 100% 0;cursor:pointer;}

.btn_small2 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:url("/image/common/btn/btn_left_9.gif") no-repeat 0 0;}
.btn_small2 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_9.gif") no-repeat 100% 0;cursor:pointer;}

.btn_small3 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:url("/image/common/btn/btn_left_11.gif") no-repeat 0 0;}
.btn_small3 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_11.gif") no-repeat 100% 0;cursor:pointer;font-weight:normal;font-size:12px;}

.btn_small4 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:url("/image/common/btn/btn_left_12.gif") no-repeat 0 0;}
.btn_small4 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_12.gif") no-repeat 100% 0;cursor:pointer;font-weight:normal;font-size:12px;}

.btn_small5 {overflow:hidden;display:inline-block;height:23px;padding-left:10px;background:url("/image/common/btn/btn_left_13.gif") no-repeat 0 0;}
.btn_small5 span {float:left;height:23px;line-height:23px;padding:0px 10px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_13.gif") no-repeat 100% 0;cursor:pointer;font-weight:normal;font-size:12px;}

.btn_orang {overflow:hidden;display:inline-block;height:28px;padding-left:20px;background:url("/image/common/btn/btn_left_8.gif") no-repeat 0 0;}
.btn_orang span {float:left;height:28px;line-height:28px;padding:0px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_8.gif") no-repeat 100% 0;cursor:pointer;}

.btn_green {overflow:hidden;display:inline-block;height:23px;padding-left:12px;background:url("/image/common/btn/btn_left_10.gif") no-repeat 0 0;}
.btn_green span {float:left;height:17px;padding:6px 12px 0 0px;color:#e5f8ff;font-size:11px;text-align:center;background:url("/image/common/btn/btn_right_10.gif") no-repeat 100% 0;cursor:pointer;}

.btn2_reg {overflow:hidden;display:inline-block;height:23px;padding-left:20px;background:url("/image/common/btn/btn2_left1.gif") no-repeat 0 0;}
.btn2_reg span {float:left;height:23px;line-height:23px;padding:0px 20px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn2_right1.gif") no-repeat 100% 0;cursor:pointer;}

.btn2_write {overflow:hidden;display:inline-block;height:23px;padding-left:20px;background:url("/image/common/btn/btn_left_2.gif") no-repeat 0 0;}
.btn2_write span {float:left;height:23px;padding:5px 15px 0 0px;color:#fff;text-align:center;background:url("/image/common/btn/btn_right_2.gif") no-repeat 100% 0;cursor:pointer;}


.Btn_Txt_Black1 {color:#222;text-shadow:1px 1px 1px #e04546;}
.Btn_Txt_White1 {color:#fff;text-shadow:1px 1px 1px #e04546;}
.Btn_Txt_Red1 {color:#a61718;text-shadow:1px 1px 1px #fa8383;}

.Btn1_Big {overflow:hidden;display:inline-block;height:46px;padding-left:28px;background:url("/image/common/btn/btn1_big_left.png") no-repeat 0 0;}
.Btn1_Big span {float:left;height:46px;line-height:44px;padding:0 26px 0 0;color:#fff;font-size:15px;font-weight:bold;text-align:center;background:url("/image/common/btn/btn1_big_right.png") no-repeat 100% 0;cursor:pointer;}

.Btn2_Big {overflow:hidden;display:inline-block;height:46px;padding-left:28px;background:url("/image/common/btn/btn2_big_left.png") no-repeat 0 0;}
.Btn2_Big span {float:left;height:46px;line-height:44px;padding:0 26px 0 0;color:#fff;font-size:15px;font-weight:bold;text-align:center;background:url("/image/common/btn/btn2_big_right.png") no-repeat 100% 0;cursor:pointer;}

.Btn3_Big {overflow:hidden;display:inline-block;height:46px;padding-left:28px;background:url("/image/common/btn/btn3_big_left.png") no-repeat 0 0;}
.Btn3_Big span {float:left;height:46px;line-height:44px;padding:0 26px 0 0;color:#fff;font-size:15px;font-weight:bold;text-align:center;background:url("/image/common/btn/btn3_big_right.png") no-repeat 100% 0;cursor:pointer;}

a.btn_m{display:inline-block; padding:5px; background:#21508a; font-size:14px; color:#fff; border-radius:5px;}


 /*대행신청*/
.conBox{margin-bottom:20px;}
.textBox{border-top:1px solid #000}
.textBox.fixedHeight{padding:15px; background:#f0f0f0; height:200px; overflow-y:auto;}
.textBox .tTitle{border:1px solid #dadada;border-top:0px; border-left:1px solid #000; height:40px; line-height:40px;overflow:hidden}
.textBox .tTitle .step{float:left;background:#000; padding:0px 20px;  font-weight:bold;color:#fff;}
.textBox .tTitle h3{float:left; padding:0px 20px; font-size:17px; font-weight:bold; }
.textBox .tTitle ul{position:Relative; top:-2px}
.textBox .tTitle ul li{float:left; margin-right:7px }
.textBox .innerBox{padding:10px 20px; background:#f0f0f0; line-height:22px;border:1px solid #dadada; border-top:0px;}
.innerTable{border:1px solid #dadada; border-top:0px;border-bottom:0px}
.innerTable table th, .innerTable td{padding:8px 10px;border-bottom:1px solid #dadada}
.innerTable table th{background:#f0f0f0; border-right:1px solid #dadada; font-weight:bold;padding:8px 20px;}

.payBox{background:#f0f0f0; line-height:22px;border:1px solid #dadada; border-top:0px;padding-right:100px;position:Relative}
.orderList-area{/* border-right:1px solid #dadada; */ background:#fff}
/* .payCon{width:100px; position:absolute; top:0px; right:0px;} */


/* 하이원 css 복사 :: 250121 현겸 */
/*대행현황 리스트 / 등록상품 리스트 / 장바구니 리스트*/
.list-container{display:flex;flex-wrap:wrap;width:calc(100% + 30px);}
.project-con{ width:100%;position:relative;  background:#fff; margin-bottom:20px;}
.project-con:nth-child(2n){background-color:#fafafa}
.project{display:flex;flex-direction:column;justify-content:center;border-radius:4px;transition:.3s;
position:relative;cursor:default;}
.project:hover{box-shadow:0 2px 18px rgba(0,0,0,.14);transform:translateY(-4px)}
.project-overview{text-align:center;padding:38px 20px;flex-grow:1;display:flex;flex-wrap:wrap;align-items:center}
.project-overview-inner{flex:1}
.project-overview .project-avatar{width:90px;height:90px; position:relative; margin-right:15px;}
.project-overview .project-avatar > a{display:block;width:90px;height:90px; }
.project-overview .project-avatar img{ border-radius:50%; cursor:pointer}
.project-overview .project-avatar .verified-badge{position:absolute;bottom:0;right:0}
.project-name{margin-top:0px}
.project-rating{margin-top:5px;margin-bottom:-10px}
.project-name h4,.project-name h4 a{font-size:16px;font-weight:600;color:#333;}
.project-name img.flag,img.flag{height:15px;border-radius:3px;position:relative;top:2px;display:inline-block;box-shadow:0 0 3px rgba(0,0,0,.2);margin-left:3px;cursor:default}
.project-name span{color:#888;}
.project-name p{line-height:1.5em;color:#666; margin-bottom:0px; font-size:13px;}
.project-name p a{position:relative; top:1px}
.project-name .ivcList-area{margin-top:5px;}
.project-name .ivcList-area a.ivc-list{font-size:15px;}
.project-details{padding:35px;background-color:#fafafa;flex-grow:0}
.projects-grid-layout .project-details{border-radius:0 0 4px 4px}
.projects-grid-layout .project-details a.button{display:block;text-align:center;width:100%!important;transition:.3s;box-shadow:0 4px 12px rgba(102,103,107,.1)}
.project-details a.button:hover{box-shadow:0 4px 12px rgba(102,103,107,.2)}
.project-details-list{}
.project-details-list:after{content:''; display:block; clear:both;}
.project-details-list ul{list-style:none;padding:0;margin:0 0 0px;font-size:14px; width:100%;}
.project-details-list ul li{margin-right:25px;line-height:23px;color:gray;margin-bottom:15px;  text-align:right; font-size:12px;}
.project-details-list ul li:last-child{margin-right:0}
.project-details-list ul li span{display:block;color:#333}
.project-details-list ul li span i{position:relative;top:1px;margin-right:-1px;margin-left:-2px}
.project-detail-item{display:inline-block;margin:2px 10px 5px 0}
.project-detail-item a,.project-detail-item{color:#888}
.project-detail-item a:hover{color:#66676b}
.project-detail-item i{position:relative;top:2px;margin-right:3px}

.list-container.pro-list-layout{width:100%}
.pro-list-layout .project{margin:0 0 25px;width:100%;flex-direction:row;justify-content:center}
.pro-list-layout .project-overview{text-align:left;padding:15px 15px;flex-grow:1;display:flex;flex-wrap:wrap;align-items:center; /*width:500px*/width:65%;}
.pro-list-layout .project-overview-inner{flex:1;display:flex;align-items:center}
.pro-list-layout .project-details{padding:15px 15px 15px 0;background-color:transparent;/* flex:0 0 550px;*/; }
.pro-list-layout .project-overview .project-name{text-align:left;margin:0 0 0 5px; padding-right:15px}
.pro-list-layout .project-overview .project-name .notification_con{margin-bottom:5px; overflow:hidden}
.pro-list-layout .project-overview .project-name .notification_con li{margin-top:5px; display:inline-block}
.pro-list-layout .project-overview .project-name .notification_con .notification.notice{display:inline-block; padding:3px; background:#f0f0f0;}
.pro-list-layout .project-overview .project-name .notification_con .notification.notice strong{color:#333}
.pro-list-layout .project-overview .project-name .notification_con .notification.error{background:#fdf0f0}
.pro-list-layout .project-overview .project-name .notification_con .notification.error span{color:#333; font-weight:bold}
.pro-list-layout .project-overview .project-name .notification_con strong{font-size:14px;}
.pro-list-layout .project-overview .project-name p span{display:block; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:320px;}

/*결제금액표시*/
.pro-list-layout .project-overview .project-name .my-cost{font-size:13px;margin-top:5px}
.pro-list-layout .project-overview .project-name .my-cost span{display:inline-block; line-height:22px; color:#2a41e8; padding-right:5px;}
.pro-list-layout .project-overview .project-name .my-cost span strong{color:#777;}
/*====End / 결제금액표시=====*/
.pro-list-layout .project-details .project-btn{float:right; wi dth:100%; backgr ound:Red}
.pro-list-layout .project-details .project-btn div{}
.pro-list-layout .project-details a.button{display:block;text-align:center;width:auto!important;transition:.3s;/*box-shadow:0 4px 12px rgba(102,103,107,.15); */
margin-left:5px; line-height:30px; height:30px; padding:0px 10px;float:left;font-size:13px;}
.pro-list-layout .project-details a.button:hover{box-shadow:none}
.pro-list-layout .project-details a.button i{width:auto; font-size:14px;position:relative;}
.pro-list-layout .bookmark-icon{display:none}
.pro-list-layout .project-details-list ul{float:right;display:block}
.pro-list-layout .project-details-list ul li{margin-left:20px;margin-right:0;float:right}
.pro-list-layout .project-details-list ul li strong.title{display:none}

/*대행현황 리스트 / 등록상품 리스트 / 장바구니 리스트 상단*/
.project-title{width:100%;border-top: 0px solid #484848;border-bottom: 1px solid #484848;font-weight: bold; font-size:14px;}
.project-title .project-avatar{height:auto; text-align:center; margin-right:20px; }
.project-no{width:50px;position:relative; font-size:14px;}
.project-no span{display:block;}
.project-no .checkbox{position:relative; top:7px;}
.project-title .project-no .checkbox{top:-1px; left:1px;position:absolute; }


/*팝업일 경우*/
.compact-list.pro-list-layout .project{border-radius:0;margin-bottom:0;box-shadow:none}
.compact-list.pro-list-layout .project:hover{transform:translateY(0)}
.compact-list.pro-list-layout .project-con{border:1px solid #ccc; border-top:1px solid #808080; border-bottom:1px solid #808080; margin-bottom:20px;}
.compact-list.pro-list-layout .project-con:hover:before{opacity:1}
.compact-list.pro-list-layout .project-con:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;display:block;background:#66676b;transition:.3s;opacity:0}
.compact-list.pro-list-layout .project-con:last-of-type{border-radius:0 0 3px 3px;overflow:hidden}
.compact-list.pro-list-layout .project-con:first-of-type{border-radius:3px 3px 0 0;overflow:hidden}

.project-pro-list{padding:0px ; background-color:#fafafa}
.project-pro-details:first-child{border-top:1px solid #e4e4e4; }
.project-pro-details{border-top:1px solid #e4e4e4; min-height:70px; position:relative; padding-right:290px; padding:0px 25px}
.project-pro-details .pro-name{text-align:left;padding-left:70px;padding-right:15px;position:Relative;}
.project-pro-details .pro-name img{position:absolute; top:10px; left:0px; width:50px; height:50px;}
.project-pro-details .pro-name h4{font-size:14.7px; color:gray; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:100%;padding-top:5px}
.project-pro-details .pro-name p{margin-bottom:0px; line-height:24px;font-size:14.7px; display:inline-block}
.project-pro-details .pro-name .price{padding:0px 10px; position:Relative; top:1px}
.project-pro-details .pro-name .dashboard-status-button{margin:0px; position:Relative; top:1px}
.project-pro-details .trk-num{position:absolute; top:13px; right:15px; width:290px; display: flex; }
.project-pro-details .trk-num .submit-field{position:relative; margin-top:4px;    margin-bottom:10px ;flex-grow:1; }
.project-pro-details .trk-num .submit-field .with-border{height:35px;ine-height:35px;}
.project-pro-details .trk-num .submit-field a{line-height:35px; height:35px; padding:0px 10px; margin-left:5px}
.project-pro-details .trk-num .submit-field a i{font-size:14px;}

/*팝업일 경우 상품 리스트*/
.compact-list-layout .project:hover{transform:translateY(0);box-shadow:none}
.compact-list-layout .project-overview{padding:20px;}
.compact-list-layout .project-pro-list{padding-bottom:0px;}
.compact-list-layout .project-pro-details{padding-right:140px;padding-left:30px;}
.compact-list-layout .project-pro-details .pro-name{padding-left:90px;}
.compact-list-layout .project-pro-details .pro-name img{position:absolute; top:5px; left:0px; width:90px; height:90px;}
.compact-list-layout .project-pro-details .pro-name .dashboard-status-button{margin:5px 0px;}
.compact-list-layout .project-pro-details .checkbox{position:absolute; top:8px; left:0px; }
.compact-list-layout .project-pro-details .pro-field{position:absolute; top:8px; right:0px; width:140px;}

/*장바구니 상품리스트*/
.dashboard-box-list .project-overview{padding:25px;}
.dashboard-box-list .project-pro-list{padding:0px;background:none}
.dashboard-box-list .project-pro-details{padding-right:200px;padding-left:30px; border:0px}
.dashboard-box-list .project-pro-details .pro-name{padding-left:60px;}
.dashboard-box-list .project-pro-details .pro-name .dashboard-status-button{margin:5px 0px;}
.dashboard-box-list .project-pro-details .checkbox{position:absolute; top:8px; left:0px; }
.dashboard-box-list .project-pro-details .pro-field{position:absolute; top:8px; right:0px; width:200px;}


/*상품보기 펼칠경우*/
.project-pro-details2{border-top:1px solid #e4e4e4; position:relative; padding:15px}
.project-pro-details2.pd0{padding:0px; border-top:0px; margin-bottom:15px;}
.project--table{}
.project--table table{width:100%; border-collapse:collapse; }
.project--table table th, .project--table table td{font-size:13px;border:1px solid #e4e4e4;padding:3px 5px; background:#fff; text-align:center; line-height:18px;}
.project--table table th{background:#808080; color:#fff}
.project--table table td .submit-field{margin-bottom:0px;}
.project--table table td .submit-field input{max-width:160px;  height:25px; line-height:25px; display:inline-block;}
.project--table table td .submit-field a.button{line-height:25px;height:25px;padding:0px 8px;}
.project--table table td .dashboard-status-button{top:0px; margin:0px;}


/* 하이원 css 복사 :: 250121 현겸 :: E */

.fc_red{color:red !important;}
.fb_red{display:inline-block; background-color:#ffc3c3; color:#111; padding:3px 5px;}
.project-name p strong.fc_red{display:inline-block; margin-left:10px; font-size:13px;}

.bottom-table{border-top:2px solid #808080;}
.bottom-table th{background-color:#444 !important; font-size:14px !important; padding:8px 0px !important;}
.bottom-table th:first-child{text-align:right; padding-right:20px !important;}

.bottom-table.type2{border:1px solid #808080;}
.bottom-table.type2 th{background-color:#f4f4f4 !important; color:#333 !important;}
.bottom-table.type2 th:first-child{text-align:center; padding-right:0px !important;}
.bottom-table.type2 th:last-child{text-align:left; padding-left:20px !Important;}

.flexBox{display:flex;}
.total-wrap .total{}
.total-wrap .total .flexBox > div{background-color:#2a65c1; color:#fff; text-align:center; padding:10px 0; font-size:16px;}
.total-wrap .total .title{width:175px; border-right: 1px solid #e4e4e4;}
.total-wrap .total .price{width:calc(100% - 175px);}
.total-wrap .total .price span{color:#ffea0c; font-weight:bold;}
.total-wrap .txtBox{margin:10px 0px;}
.total-wrap .txtBox p{position:relative; line-height:1.5; font-size:13px; padding-left:10px; color:#555;}
.total-wrap .txtBox p span{color:#e74a4a; position:absolute; left:0;}


.payCon{display:flex; border-top:1px solid #808080; padding-top:20px; margin-top:20px;}
.payCon > div{width:50%; background-color:#e9e9e9; padding:20px;}
.payCon .txtBox{margin:10px 0px;}
.payCon .txtBox p{position:relative; line-height:1.5; font-size:13px; padding-left:10px; color:#555;}
.payCon .txtBox p span{color:#e74a4a; position:absolute; left:0;}
.payCon .left-con {border-right:1px solid #bbb;}
.payCon .left-con .usedPoint{font-size:16px; font-weight:bold; margin-bottom:10px;}
.payCon .right-con img{width:120px;}
.payCon .right-con .bank{margin-top:10px;}
.payCon .right-con .bank strong{font-size:16px; margin-right:5px;}
.payCon .right-con .bank span{font-size:16px;}

.verified-badge{position:relative;height:25px;width:25px;display:inline-block;background-color:#38b653;border-radius:50%;text-align:center;z-index:10;font-weight:500; color:#fff}
/* .verified-badge:before{content:"";font-family:feather-icons;font-size:16px;color:#fff;position:relative;top:0;line-height:23px} */
.verified-badge i:before{line-height:25px !important;}

.btm-btn-wrap{margin-top:20px; text-align:center;}


.my-steps-container{}
.my-steps-container .my-steps{}

.my-steps-container .my-steps .my-steps-tit{
	display:flex; 
	justify-content: center; 
	align-items: center; 
	width:100%; 
	background-color:#2762c0; 
	color:#fff; 
	padding:10px 0px; 
	font-size:15px; 
	font-weight:bold;
	margin-bottom:10px;
	}
.my-steps-container .my-steps ul{display:flex; flex-wrap:wrap; gap:0px 12.5px;}
.my-steps-container .my-steps ul li{width:calc(20% - 10px); margin-bottom:10px;}
.my-steps-container .my-steps ul li a{display:flex; justify-content: space-between; border:1px solid #808080; padding:10px 15px;}
.my-steps-container .my-steps ul li:hover a{background-color:#333; border:1px solid #333; transition:0.3s;}
.my-steps-container .my-steps ul li a span{font-size:14px;}
.my-steps-container .my-steps ul li a strong{font-size:16px; color: #2762c0;}
.my-steps-container .my-steps ul li:hover a span,
.my-steps-container .my-steps ul li:hover a strong{color:#fff;}

.my-steps-container .my-steps ul li.active a{background-color:#333; border:1px solid #333; transition:0.3s;}
.my-steps-container .my-steps ul li.active a span,
.my-steps-container .my-steps ul li.active a strong{color:#fff;}

ul.ivcList-area li a{font-size:15px; font-weight:bold; color:#2762c0;}
ul.ivcList-area li a:hover{color:#15428a;}


/* 고객지원 페이지 */
.support{}
.support .conTit{display:flex; flex-direction:column; align-items: center;}
.support .conTit img{width:52px; height:auto;}
.support .conTit p{font-size:20px; margin-top:10px; color:#333;}
.support .conTit strong{color:#ff2147;}

.support .conBox{margin:50px 0 !important;}
.support .conBox ul{display:flex; justify-content: space-between; width:550px; margin:0 auto;}
.support .conBox ul li{}
.support .conBox ul li a{display:flex; flex-direction:column; align-items: center;}
.support .conBox ul li a img{width:250px; height:auto; aspect-ratio: 1 / 1;  border-radius:10px; transition:0.3s;}
.support .conBox ul li a:hover img{transform:scale(1.05); transition:0.3s;}
.support .conBox ul li a strong{font-size:18px; margin-top:20px; color:#333; transition:0.3s;}
.support .conBox ul li a:hover strong{color:#ff2147; transition:0.3s;}

.bscBox {border:1px solid #e1e1e1;background-color:#f8f8f8;padding:15px;}
.last_svc {position:relative;height:130px;}
.last_svc1 {float:left;line-height:200%;width:470px;}
.last_svc2 {float:left;}
.last_svc2 .last_svc2_box {margin:0 0 0 0;padding:10px;width:200px;height:115px;border-left:1px dotted #ddd;}
.last_svc2 .last_svc2_box .last_mny {text-align:right;font-size:20px;color:#ed1c24;font-size:36px;font-family:tahoma;}

.pointBox{display:flex; align-items: center; justify-content: center; background-color:#2a65c1; color:#fff; font-size:16px; padding:8px 0px; border-radius:5px; margin-top:10px;}

.payment-flex-box{padding:20px !important;}
.payment-flex-box .inner{display:flex; margin:0 -10px;}
.payment-flex-box .inner > div{flex:1; padding:0 10px;}
.payment-flex-box .inner > div .last_svc2_box{width:inherit; padding:0;}


/* Super ID CSS :: 현겸 250508 */
.step{display:flex; flex-direction: column; margin-bottom:30px;}
.step h3{display:block; font-size:15px; color:#111; font-weight:800; margin-bottom:5px;}
.step .head{display:flex; align-items: center; min-height:34px; background-color:#fbfbfb; border: 1px solid #e5e5e5;padding: 3px 10px;}
.step .head .colorBox{color:#fff; background-color:#333; padding:5px 10px; font-size:13px; font-weight:800; margin-left:5px; border-radius:0px;}
.step .head .colorBox.red{background-color:#f00;}
.step .body{padding:10px; border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.step3 .body{padding:0px; border:0px }
.step3 .body ul li{display:flex; align-items: center; border:1px solid #e5e5e5; border-bottom:0px; padding:5px 0; min-height:34px;}
.step3 .body ul li:last-child{border-bottom:1px solid #e5e5e5;}
.step3 .body ul.type2{margin-bottom:20px;}
.step3 .body ul.type2 li{background-color:#f4f4f4;}
.step3 .body ul li span{min-width: 180px; padding-left:10px;}
.step3 .body ul li input{width:calc(100% - 210px);}
.step2 .body label span{display:inline-block; font-size:14px; padding:10px 15px; background-color:#ccc; color:#555; border:0; cursor:pointer; border-radius:80px; margin-right:10px;}
.step2 .body label.on span{background-color:#ff5b07; color:#fff; font-weight:800;}
.step2 .body label input{width:0; height:0;}

.step2-popup{display:none; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:3000;}
.step2-popup .inner{display:flex; flex-direction: column; align-items: center; justify-content: center; background-color:#fff; width:350px; height:180px; border:1px solid #333;}
.step2-popup .inner p{ color:#111; font-size:15px; line-height:1.5; text-align:center;}

.step4 .head{justify-content: space-between;}    
.add-btn-wrap{}
.add-btn-wrap button{border:2px solid #ff5b07; font-size:20px; font-weight:800; background-color:#fff; width:26px; height:26px; color:#ff5b07; border-radius:50%; margin-left:5px; cursor:pointer; transition:.3s;}
.add-btn-wrap button:hover{background-color:#ff5b07; color:#fff; transition:.3s;}