File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
:root{
--primary-color:#176EE5;
--primary-color-hover:#1956B4;
--primary-light-color:#DBF0FA;
--primary-light-color-hover:#93D4F4;
--primary-lighter-color:#f4fbff;
--primary-dark-color:#1956B4;
--primary-dark-color-hover:#1A4B8E;
--secondary-color:#4BB7ED;
--secondary-color-hover:#3C9DCE;
--secondary-light-color:#DBF0FA;
--secondary-light-color-hover:#93D4F4;
--red-color:#F43131;
--red-color-hover:#D70202;
--red-light-color:#ffe5e5;
--green-color:#15983A;
--green-color-hover:#0E9A1F;
--blue-color:#176EE5;
--blue-color-hover:#1956B4;
--gray-color:#888888;
--gray-color-hover:#666666;
--lightgray-color:#999999;
--lightgray-color-hover:#a3a3a3;
--gray-border:#D5D5D5;
--darkgray-border:#B9B9B9;
--primary-light-border:#B1C6EE;
--lightergray-bg:#f8f8f8;
--lightgray-bg:#f2f2f2;
--lightgray-bg-hover:#fafafa;
}
/* =============================================
폰트 기본
============================================= */
.fwLg{font-weight:300!important;}
.fwRg{font-weight:400!important;}
.fwMd{font-weight:500!important;}
.fwBold{font-weight:700!important;}
.fs_18{font-size:18px;font-weight:bold;}
.fs_16{font-size:16px;font-weight:bold;}
.fs_14{font-size:14px;}
.c_white{color:#fff!important;}
.c_002c9a{color:var(--primary-color)!important;}
.c_e40000{color:#e40000!important;}
.c_999999{color:#999!important;}
.c_ffa200{color:var(--secondary-color)!important;}
.c_19b32b{color:#19b32b!important;}
.c_000{color:#000!important;}
.c_222{color:#222!important;}
.c_666{color:#666!important;}
.color_red{color:var(--red-color);}
.color_blue{color:var(--blue-color);}
.color_green{color:var(--green-color);}
.color_yellow{color:#eea301;}
/* =============================================
폰트 강조(GmarketSans Bold)
============================================= */
.c_666_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#666!important;}
.c_002c9a_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:var(--primary-color)!important;}
.c_e40000_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#e40000!important;}
.c_222_g{padding:0 4px 0 0;font-family:'GmarketSansBold';font-size:26px;color:#222!important;}
.sub_font{font-family:'GmarketSansBold';}
/* =============================================
테이블 유틸리티
============================================= */
.table{display:table;width:100%;}
.table_cell{display:table-cell;vertical-align:middle;}
.table_cell1{position:relative;display:table-cell;vertical-align:top;}
.vMiddle{vertical-align:middle;}
.tRight{text-align:right!important;}
.tLeft{text-align:left!important;}
/* 기타 반복 사용 */
.SortLine{position:relative;}
.SortLine::before{position:absolute;top:50%;left:0;display:block;content:"";width:1px;height:12px;background:#b0b0b0;transform:translateY(-50%);}
.text_deco{position:relative;padding-right:40px;}
.text_deco::after{position:absolute;top:50%;left:0;content:"";width:20px;height:20px;border:5px solid var(--secondary-light-color);border-radius:50%;background-color:#fff;transform:translateY(-50%);}
.text_deco2{position:relative;padding-right:16px;}
.text_deco2::after{position:absolute;top:50%;left:0;content:"";width:4px;height:4px;border-radius:50%;background-color:#23428b;transform:translateY(-50%);}
.text_deco3{position:relative;padding-right:16px;}
.text_deco3::after{position:absolute;top:50%;left:0;content:"";width:5px;height:17px;border-radius:2.5px;background-color:var(--secondary-light-color);transform:translateY(-50%);}
.font_ellipsis>p{display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:300;line-break:anywhere;text-align:left;}
.font_ellipsis>a>p{display:-webkit-inline-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-weight:400;line-break:anywhere;text-align:left;}
.desc_text{font-size:14px;color:#666;}
/* ===================== SORT BUTTON / CASE COUNT ===================== */
.sort_wrap{display:inline-block;}
.sort_wrap button:nth-child(1) img{margin-left:3px;}
.sort_wrap button:nth-child(2) img{margin-left:-5px;}
.sort_wrap button img{margin-bottom:5px;}
.sortBtn{margin:-3px 0 0;background:url(/publish/images/sortUp.png) no-repeat center;background-color:transparent;border:0;height:14px;cursor:pointer;}
.sortBtnDesc{margin:-2px 0 0;background:url(/publish/images/sortDown.png) no-repeat center;background-color:transparent;border:0;height:14px;cursor:pointer;}
.sortBtnAsc{background:url(/publish/images/sortUp.png) no-repeat center;background-color:transparent;border:0;height:14px;cursor:pointer;}
.numOfCase{position:absolute;top:57px;right:0;}
.numOfCase p{display:inline-block;font-size:13px;}
.numOfCase p:first-child span{font-weight:500;color:#e40000;}
.numOfCase p:last-child span{font-weight:500;color:var(--primary-color);}
/* ========================================================================== */
/* INPUT / SELECT — GLOBAL UNIFIED STYLE */
/* ========================================================================== */
.form_area{display:flex;align-items:center;gap:8px;}
.form_area.left{justify-content:flex-start;}
.form_area.right{justify-content:flex-end;}
.form_area.column{flex-direction:column;}
.form_row{display:flex;gap:8px;}
.form_row *{margin:0;}
select{border:1px solid #e5e5e5;vertical-align:middle;font-family:'Pretendard';font-weight:300;font-size:16px;}
select.selType1{padding:0 25px 0 10px;height:34px;border:1px solid #d5d5d5;border-radius:3px;background-image:url(/publish/images/select_search2.png);background-repeat:no-repeat;background-position:right 5px top 50%;color:#777;}
select.selType2{margin-left:2px;align-self:center;padding-left:12px;width:125px;height:36px;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;background-image:url(/publish/images/select_search.png);background-repeat:no-repeat;background-position:92% center;font-size:16px;color:#666;}
.list_selType1:focus{outline:none;}
select.list_selType1{padding:0 15px;width:100%;border:none;background-color:transparent;background-image:url(/publish/images/mem/list_select.png);background-repeat:no-repeat;background-position:right 0 top 50%;font-family:'Pretendard';font-size:18px;color:#222;cursor:pointer;}
.select_gray_type{padding:0 20px;width:340px;height:40px;border-radius:5px;border:0;background-color:#f2f2f2;background-image:url(../images/select_search.png);background-repeat:no-repeat;background-position:94% center;font-weight:400;font-size:16px;color:#222;}
input{border:0;vertical-align:middle;box-sizing:border-box;font-family:'Pretendard';}
input:focus{outline:none;}
input::placeholder{font-family:'Pretendard';font-weight:300;color:#a6a6a6!important;}
input:-ms-input-placeholder{font-family:'Pretendard';font-weight:300;color:#a6a6a6!important;}
input[type="text"]{padding:0 10px;border-radius:3px;font-size:16px;}
input[type="text"]:active{border:1px solid var(--blue-color);}
input[type="text"].readonly::placeholder{color:#222!important;}
input[type="text"].readonly:-ms-input-placeholder{color:#222!important;}
input[type="text"].inputLight::placeholder{color:#a6a6a6!important;}
input[type="text"].inputLight:-ms-input-placeholder{color:#a6a6a6!important;}
input[type="password"]{padding:0 10px;border-radius:3px;font-size:16px;}
input[type="password"].inputLight::placeholder{color:#a6a6a6!important;}
input[type="password"].inputLight:-ms-input-placeholder{color:#a6a6a6!important;}
input.input_text{border:1px solid #d5d5d5;}
input[type="checkbox"]{width:16px;height:16px;border:1px solid #d6d8da;}
input[type="radio"]{margin:2px 3px 0 0;}
input[type="radio"]+label{margin-right:18px;font-size:16px;vertical-align:middle;}
input[type="radio"].radio_big{margin:0;width:16px;height:16px;}
textarea{padding:15px;width:100%;box-sizing:border-box;font-family:'Pretendard';font-weight:300;font-size:16px;color:#666;}
textarea::-webkit-scrollbar{width:7px;}
textarea::-webkit-scrollbar-thumb{background:#c3c6c7;border-radius:3px;}
textarea::-webkit-scrollbar-thumb:active{background:#808080;}
textarea::placeholder{font-family:'Pretendard';font-weight:300;color:#a6a6a6!important;}
textarea:-ms-input-placeholder{font-family:'Pretendard';font-weight:300;color:#a6a6a6!important;}
.textarea_gray_type{padding:24px 20px;border-radius:5px;background-color:#f2f2f2;border:none;}
/* =============================================
인풋 클리어 버튼 제거 (IE 대응)
============================================= */
input[type=text]::-ms-celar,
input[type=password]::-ms-clear,
input[type=email]::-ms-clear,
input[type=number]::-ms-clear,
input[type=tel]::-ms-clear{display:none;width:0;height:0;}
input[type=text]::-ms-reveal,
input[type=password]::-ms-reveal,
input[type=email]::-ms-reveal,
input[type=number]::-ms-reveal,
input[type=tel]::-ms-reveal{display:none;width:0;height:0;}
.w100{width:100%;}
.h100{height:100%;}
/* ==========================================================================
배지 및 상태 표시 박스 (Badges & Boxes)
========================================================================== */
.badge_wrap{padding:10px;border-radius:5px;}
.badge_wrap.red{background:#ffeaea;}
.badge_wrap .badge{padding:0;}
.badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:14px;font-weight:400;border-radius:5px;box-sizing:border-box;gap:8px;}
.badge.blue{color:#002c9a;background:#e6eaf5;}
.badge.yellow{color:#FF8800;background:#FFF4E6;}
.badge.red{color:#E40000;background:#FFEAEA;}
.badge.green{color:#18BB59;background:#e8f9ef;}
.badge i{display:inline-block;width:6px;height:6px;border-radius:100%;}
.badge.blue i{background:#002c9a;}
.badge.yellow i{background:#FF8800;}
.badge.red i{background:#E40000;}
.badge .icon{width:16px;height:16px;border-radius:0;}
.badge.red .error{background:transparent url(/publish/images/content/icon_error.png) no-repeat center;}
.badge.yellow .warning{background:transparent url(/publish/images/content/icon_warning.png) no-repeat center;}
.badge.green .success{background:transparent url(/publish/images/content/icon_success.png) no-repeat center;}
/* 박스 유형별 스타일 */
.gray_box{padding:20px 25px;font-size:14px;font-weight:400;line-height:1.4;color:#666;}
.gray_box.fill{background:#f5f5f5;border-radius:5px;}
.white_box{padding:12px 16px;margin:8px 0 0 0;font-size:14px;line-height:1.4;color:#333;background:#fff;border-radius:5px;}
.lightred_box.fill{padding:20px 12px;font-size:16px;font-weight:400;line-height:1.4;color:#222;text-align:center;background:#FFEAEA;border-radius:5px;}
/* =============================================
테이블 타입
============================================= */
.tType1 {width: 100%;text-align: left;table-layout: fixed;}
.tType1 tbody tr {border-bottom: 1px solid #e5e5e5;}
.tType1 tbody tr:first-child{border-top: 2px solid #000;}
.tType1 tbody tr th {min-width: 75px; height: 55px; vertical-align: middle;font-size: 17px; text-align: left;}
.tType1 tbody tr th .essential {display:inline-block;margin:4px 2px 0 0;vertical-align:top;color:#e40000;}
.tType1 tbody tr th.vTop {vertical-align: top; padding-top: 20px; line-height: 1.2;}
.tType1 tbody tr td {vertical-align: middle;font-weight: 300;line-height: 1.3; padding: 10px 0;}
.tType1 tbody tr td p {line-height: 1.4;}
.tType1 tbody tr td.send_cf {font-size: 18px;}
.tType1 tbody tr td.putText {padding: 10px 0;}
.tType1 tbody tr td.putText>div {display: flex; width: 100%;}
.tType1 tbody tr td.putText>p:last-child {color: #555; font-size: 14px; padding-top: 10px;}
.tType1 tbody tr td.putText .put_left {float: left;width: calc(100% - 26%); min-width: 420px; padding: 0 10px; border:1px solid #f2f2f2;box-sizing: border-box; border-radius: 5px; background-color: #f2f2f2; position: relative; /*max-height: 300px;*/}
.tType1 tbody tr td.putText .put_left .text_length {position: relative;min-height: 28px;margin:0 0 15px;border-radius: 0 0 5px 5px;}
.tType1 tbody tr td.putText .put_left .text_length>div:first-child {font-size: 15px; padding-left: 10px;}
.tType1 tbody tr td.putText .put_left .text_length>div:last-child {position: absolute;bottom: 0;right: 10px;}
.tType1 tbody tr td.putText .put_left .text_length p {display: inline-block;padding-right: 10px;}
.tType1 tbody tr td.putText .put_right { width: 26%; max-width: 200px; position: relative;}
.tType1 tbody tr td.putText .put_right>button {width: calc(100% - 10px); margin-left: 10px;margin-bottom: 5px;}
.tType1 tbody tr td.putText .put_right .btn_popup_wrap button:not(.btn_close) {width: calc(100% - 10px); margin-left: 10px;margin-bottom: 5px;}
.tType1 tbody tr td.putText button .qmMark {background-image: url(/publish/images/content/qmIcon_s.png); width: 19px; height: 19px; margin-left: 5px; margin-top: -2px;}
.tType1 tbody tr td.putText .put_right .send_btnWrap {position: absolute;bottom: 0;right:0;width: calc(100% - 10px);}
.tType1 tbody tr td.putText .put_right .send_btnWrap button {width: 48.5%;}
.tType1 tbody tr td.putText textarea {height: 160px; border: none;margin: 0;padding:0 15px;border-radius: 5px 5px 0 0;outline: 0;background-color: transparent; font-size: 15px;}
.tType1 tbody tr td.putText .put_left.short textarea {height: 190px;margin:10px 0;padding:0 5px;}
.tType1 tbody tr td.putText .put_left.short textarea::placeholder {color: #b5b5b5;}
.tType1 tbody tr td.putText .put_left.short.on {border: 1px solid var(--primary-color);border-radius: 5px;background-color: #eef2f9 !important;}
.tType1 tbody tr td.putText .put_left.long textarea {height: 380px;}
.tType1 tbody tr td.putText .put_left.long.on {border: 1px solid #12bec9;border-radius: 5px;background-color: #eef5f9 !important;}
.tType1 tbody tr td.putText .put_left.photo.on {border: 1px solid #e26ba9;border-radius: 5px;background-color: #f8f1f5 !important;}
.tType1 tbody tr td.put_num .badge{margin:0 0 0 8px;}
.tType1 tbody tr td.put_num .badge.yellow{cursor:pointer;}
.tType1 tbody tr.msg_title {display:none;}
.tType1 tbody tr.msg_title.active {display:table-row;}
.tType1 tbody tr.msg_title td .title_wrap .textbox {display:none;margin:10px 0 0;}
.tType1 tbody tr.msg_title td .title_wrap .textbox.active {display:block;}
.tType1_title {font-size: 20px; font-weight: 600; position: relative; height: 40px;}
.tType1_title button {position: absolute;top: 22%; right: 0; transform: translateY(-50%); background-color: var(--primary-color); height: 40px; padding: 0 15px; color: #fff;}
.tType1_title>span {font-size: 16px; font-weight: 300; color: #666;}
.tType1 tbody tr td.send_list {position: relative;display: flex; justify-content: space-between;}
.tType1 tbody tr td.send_list .list_left, .tType1 tbody tr td.send_list .list_right {width: calc(100%/2 - 25px);min-width: 290px;}
.tType1 tbody tr td.send_list .list_left {left: 0;position: relative;}
.tType1 tbody tr td.send_list .list_left .add_num {height: 90px;}
.tType1 tbody tr td.send_list .list_left .add_num input[type="text"] {width: calc(100% - 97px);min-width: 200px;}
.tType1 tbody tr td.send_list .list_left .add_num input[type="text"]::placeholder {color: #a6a6a6; font-weight: 300;}
.tType1 tbody tr td.send_list .list_left .add_num>span {color: #e40000;font-size: 13px;font-weight: 400;line-height: 39px;}
.tType1 tbody tr td .text_req {display: inline-block; color: #999; font-size: 17px; font-weight: 300; vertical-align: middle;}
.tType1 tbody tr td.send_list .list_right {right: 0;}
.tType1 tbody tr td.send_list .list_right .list_btnWrap {display: flex;flex-flow: wrap;justify-content: space-between;}
.tType1 tbody tr td.send_list .list_right .list_btnWrap button {height: 37px;width: calc(100%/3 - 3px);margin-bottom: 5px;}
.tType1 tbody tr td.send_list .add_btn {position: absolute; right: 0; top: 0;}
.tType1 tbody tr td.send_list .add_btn button {min-width: 95px; height: 32px; font-size: 14px;}
.tType1 tbody tr td.send_list .add_remove {text-align: center;margin: 40px 4px 0 4px;align-self: center;}
.tType1 tbody tr td.send_list .add_remove button {display: block;max-width: 44px;padding: 4px 6px; border: 1px solid #b1b1b1;border-radius: 5px; margin: 0 auto;margin-bottom: 5px;font-size: 12px;}
.tType1 tbody tr td.send_list .add_remove button:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
.tType1 tbody tr td.send_list .add_remove button.add i {background-image:url(/publish/images/content/add_btn.png);width: 11px;height: 10px;display: block;margin: 0 auto;}
.tType1 tbody tr td.send_list .add_remove button.remove i {background-image:url(/publish/images/content/remove_btn.png);width: 11px;height: 10px;display: block;margin: 0 auto;}
.tType1 tbody tr th.billingAmount {position: relative;line-height: 1;vertical-align: middle;}
.tType1 tbody tr th.billingAmount>div {background-color: #f2f2f2;border-radius: 5px;padding: 23px 30px;margin: 20px 0; position: relative;}
.tType1 tbody tr th.billingAmount>div .final_pay {position: relative; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center;}
.tType1 tbody tr th.billingAmount>div p:first-child {font-size: 20px;font-weight: 500;}
.tType1 tbody tr th.billingAmount>div p:last-child {font-size: 20px;}
.tType1 tbody tr th.billingAmount>div p span#totalPriceTxt {font-size: 24px;color: #e40000;font-weight: 500;}
.tType1 tbody tr th.billingAmount>div p span:last-child {font-size: 16px;color: #888;font-weight: 300;}
.tType1 tbody tr th.billingAmount .pay_info_list p {float:left;line-height:35px;}
.tType1 tbody tr th.billingAmount .pay_info_list .info {float:left;margin:0 0 0 15px;padding:8px 15px 10px;font-size:16px;font-weight:300;color:#555;background:#e5e5e5;border-radius:5px;box-sizing:border-box;}
.tType1 tbody tr th.billingAmount .pay_info_list .info strong {font-size:18px;font-weight:700;color:var(--primary-color);}
.tType1 tbody tr th.billingAmount .pay_info_list .info span {margin:0 8px 0 7px;}
.tType1 tbody tr th.billingAmount button.cal_btn {position: absolute;right: 0; top: 50%;transform: translateY(-50%);background-color: var(--secondary-color);width: 88px;height: 32px;border-radius: 5px;}
.tType1 tbody tr th.billingAmount button.cal_btn:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12);}
.tType1 tbody tr th.billingAmount button.cal_btn i {background-image: url(/publish/images/content/calIcon.png);width: 12px;height: 16px;margin: 0 3px 2px 0;}
.tType1 tbody tr th.billingAmount .pay_type {background-color: #fff; border-radius: 5px 5px 0 0; height: 60px; padding: 12px 13px; box-sizing: border-box;}
.tType1 tbody tr th.billingAmount .pay_type button.btn_event_cash{width: 100px;}
.tType1 tbody tr th.billingAmount .pay_type:last-child {margin-top: 10px;}
.tType1 tbody tr th.billingAmount .pay_type>div:first-child {float: left;margin:0 0 0 5px;}
.tType1 tbody tr th.billingAmount .pay_type>div .won {display:inline-block;margin:9px 11px 0 -34px;font-size:16px;vertical-align:top;color:#9a9a9a;}
.tType1 tbody tr th.billingAmount .pay_type>div:last-child {float: right;}
.tType1 tbody tr th.billingAmount .pay_type>div:only-child{float: left;}
.tType1 tbody tr th.billingAmount .pay_type input[type="radio"]+label {font-size: 16px;}
.tType1 tbody tr th.billingAmount .pay_type input[type="radio"]+label span {font-size: 17px; font-weight: 700;}
.tType1 tbody tr th.billingAmount .pay_type input[type="text"] {width: 210px; height: 36px; padding:0 37px 2px 16px; border-radius: 5px;text-align:right;}
.tType1 tbody tr th.billingAmount .pay_type input[type="text"]::placeholder {color: #000; font-size: 16px; text-align: right; font-weight: 500;}
.tType1 tbody tr th.billingAmount .pay_type button {width: 78px; margin-left: 5px;}
.tType1 tbody tr td.check_num>div {display: inline-block;}
.tType1 tbody tr td.check_num>div button {height: 40px; padding: 0 5px;}
.tType1 tbody input[type="text"] {height: 40px; padding: 0 15px; background-color: #f2f2f2;border-radius: 5px;line-height:38px;}
.tType1 tbody input[type="password"] {height: 50px; padding: 0 15px; background-color: #f2f2f2;border-radius: 5px; font-size: 16px;}
.tType1 tbody select.sel_number {width: 340px; height: 40px; padding: 0 20px; background-color: #f2f2f2;border-radius: 5px; border: 0;color: var(--primary-color);font-weight: 400;font-size: 16px;background-image: url(/publish/images/select_search.png); background-repeat: no-repeat; background-position: 94% center;}
.tType1 tbody input[type="text"]::placeholder {color: #a6a6a6;}
.tType1 tbody input:disabled {background-color: #dedede;}
.tType3 {width: 100%; border-radius: 3px; border: 1px solid #ccc; box-sizing: border-box;}
.tType3.payDetail {margin-bottom: 50px;}
.tType3.usageDetail {margin-bottom: 50px;}
.tType3.payDetail {margin: -15px 0 10px 0;}
.payDetail .tType3_hd>div:nth-child(1), .payDetail .tType3_bd>div:nth-child(1) {width: 40px;}
.payDetail .tType3_hd>div:nth-child(2), .payDetail .tType3_bd>div:nth-child(2) {width: 20%;}
.payDetail .tType3_hd>div:nth-child(3), .payDetail .tType3_bd>div:nth-child(3) {width: 17%;}
.payDetail .tType3_hd>div:nth-child(4), .payDetail .tType3_bd>div:nth-child(4) {width: 15%;}
.payDetail .tType3_hd>div:nth-child(5), .payDetail .tType3_bd>div:nth-child(5) {width: 17%;}
.payDetail .tType3_hd>div:nth-child(6), .payDetail .tType3_bd>div:nth-child(6) {width: 15%;}
.payDetail .tType3_hd>div:nth-child(7), .payDetail .tType3_bd>div:nth-child(7) {width: 17%;}
.table_cont {display: none;}
.table_cont.current {display: block;}
.tType3 .tType3_hd {position:relative;display:flex;height:36px;font-size:15px;background:#f8f8f8;text-align:center;border-radius:5px 5px 0 0;box-sizing:border-box;z-index:0;}
.tType3 .tType3_hd>div {display:flex;border-left:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;box-sizing:border-box;justify-content:center;align-items:center;gap:8px;}
.tType3 .tType3_hd>div:first-child {border-left:0;}
.tType3 .font_ellipsis {position:relative;}
.tType3 .tType3_bd {display:flex;height:40px;box-sizing:border-box;text-align:center;}
.tType3 .tType3_bd span {font-weight:400;}
.tType3 .tType3_bd>div {height:40px;padding:0 10px;border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;text-align:center;font-size:15px;color:#555;font-weight:300;box-sizing:border-box;}
.tType3 .tType3_bd>div:first-child {border-left: 0;}
.tType3 .tType3_bd:last-child>div {border-bottom: 0;}
.tType3 .tType3_bd .table_certify {font-weight: 400;}
.tType3 .tType3_bd .input_wrap2 input[type="text"] {text-align: center; background-color: #f2f2f2; width: calc(100% - 20px); height: 32px; border-radius: 5px; color: #555; vertical-align: baseline;}
.tType3 .tType3_bd .input_wrap2 input[type="text"]::placeholder {color: #555;}
.tType3 .tType3_bd .input_wrap2 input[type="text"]:-ms-input-placeholder {color: #555;}
.tType3 .tType3_bd .btnType14 {height: 28px; padding: 0 11.5px; vertical-align: baseline; line-height: 28px;}
.tType3 .tType3_bd input[type="radio"] {margin-top: 0; margin-right: 0; vertical-align: revert;}
.tb_wrap{position:relative;width:100%;min-height:430px;border:1px solid #d5d5d5;border-radius:5px;margin-bottom:10px;box-sizing: border-box;border-bottom:0 none;overflow:hidden;}
.tb_wrap:after {position:absolute;content:'';width:calc(100% - 4px);height:1px;background:#d5d5d5;left:2px;bottom:0;}
.tType4{width:100%;table-layout:fixed;}
.tType4 thead{position:relative;background:#f8f8f8;z-index:0;}
.tType4 thead tr:only-child th{height:36px;}
.tType4 thead th{position:relative;height:25px;border-right:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-size:15px;font-weight:400;vertical-align:middle;z-index:1;}
.tType4 thead th:last-child{border-right: 0;}
.tType4 .sort_wrap{display: inline-block;}
.tType4 tbody td{text-align: center; font-size: 15px; color: #666; font-weight: 400; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; height: 38px; vertical-align: middle; padding: 0 10px; box-sizing: border-box;}
.tType4 tbody td.tb_tit{text-align: left; position: relative;}
.tType4 tbody td.input_wrap2 input[type="text"] {text-align: center;background-color: #f2f2f2;width: calc(100% - 20px);height: 32px;border-radius: 5px;border: 1px solid #f2f2f2;margin-right: 0;color: #555;}
.tType4 tbody tr:only-child:last-child td{border-bottom: 1px solid #ccc;}
.tType4 tbody td:last-child{border-right: 0;}
.tType4 tbody td>p{width: 100%; line-height: 38px; white-space: nowrap; text-overflow: ellipsis; letter-spacing: -0.5px; overflow: hidden;margin: 0 auto;}
.tType4 tbody td span {font-weight: 400;}
.tType4 td input[type="text"]{height: 28px; display: inline-block; border: 1px solid #e5e5e5; margin-right: 5px;}
.tType4 tbody .btnType14 {height: 28px;}
.tType4 .memo_text {width: calc(100% - 35px); margin-right: 5px; display: inline-block; text-align: left; vertical-align: inherit;}
.tType4 tbody td span.textReject {line-height:28px;}
.tType4 tbody td .btnTypeReject {margin:0 0 0 3px;line-height:26px;letter-spacing:0;text-align:center;vertical-align:top;}
.tType4 tbody td.result_cont a {text-align: left!important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.tType4 tbody td.result_cont .result_tit { }
.tType4 tbody td .cancel_date {font-size:14px; color:#666; display: block;}
/* =============================================
탭 타입
============================================= */
.top_content {display: none;}
.top_content.current {display: block;}
.custom_content {display: none;}
.custom_content.current {display: block;}
.bottom_content {display: none;}
.bottom_content.current {display: block;}
.popup_cont {display: none;}
.popup_cont.current {display: block;}
.history_cont {display: none;}
.history_cont.current {display: block;}
.alarm_cont {display: none;}
.alarm_cont.current {display: block;}
.pay_cont {display: none;}
.pay_cont.current {display: block;}
.fee_cont {display: none;}
.fee_cont.current {display: block;}
.tabType1{display:flex;width:100%;margin:0 0 20px;background:#fff;border-radius:10px;border:1px solid var(--primary-color);text-align:center;overflow:hidden;}
.tabType1 li{position:relative;flex:1;}
.tabType1 li button{position:relative;width:100%;height:60px;padding:13px 0;font-size:18px;color:#222;border-radius:8px;z-index:1;}
.tabType1 li.active button {border:1px solid var(--primary-color);background-color:var(--primary-color);font-weight:600;color:#fff;}
.mypage_content .tabType1 {background-color: #f4f4f5; color: #222; margin-top: 40px;}
.mypage_content .tabType1 li.active button {background-color: var(--secondary-light-color); color: #222;}
.pay_tab_wrap .tabType1 {background-color: #f4f4f5; color: #222; margin: 30px 0 ;border:0 none;border-radius:5px;}
.pay_tab_wrap .tabType1 li::after {content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 30px; background-color: #d5d5d5;}
.pay_tab_wrap .tabType1 li:last-child::after {content: none;}
.pay_tab_wrap .tabType1 li button{height:53px;font-size:16px;}
.pay_tab_wrap .tabType1 li:first-child button {border-radius:5px 0 0 5px;}
.pay_tab_wrap .tabType1 li:last-child button {border-radius:0 5px 5px 0;}
.pay_tab_wrap .tabType1 li.active {background-color:transparent;}
.pay_tab_wrap .tabType1 li.active::after {content: none;}
.pay_tab_wrap .tabType1 li.active button {background-color: var(--secondary-color); border:1px solid var(--secondary-color-hover);color: #FFF;border-radius:5px;}
.pay_tab_wrap .tabType1 li.active button:before {display:none;}
.pay_tab_wrap .tabType1 li.active button:after {display:none;}
.tabType2 {position:relative;display:flex;width:calc(100% - 600px);margin:0 0 20px 0;background:#fff;border-radius:10px 10px 0 0;text-align:center;}
.tabType2::after {position:absolute;content: "";width:calc(100% + 600px);height:2px;background:#1E3862;bottom:0;left:0;}
.tabType2 li {flex-basis:calc(100% /4);min-width: 200px;}
.tabType2 li button {width: 100%;padding:13px 0;font-size:20px;border-left:1px solid #f2f2f2;background:#fff;}
.tabType2 li:nth-child(3) button {border-left:0;}
.tabType2 li:first-child button {border-left:0;border-radius:10px 0 0 0;}
.tabType2 li:last-child button {border-radius:0 10px 0 0;}
.tabType2 li.active button {background:#1E3862;border-radius:10px 10px 0 0;color:#fff;border-left:1px solid transparent;}
.tabType4 {background-color: #fff;width: 100%;border-radius: 10px; display: flex;text-align: center;margin-bottom: 20px;border:1px solid var(--primary-color);overflow:hidden;}
.tabType4 li {flex: 1; position: relative;}
.tabType4 li::after {content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 34px; background-color: #d5d5d5;}
.tabType4 li:last-child::after {content: none;}
.tabType4 li.active::after {content: none;}
.tabType4 li button {position:relative;width: 100%; height: 50px; padding: 12px 0;font-size: 18px; letter-spacing: -0.5px;}
.tabType4 li.active button {color:#fff;border:1px solid var(--primary-color);background-color:var(--primary-color);border-radius:8px;}
/* .tabType4 li.active button:before {content:'';position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:2px solid #46484a;box-sizing:border-box;} */
/* .tabType4 li.active button:after {content:'';position:absolute;left:-5px;top:-5px;width:100%;height:100%;border:5px solid #46484a;border-radius:10px;} */
.tabType4.tabTwo li {flex-basis: calc(100%/2);}
.tabType5 {background-color: #fff;width: 100%; border: 1px solid #dfdfdf; border-bottom: 1px solid #46484a; border-radius: 5px 5px 0 0; display: flex;text-align: center;}
.tabType5 li {flex-basis: calc(100%/3); position: relative;}
.tabType5 li::after {content: ""; position: absolute; right: -1px; top: 50%; transform: translateY(-50%); width: 1px; height: 100%; background-color: #c7c8c8;}
.tabType5 li:last-child::after {content: none;}
.tabType5 li.active::after {content: none;}
.tabType5 li button {width: 100%;height: 45px; font-size: 18px;}
.tabType5 li.active button {background-color: #46484a;border-radius: 5px 5px 0 0;color: #fff; font-weight: 300;}
.tabType6 {background-color: #fff;width: 100%;border-bottom: 1px solid #e5e5e5; display: flex;text-align: center;}
.tabType6 li {flex-basis: calc(100%/2);}
.tabType6 li button {width: 100%;height: 35px; font-size: 16px;border: 1px solid #dfdfdf; border-bottom: 1px solid #e5e5e5; border-radius: 5px 5px 0 0;}
.tabType6 li.active button {background-color: #c8c8c8;border-radius: 5px 5px 0 0; border: 1px solid #c8c8c8;}
.pay_refund_cont .pay_tType1 {margin-top:-20px;}
.pay_refund_cont .pay_tType1 tbody tr:first-child {border-top:0 none;}
/* =============================================
캘린더
============================================= */
.calendar_wrap {position:relative;display: inline-block;}
.calendar_wrap>span {font-weight: 500;}
.calendar_wrap>input[type="text"] {height: 36px;line-height: 36px;width: 140px;border: 1px solid #d5d5d5;font-size: 16px;font-weight: 300;padding: 0 5px;color: #777;background: url(/publish/images/calendar/calendarIcon2.png) #fff no-repeat right 7px center;}
.calendar_in {position: relative;display: inline;}
.calendar_in>button { border: 1px solid transparent !important; height: 26px; margin: 1px 0 0 0; padding: 0; text-indent: -9999em; width: 26px; vertical-align: middle; position: absolute; right: 8px;top: 57%; transform: translateY(-50%);}
.calendar_in .calendar-frame {border: 0;height: 290px;width: 320px;}
.calendar_in .calendarPop {display: none;position: absolute;z-index: 10;top: 32px;left: -204px; border-radius: 10px 10px 0 0;box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.12); background-color: #fff;}