.clearfix{zoom:1;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;} 

.float-left, .fl {float:left;}
.float-right, .fr {float:right;}

.align-left {text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}

.wrap {position: relative;width: 1350px;margin: 0 auto;}

.i-table {display: table;text-align: center;}
.i-cell {display: table-cell;vertical-align: middle;}

strong {font-weight: 500;}

.txt_primary {color: #39c1cb;}
.txt_c1 {color: #ff0000;}
.txt_c2 {color: #39c1cb;}
.txt_c3 {color: #cb3939;}


.full {width: 100%;}
.underline {text-decoration: underline;}

.ellipsis {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.word-break {word-break:break-all;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;word-break: keep-all;}

body {position: relative;width: 100%;background: #fff url('../img/common/hd_opacity_panel.png') no-repeat 50% 0;font-size: 14px;color: #333;}
body.fix {overflow: hidden;}
a {color: #333;}

.site_container {position: relative;min-width: 1280px;min-height: 1000px;padding-top: 80px;padding-bottom: 120px;}
.builder-preview .site_container {padding-top:0;}

.checkmark {position: absolute;top: 0;left: 0;height: 20px;width: 20px;background-color: #fff;border:1px solid #cccccc;}
.checkmark:after {content: "";position: absolute;display: none;}

.check_label {display: inline-block;position: relative;height: 20px;padding-left: 29px;padding-top: 3px;cursor: pointer;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: top;}
.check_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check_label input:checked ~ .checkmark {background: #39c1cb;border:1px solid #39c1cb;}
.check_label input:checked ~ .checkmark:after {display: block;}

.check_label input[type=checkbox].last_check_row ~ .checkmark {background: #caa0ff;border:1px solid #caa0ff;}
.check_label input[type=checkbox]:checked.last_check_row ~ .checkmark {background: #691acf;border:1px solid #691acf;}


.check_label .checkmark:after {left: 6px;top: 2px;width: 4px;height: 10px;border: 1px solid #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}

.radio_label {display: inline-block;position: relative;height: 18px;padding-left: 25px;padding-top: 2px;cursor: pointer;font-size: 15px;color:#666666;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;vertical-align: top;}
.radio_label input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.radio_label .checkmark {height: 18px;width: 18px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:1px solid #a2a2a2;}
.radio_label:hover input ~ .checkmark {border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}
.radio_label input:checked ~ .checkmark {}
.radio_label input:checked ~ .checkmark:after {display: block;}
.radio_label .checkmark:after {left: 2px;top: 2px;width: 12px;height: 12px;background-color: #39c1cb;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;}



select {height: 42px;line-height: 42px;padding: 0 70px 0 15px;font-size: 15px;color: #666666;letter-spacing: -0.025em;border: 1px solid #cccccc;border-radius: 3px;background: url('../img/board/select_arrow.png') no-repeat right 10px top 50%;-webkit-appearance: none;-moz-appearance: none;appearance: none;vertical-align: middle;}
input[type="text"] {height: 42px;line-height: 46px;padding: 0 15px;font-size: 15px;color: #666666;letter-spacing: -0.025em;border: 1px solid #cccccc;border-radius: 3px;vertical-align: middle;}
input[type="password"] {height: 42px;line-height: 46px;padding: 0 15px;font-size: 15px;color: #666666;letter-spacing: -0.025em;border: 1px solid #cccccc;border-radius: 3px;vertical-align: middle;}
input[type="number"] {height: 42px;line-height: 46px;padding: 0 15px;font-size: 15px;color: #666666;letter-spacing: -0.025em;border: 1px solid #cccccc;border-radius: 3px;vertical-align: middle;}

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;vertical-align: middle;}
input[type=number] { -moz-appearance: textfield; }

input[type="text"].border_none {border: 0 !important;outline: none;}
input[type="password"].border_none {border: 0 !important;outline: none;}
input[type="number"].border_none {border: 0 !important;outline: none;}


.input_dash {display: inline-block;width: 10px;height: 2px;background: #cccccc;}
textarea {width: 100%;height: 100px;padding: 15px 15px;font-size: 15px;color: #666666;letter-spacing: -0.025em;border: 1px solid #cccccc;border-radius: 3px;line-height: 180%;resize: none;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}
::-webkit-input-placeholder {font-size: 13px;color: #dddddd;}
::-moz-placeholder {font-size: 13px;color: #dddddd;}
:-ms-input-placeholder {font-size: 13px;color: #dddddd;}
:-moz-placeholder {font-size: 13px;color: #dddddd;}

input:disabled {
  background: #f2f2f2;
}
select:disabled {
  background: #f2f2f2;
}

input[type="text"][readonly]{background-color: #f2f2f2;}
input[type="text"]:-moz-read-only {background-color: #f2f2f2;}
input[type="text"]:read-only {background-color: #f2f2f2;}
input[type="password"][readonly]{background-color: #f2f2f2;}
input[type="password"]:-moz-read-only {background-color: #f2f2f2;}
input[type="password"]:read-only {background-color: #f2f2f2;}
input[type="number"][readonly]{background-color: #f2f2f2;}
input[type="number"]:-moz-read-only {background-color: #f2f2f2;}
input[type="number"]:read-only {background-color: #f2f2f2;}









input[type="button"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}
input[type="submit"] {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.btn {display: inline-block;height: 42px;line-height: 40px;padding: 0 20px;background-color: #434343;border: 1px solid #434343;border-radius: 3px;font-size: 15px;color: #fff;-webkit-appearance: none;cursor: pointer;vertical-align: middle;}
.btn1 {background-color: #39c1cb;border: 1px solid #39c1cb;letter-spacing: -0.05em;}
.btn2 {background-color: #fff;border: 1px solid #cccccc;color: #666666;}
.btn2:hover {border: 1px solid #39c1cb;color: #39c1cb;}
.btn2.active {border: 1px solid #39c1cb;color: #39c1cb;}
.btn3 {background-color: #fff;border: 1px solid #fff;color: #39c1cb;}
.btn4 {background-color: #666666;border: 1px solid #cccccc;color: #fff;}
.btn5 {background-color: #fff;border: 1px solid #cccccc;color: #39c1cb;}
.btn6 {background-color: #c4c4c4;border: 1px solid #c4c4c4;color: #191919;}
.btn7 {background-color: #ff8800;border: 1px solid #ff8800;color: #fff;}
.btn.btn8 {line-height: 28px;background-color: #fff;border: 2px solid #39c1cb;color: #191919;}
.btn_text {height: auto;line-height: 130%;padding: 0;border: 0;border-bottom: 1px solid #39c1cb;border-radius: 0;background-color: transparent;color: #666666;}
.btn.small {height: 36px;line-height: 38px;padding: 0 16px;}
.btn.small2 {height: 32px;line-height: 34px;padding: 0 10px;font-size: 14px;}



.filebox {
    position: relative;
    display: block;
    width: 100%;
    height: 42px;
    vertical-align: middle;
  
}
.filebox .nametxt {
    width: calc(100% - 117px);
    height: 42px;
	line-height: 42px;
	padding-left: 15px;
	border: 1px solid #cccccc;
	border-radius: 3px;
}
.filebox label {
    position: absolute;
    top: 0;
    right: 0;
    width: 110px;
    height: 42px;
	line-height: 42px;
	text-align: center;
    background: #434343;
	border-radius: 3px;
	font-size: 15px;
	color: #fff;
	cursor: pointer;
}
.filebox input[type="file"] {
    opacity: 0;
}


.table_tip {position: absolute;top: 120px;left: 0;display: inline-block;padding: 8px 16px 8px;border-radius: 5px;line-height: 150%;font-size: 12px;background: #8278a6;    color: #fff;}

table {width: 100%;border-bottom: 1px solid #e3e3e3;}
table thead th {padding: 24px 2px 22px;border-top: 2px solid #39c1cb;font-size: 16px;font-weight: 500;vertical-align: middle;}
table thead th:first-child {width: 57px;}
table tbody th {padding: 21px 2px 19px;border-top: 1px solid #e3e3e3;font-size: 16px;font-weight: 600;color: #191919;vertical-align: middle;text-align: center;}
table tbody td {padding: 19px 2px 18px;border-top: 1px solid #e3e3e3;font-size: 14px;color: #999999;vertical-align: middle;text-align: center;line-height: 120%;}

.table.table-sm thead th {padding: 12px 2px 11px;border-top: 2px solid #39c1cb;font-size: 14px;font-weight: 500;vertical-align: middle;}
.table.table-sm tbody th {padding: 10px 2px 8px;border-top: 1px solid #e3e3e3;font-size: 14px;font-weight: 600;color: #191919;vertical-align: middle;text-align: center;}
.table.table-sm tbody td {padding: 10px 2px 8px;border-top: 1px solid #e3e3e3;font-size: 13px;color: #999999;vertical-align: middle;text-align: center;line-height: 120%;}


table.manager_user_list tbody td {padding: 10px 2px 9px;}


table tbody td a {color: #999999;}
table tbody tr.re td {}
table tbody td.subject {text-align: left;}
table tbody tr.re td.subject span {position: relative;padding-left: 30px;}
table tbody tr.re td.subject span:before {display: inline-block;position: absolute;top: -10px;left: 0;width: 21px;height: 21px;background: url('../img/board/re.png') no-repeat 0 0;content: "";}
table tbody td.lt {text-align: left;}
table tbody td input {vertical-align: middle;}
table tbody td .btn {height: 28px;line-height: 28px;padding: 0 10px;font-size: 13px;}


table tbody td .btn_copy {display: inline-block;width: 32px;height: 32px;min-width: 0;padding: 0;border: 0;background: url('../img/board/ico_copy.png') no-repeat 50% 50%;background-size: 38px;}
table tbody td .btn_search {display: inline-block;width: 32px;height: 32px;min-width: 0;padding: 0;background: url('../img/board/ico_preview.png') no-repeat 50% 50%;background-size: 38px;}
table tbody td .btn_delete {display: inline-block;width: 32px;height: 32px;min-width: 0;padding: 0;background: url('../img/board/ico_delete.png') no-repeat 50% 50%;background-size: 38px;}
table tbody td .btn_keep {display: inline-block;width: 32px;height: 32px;min-width: 0;padding: 0;background: url('../img/board/ico_keep.png') no-repeat 50% 50%;background-size: 38px;}
table tbody td .btn_restore {display: inline-block;width: 32px;height: 32px;min-width: 0;padding: 0;background: url('../img/board/ico_recover.png') no-repeat 50% 50%;background-size: 38px;}
/*
table tbody td .btn_copy:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);border-radius: 5px;}
table tbody td .btn_search:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);border-radius: 5px;}
table tbody td .btn_delete:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);border-radius: 5px;}
table tbody td .btn_keep:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);border-radius: 5px;}
table tbody td .btn_restore:hover {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);border-radius: 5px;}
*/

table tbody td .btn_delete2 {display: inline-block;width: auto;height: 40px;line-height: 40px;min-width: 0;padding: 0;padding-left: 40px;padding-right: 11px;background:#cb3939 url('../img/board/ico_delete_red.png') no-repeat 9px 50%;color: #fff;font-size: 14px;letter-spacing: -0.35px;border-radius: 4px;}


table.has-icon td {padding: 10px 2px 10px;}
table.has-icon td.has-icon {padding: 3px 2px 1px;}
table.has-icon td.has-icon a {margin-left: -4px;}
						

table.single {border-top: 2px solid #39c1cb;}
table.single tbody th {width: 160px;padding-left: 15px;padding-right: 15px;background-color: #f3f3f3;text-align: left;color: #333333;}
table.single tbody td {padding-left: 20px;padding-right: 20px;text-align: left;color: #666666;}

table.bd thead th {background: #f6f6f6;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-weight: 500;font-size: 15px;color: #333333;letter-spacing: -0.05em;}
table.bd tbody th {height: 60px;padding: 10px 10px 8px 30px;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 15px;font-weight: 500;color: #333333;letter-spacing: -0.05em;}
table.bd tbody td {height: 60px;padding: 10px 10px 8px 10px;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;border-bottom: 1px solid #cccccc;font-size: 15px;color: #666666;}
table.bd th span.req {position: relative;padding-right: 13px;}
table.bd th span.req:after {position: absolute;top: 5px;right: 0;font-size: 18px;color: #ff0000;font-weight: 500;content: "*";}
table.bd.rp tbody td {padding: 10px 20px 8px 30px;}
table.bd tbody th.vt {padding-top: 25px;vertical-align: top;}


table.bd.ctr tbody td {text-align: center;padding: 10px 10px 8px 10px;}

.btn_delete {padding-left: 35px;background:#434343 url('../img/board/btn_icon_delete.png') no-repeat 16px 50%;}
.btn_copy {min-width: 73px;padding-left: 32px;padding-right: 0;background:#fff url('../img/board/btn_icon_copy.png') no-repeat 16px 50%;border: 1px solid #cccccc;color: #666666;text-align: left;}

table tbody td .btn.btn_copy {padding-left: 32px;}
table tbody td .btn.btn_delete {padding-left: 35px;}


.form_area {width: 100%;border-top: 2px solid #39c1cb}
.form-group {position: relative;width: 100%;padding-top: 10px;padding-bottom: 10px;padding-left: 160px;border-bottom: 1px solid #cccccc;min-height: 67px;font-size: 15px;color: #666666;}
.form-group label.title {position: absolute;top: 25px;left: 0;width: 140px;font-size: 16px;line-height: 130%;}
.form-group.full {padding-left: 0;}
.form-group label.title.full {position: relative;top: 0;left: 0;width: 100%;}
.form-group .inline {display: inline-block;}
.form-group div.tc .radio_label {margin-left: 26px;}
.form-group div.tc .radio_label:first-child {margin-left: 0;}
.form-group .inline-tip {margin-left: 10px;font-size: 12px;color: #727272;}
.form-group .block-tip {display: block;margin-top: 10px;font-size: 14px;color: #999999;}
.form-group .inline-tip.red {color: #ff0000;}
.form-group .inline-tip .red {color: #ff0000;}
.form-group .txt {display: block;margin-top: 16px;font-size: 14px;color: #666666;}


.form-group input[type="text"] {margin: 2px 0;max-width: 100% !important;}
.form-group input[type="number"] {margin: 2px 0;max-width: 100% !important;}
.form-group input[type="text"].full {width: 100%;}
.form-group .number_control .btn {float: left;position: relative;width: 42px;height: 42px;margin: 2px 0;padding: 0;background-color: #fff;border: 1px solid #cccccc;border-radius: 0;vertical-align: middle;}
.form-group .number_control .btn_minus:before {position: absolute;top: -3px;left: 16px;content: "-";font-size: 30px;color: #666666;}
.form-group .number_control .btn_plus:before {position: absolute;top: 0;left: 12px;content: "+";font-size: 30px;color: #666666;}
.form-group .number_control input[type=number] {float: left;width: 48px;border-left: 0;border-right: 0;border-radius: 0;text-align: center;}

.form-group .btn {margin: 0 2px;padding: 0 30px;vertical-align: middle;}
.form-group .btn.small {height: 36px;line-height: 38px;padding: 0 16px;}
.form-group .btn.small2 {height: 32px;line-height: 32px;padding: 0 10px;font-size: 14px;}

.form-group .btn.inline {margin: 0;padding: 0;font-size: 12px;}
.form-group .btn.narrow {padding: 0 5px;}

.fx {display: flex;justify-content: flex-start;align-items: center;padding: 10px 0;border-bottom: 1px solid #cccccc;}
.fx label.title {line-height: 130%;padding-right: 10px;}
.fx span.info {padding-left: 10px;font-size: 13px;color: #696969;}
.fx .btn {margin: 0 2px;padding: 0 30px;vertical-align: middle;}


.check_label.toggle {display: inline-block;position: relative;width: 90px;height: 38px;padding-left: 25px;padding-top: 3px;cursor: pointer;font-size: 14px;font-weight: bold;color: #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check_label.toggle input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check_label.toggle .checkmark {height: 38px;width: 90px;background: url('../img/common/check_toggle_off.png') no-repeat 0 0;border:0}
.check_label.toggle .checkmark span {display: block;padding-top: 13px;padding-left: 42px;color: #898989;}
.check_label.toggle input:checked ~ .checkmark {background: url('../img/common/check_toggle_on.png') no-repeat 0 0;border:0}
.check_label.toggle input:checked ~ .checkmark:after {display: block;}
.check_label.toggle input:checked ~ .checkmark span {display: none;}
.check_label.toggle .checkmark:after {content: "ON";color: #fff;left: 11px;top: 13px;width: auto;height: auto;border: 0;border-width: 0;-webkit-transform: rotate(0);-ms-transform: rotate(0);transform: rotate(0);}

.form_area.type2 {}
.form_area.type2 .form-group {padding-left: 190px;padding-right: 30px;}
.form_area.type2 .form-group label.title {position: absolute;top: 0;left: 0;width: 160px;height: 100%;margin-right: 29px;padding-top: 24px;padding-left: 29px;font-size: 15px;font-weight: 500;color: #333333;line-height: 130%;background: #f3f3f3;}

.form_area.type3 .form-group {padding-left: 200px;padding-right: 30px;border-left: 1px solid #cccccc;border-right: 1px solid #cccccc;}
.form_area.type3 .form-group label.title {position: absolute;top: 0;left: 0;width: 170px;height: 100%;margin-right: 29px;padding-top: 24px;padding-left: 29px;border-right: 1px solid #cccccc;font-size: 15px;font-weight: 500;color: #333333;line-height: 130%;background: #f3f3f3;}


.border_box {padding: 30px;border: 1px solid #e3e3e3;border-radius: 4px;}
.border_box h1, .border_box h2, .border_box h3 {line-height: 120%;}
.border_box p {line-height: 140%;}
.border_box.dash {padding: 30px;border: 1px dashed #dedede;border-radius: 4px;}
hr {border-top: 1px solid #e3e3e3;}

/*
.tabs{zoom:1;}
.tabs:before, .tabs:after{content:" ";display:table;}
.tabs:after{clear:both;} 
.tabs li {float: left;height: 60px;line-height: 60px;border: 1px solid #edecec;border-left: 0;font-size: 16px;color: #333333;font-weight: 500;}
.tabs li:first-child {border-left: 1px solid #edecec;}
.tabs li a {display: block;padding: 0 40px;color: #333333;}
.tabs li.active {background: #494949;color: #fff;}
.tabs li.active a {background: #494949;color: #fff;}
*/

.tabs {border-bottom: 1px solid #cccccc;zoom:1;}
.tabs:before, .tabs:after{content:" ";display:table;}
.tabs:after{clear:both;} 
.tabs li {float: left;height: 45px;line-height: 45px;border: 1px solid #cccccc;margin-left: -1px;margin-bottom: -1px;font-size: 15px;border-top-left-radius: 2px;border-top-right-radius: 2px;color: #666666;font-weight: 500;letter-spacing: -0.05em;overflow: hidden;}
.tabs li a {display: block;padding: 0 40px;color: #333333;}
.tabs li button, .tabs li input[type="button"] {display: block;height: 45px;line-height: 45px;padding: 0 40px;border: 0;outline: none;color: #333333;cursor: pointer;}
.tabs li.active {background: #39c1cb;border: 1px solid #39c1cb;color: #fff;}
.tabs li.active a {background: #39c1cb;color: #fff;}
.tabs li button.active, .tabs li input[type="button"].active {background: #39c1cb;color: #fff;}


.dot_line {width: 100%;height:1px;background: url('../img/common/dot_line.png') repeat-x 0 0;}
.phone_area {position: relative;width: 280px;height: 574px;padding-top: 126px;padding-left: 47px;background: url('../img/common/phone_b.png') no-repeat 0 0; }
.phone_area .sms_area {width: 214px;height: 327px;padding: 10px;background: #fff;border: 1px solid #cccccc;border-radius: 5px;overflow-y: auto;font-size: 14px;color: #666666;line-height: 150%;word-break: break-all;}
.sms_area::-webkit-scrollbar { width: 4px; } /* ��ũ�� �� */
.sms_area::-webkit-scrollbar-track { background-color:#fff; } /* ��ũ�� �� ���� ��� */
.sms_area::-webkit-scrollbar-thumb { background: #cccccc; border-radius: 5px; } /* ������ ��ũ�� �� */
.sms_area::-webkit-scrollbar-thumb:hover { background: #404040; } /* ������ ��ũ�� �� ���� ���콺�� �÷��� �� �� */
.sms_area::-webkit-scrollbar-thumb:active { background: #808080; } /* ������ ��ũ�� �ٸ� Ŭ���� �� */
.sms_area::-webkit-scrollbar-button { display: none; } /* ��ũ�� �� �� �ϴ� ��ư */
.phone_area .txt_phonenumber {position: absolute;top: 87px;left: 45px;font-size: 14px;color: #fff;font-weight: 500;}
.phone_area .txt_byte {display: block;margin-left: -45px;margin-top: 87px;width: 275px;text-align: center;font-size: 14px;color: #666666;}



.card_area {width: 100%;padding-top: 24px;padding-left: 30px;padding-right: 30px;padding-bottom: 30px;border: 1px solid #cccccc;}
.card_area h2 {font-size: 30px;color: #39c1cb;font-weight: 500;line-height: 120%;}
.card_area h3 {margin-top: 4px;margin-bottom: 2px;font-size: 30px;color: #666666;font-weight: 500;line-height: 120%;}
.card_area p {font-size: 20px;color: #666666;line-height: 120%;}

.slick-arrow {opacity: 0.5;top: 33px;height: 178px;margin-top: 0;}
.slick-arrow:hover {opacity: 1;}
.slick-arrow.slick-prev {left: 10px;background-size: 30px 48px;}
.slick-arrow.slick-next {background-size:  30px 48px;}


.card_list {width: 100%;}
.card_list li {float: left;height: 215px;padding: 10px;outline: none;}
.card_list li div.card {position: relative;width:290px;height: 178px;padding: 20px;border-radius: 10px;}
.card_list li div.card .btn_del {display: inline-block;position: absolute;top: 20px;right: 20px;}
.card_list li div.card h2 {position: absolute;bottom: 50px;left: 20px;font-size: 20px;color: #fff;}
.card_list li div.card p {position: absolute;bottom: 20px;left: 20px;font-size: 14px;color: #fff;}
.card_list li div.card.add {padding: 0;font-size: 20px;text-align: center;}
.card_list li div.card.add a.btn_add {display: block;height: 100%;padding: 60px 0 0;outline: none;}
.card_list li div.card.add a.btn_add span {display: inline-block;width: 40px;height: 40px;margin-bottom: 10px;background: #39c1cb;border: 1px solid #39c1cb;border-radius: 100%;text-align: center;font-size: 26px;padding-top: 6px;color: #fff;font-weight: bold;}


.card_list li div.card {background: url('/_asset/img/mypage/sprite__payment-card.png') no-repeat;background-size: 1455px auto;}
.card_list li div.card.add{background: #fff;border: 1px solid #ccc;}/* SKT */
.card_list li div.card.phone30053{background-position:0 0}/* SKT */
.card_list li div.card.phone30054{background-position:-292px 0}/* KT */
.card_list li div.card.phone30055{background-position:-584px 0}/* LG U+ */
.card_list li div.card.phone30056{background-position:-876px 0}/* �˶��� */
.card_list li div.card.card30002{background-position:-1168px 0}/* ����ī�� */
.card_list li div.card.card30003{background-position:0 -182px}/* ��ī�� */
.card_list li div.card.card30004{background-position:-291px -182px}/* ����ī�� */
.card_list li div.card.card30005{background-position:-584px -182px}/* �Ｚī�� */
.card_list li div.card.card30006{background-position:-876px -182px}/* KB����ī�� */
.card_list li div.card.card30007{background-position:-1168px -182px}/* �ϳ�ī�� */
.card_list li div.card.card30008{background-position:0 -364px}/* �Ե�ī�� */
.card_list li div.card.card30009{background-position:-292px -364px}/* ��Ƽī�� */
.card_list li div.card.card30010{background-position:-584px -364px}/* ����ī�� */
.card_list li div.card.card30028{background-position:-876px -364px}/* ��ȯī�� */
.card_list li div.card.card30039{background-position:-1168px -364px}/* �츮ī�� */
.card_list li div.card.card30040{background-position:-1168px -364px}/* �츮�ٸ��ī�� */
.card_list li div.card.card30042{background-position:0 -546px}/* ����ī�� */
.card_list li div.card.card30043{background-position:-292px -546px}/* ��������ī�� */
.card_list li div.card.card30044{background-position:-584px -546px}/* ��������ī�� */
.card_list li div.card.card30045{background-position:-876px -546px}/* ��������ī�� */
.card_list li div.card.card30046{background-position:-1168px -546px}/* ����ī�� */
.card_list li div.card.card30058{background-position:0 -728px}/* īī����ũī�� */
.card_list li div.card.card30081{background-position:-292px -728px}/* ������ī�� */
.card_list li div.card.card30081A{background-position:-584px -728px}/* ������ī�� with ����ī�� Ÿ��1 */
.card_list li div.card.card30081B{background-position:-876px -728px}/* ������ī�� with ����ī�� Ÿ��2 */
.card_list li div.card.card30081C{background-position:-1168px -728px}/* ������ī�� with ����ī�� Ÿ��3 */
.card_list li div.card.card30081D{background-position:0 -910px}/* ������ī�� with ����ī�� ���̺긮�� Ÿ��1 */
.card_list li div.card.card30081E{background-position:-292px -910px}/* ������ī�� with ����ī�� ���̺긮�� Ÿ��2 */
.card_list li div.card.card30081F{background-position:-584px -910px}/* ������ī�� with ����ī�� ���̺긮�� Ÿ��3 */
.card_list li div.card.bank30011{background-position:-876px -910px} /* NH���� */
.card_list li div.card.bank30012{background-position:-1168px -910px} /* KB�������� */
.card_list li div.card.bank30013{background-position:0 -1092px} /* �츮���� */
.card_list li div.card.bank30014{background-position:-292px -1092px} /* �������� */
.card_list li div.card.bank30015{background-position:-584px -1092px} /* KEB�ϳ����� */
.card_list li div.card.bank30016{background-position:-876px -1092px} /* IBK������� */
.card_list li div.card.bank30017{background-position:-1168px -1092px} /* SC�������� */
.card_list li div.card.bank30018{background-position:0 -1274px} /* ��Ƽ���� */
.card_list li div.card.bank30019{background-position:-292px -1274px} /* ��ȯ���� */
.card_list li div.card.bank30020{background-position:-584px -1274px} /* ����� */
.card_list li div.card.bank30021{background-position:-876px -1274px} /* �뱸���� */
.card_list li div.card.bank30022{background-position:-1168px -1274px} /* �������� */
.card_list li div.card.bank30023{background-position:0 -1456px} /* �������� */
.card_list li div.card.bank30024{background-position:-292px -1456px} /* �泲���� */
.card_list li div.card.bank30025{background-position:-584px -1456px} /* ���� */
.card_list li div.card.bank30026{background-position:-876px -1456px} /* �������ݰ� */
.card_list li div.card.bank30047{background-position:-1168px -1456px} /* ������� */
.card_list li div.card.bank30048{background-position:0 -1638px} /* ���� */
.card_list li div.card.bank30049{background-position:-292px -1638px} /* �������� */
.card_list li div.card.bank30050{background-position:-584px -1638px} /* NH�������� */
.card_list li div.card.bank30057{background-position:-876px -1638px} /* ��ü�� */
.card_list li div.card.bank30082{background-position:-1168px -1638px} /* īī����ũ */
.card_list li div.card.bank30083{background-position:0 -1820px} /* �佺 */

input::-ms-reveal,
input::-ms-clear {
display: none;
}