@charset 'utf-8';

.container { position:relative; display:grid; grid-template-columns:260px 1fr; transition: grid-template-columns 0.5s ease-in-out; }

/* aside */
#aside { overflow:hidden; border-right:1px solid #e2e6ec; padding-left:30px; transition: padding-left 0.5s ease-in-out; box-sizing:border-box; }
#aside .aside-top { position:relative; padding:15px 0; height:60px; box-sizing:border-box; }
#aside .aside-top .btn-menu-toggle { display:block; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_menu.png'); cursor:pointer; border:0; }

#aside #nav { position:relative; width:210px; }
#aside #nav .main { padding-bottom:50px; }
#aside #nav .main li { }
#aside #nav .main li .idx { position:relative; display:flex; width:100%; bordeR:0; cursor:pointer; color:#4a5057; font-size:20px; font-weight:800; height:45px; align-items:center; padding-left:35px; transition: padding-left 0.5s ease-in-out; font-family: 'GmarketSans'; }
#aside #nav .main li .idx:before { position:absolute; left:0; top:10px; display:block; width:22px; height:22px; background-repeat:no-repeat; background-position:center; content:""; }
#aside #nav .main li.m1 .idx:before { background-image:url('../img/icons/ic_menu_order.png'); }
#aside #nav .main li.m2 .idx:before { background-image:url('../img/icons/ic_menu_charging.png'); }
#aside #nav .main li.m3 .idx:before { background-image:url('../img/icons/ic_menu_search.png'); }
#aside #nav .main li.m4 .idx:before { background-image:url('../img/icons/ic_menu_store.png'); }
#aside #nav .main li.m5 .idx:before { background-image:url('../img/icons/ic_menu_center.png'); }
#aside #nav .main li .idx:after { position:absolute; right:0; top:50%; display:block; width:22px; height:22px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_toggle_arrow.png'); transform:translateY(-50%); content:""; }

#aside #nav .main li.m1.current .idx:before { background-image:url('../img/icons/ic_menu_order_on.png'); }
#aside #nav .main li.m2.current .idx:before { background-image:url('../img/icons/ic_menu_charging_on.png'); }
#aside #nav .main li.m3.current .idx:before { background-image:url('../img/icons/ic_menu_search_on.png'); }
#aside #nav .main li.m4.current .idx:before { background-image:url('../img/icons/ic_menu_store_on.png'); }
#aside #nav .main li.m5.current .idx:before { background-image:url('../img/icons/ic_menu_center_on.png'); }
#aside #nav .main li.current .idx:after { transform:translateY(-50%) rotate(180deg); }
#aside #nav .main li.current .idx { color:#74a53a; }

#aside #nav .sub-menu { transition: padding-left 0.5s ease-in-out; display:none; }
#aside #nav .sub-menu .menu-list { padding-bottom:10px; }
#aside #nav .sub-menu .menu-list li { position:relative; }
#aside #nav .sub-menu .menu-list li a { display:flex; font-size:18px; color:#666666; height:42px; align-items:center; padding-left:35px; }
#aside #nav .sub-menu .menu-list li:hover a { color:#000; font-weight:700; }
#aside #nav .sub-menu .menu-list li.current a { font-weight:700; color:#000; background-color:#f1f8f3; border-radius:40px; }

/* close */
.container.close { grid-template-columns:60px 1fr; }
.container.close #aside { padding-left:20px; }
.container.close #aside #nav:after { position:absolute; left:0; top:0; right:0; bottom:0; display:block; z-index:100; content:""; }
.container.close #aside #nav .main li .idx { padding-left:40px; } 
.container.close #aside #nav .sub-menu { padding-left:40px; } 


/* contents */
.contents { }
.contents .sub-hd { height:113px; border-bottom:1px solid #cbcdcf; }
.contents .sub-hd h3 { font-size:30px; line-height:1.10; padding:60px 0 0 35px; font-weight:700; }
.contents .sub-hd h3 .nor { font-weight:400; }
.content-body { position:relative; padding:35px 35px 100px 35px; }

/* unit */
.btn-basic { display:flex; width:auto; border:1px solid #d0d0d0; height:52px; border-radius:3px; padding:0 15px; font-size:18px; line-height:1.15; font-weight:700; color:#000; min-width:100px; cursor:pointer; align-items:center; justify-content:center; box-sizing:border-box; }
.btn-basic.fill-green { border-color:#74a53a; background-color:#74a53a; color:#fff; font-weight:500; }
.btn-basic.w165 { width:165px; }
.btn-basic.fill-gray { background-color:#888; border:1px solid #888; color:#fff; font-weight:400 !important; }

.btns-box { display:flex; flex-wrap:wrap; gap:10px; align-items:center; justify-content:flex-end; }


input.fr-input { display:block; width:100%; border:1px solid #d0d0d0; height:52px; border-radius:4px; box-sizing:border-box; padding:0 10px; font-size:18px; font-weight:400; color:#000; }
input.fr-input.readonly { background-color:#e9e9e9; }

.fr-input.w55 { width:55px; text-align:center; }
.fr-input.w70 { width:70px; text-align:center; }
.fr-input.w140 { width:140px; }
.fr-input.w180 { width:180px; }
.fr-input.w185 { width:185px; }
.fr-input.w215 { width:215px; }
.fr-input.w460 { width:460px; }

.select-box { position:relative; width:185px; }
.select-box:after { position:absolute; right:10px; top:50%; display:block; width:16px; height:10px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/ic_select.png'); transform:translateY(-50%); content:""; }
.select-box select { position:relative; display:block; width:100%; font-size:18px; line-height:1.45; font-weight:700; color:#000; border:1px solid #d0d0d0; height:52px; border-radius:4px; padding:0 35px 0 20px; outline:none; cursor:pointer; box-sizing:border-box; z-index:1; }
.select-box.bold select { border:4px solid #74a53a; }

.radio-box { position:relative; display:inline-block; font-size:18px; line-height:28px; }
.radio-box input { display:none; }
.radio-box span { display:block; height:28px;  border:0; cursor:pointer; padding-left:35px; }
.radio-box span:before { position:absolute; left:0; top:0; display:block; width:28px; height:28px; background-repeat:no-repeat; background-position:center;  background-image:url('../img/icons/ic_checkbox.png'); content:""; }
.radio-box input:checked + span:before { background-image:url('../img/icons/ic_checkbox_checked.png'); }

.radio-check-box { display:flex; gap:20px; align-items:center; justify-content:center; padding-right:20px; }



/* 1-1. 주문하기 
* * * * * * * * * * * * * * * * * * * */
/* search-option */
.search-option { margin-bottom:20px; }
.search-option .item-list { display:flex; gap:5px; margin-top:10px; }
.search-option .item-list li.rest { flex-grow: 1; }

.bo-hd { position:relative; }
.bo-hd .btns-box { max-width:320px; }
.bo-hd .btns-box li { display:flex; gap:10px; }

.bo-hd .pop-noti-box { position:absolute; left:20px; top:-35px; right:20px; display:block; background-color:#ff0000; padding:5px 10px; font-size:15px; color:#fff; text-align:center; }
.bo-hd .pop-noti-box .btn-pop-close { position:absolute; right:10px; top:8px; display:Block; width:15px; height:15px; background-repeat:no-repeat; background-position:center; background-image:url('../img/icons/btn_pop_close.png'); background-size:100% auto; border:0; cursor:pointer; outline:none; }


.date-selection-area { display: flex; align-items: center; gap: 15px; /* 요소들 사이의 간격 */ }
.date-selection-area .select-box { width:auto; flex-shrink: 0; }
#order-date { min-width: 200px; }
.date-selection-area dl { display:flex; align-items:center; justify-content:center; gap:5px; }
.date-selection-area dl dt,
.date-selection-area dl dd { font-size:15px; }
.date-selection-area dl dt { color:#666666; }
.date-selection-area dl dd { color:#333333; font-weight:700; }


/* bo-table */
.bo-table { position:relative; }
.bo-table table { width:100%; border-top:1px solid #e2e6ec;}
.bo-table th,
.bo-table td { border-bottom:1px solid #e2e6ec; padding:10px; text-align:center; font-size:18px; vertical-align:middle; } 

.bo-table thead th { padding:5px 10px; height:62px; font-weight:400; box-sizing:border-box; }
.bo-table thead th.left { text-align:left; }
.bo-table thead th .btns-box { padding-right:10px; }

.bo-table td { height:60px; }
.bo-table td .btn-check-box { display:inline-block; }
.bo-table td .btn-check-box input { display:none; }
.bo-table td .btn-check-box span { display:block; width:27px; height:27px; background-repeat:no-repeat; background-position:center;  background-image:url('../img/icons/ic_checkbox.png'); border:0; cursor:pointer; }
.bo-table td .btn-check-box input:checked + span { background-image:url('../img/icons/ic_checkbox_checked.png'); }
.bo-table td.td-subject { text-align:left; }
.bo-table td .number-box { position:relative; display:flex; align-items:center; justify-content:center; }
.bo-table td .number-box .btn { background-color:#f1f2f4; width:34px; height:34px; background-repeat:no-repeat; background-position:center; border:0; cursor:pointer; border:1px solid #dde0e3; }
.bo-table td .number-box .btn.minus { background-image:url('../img/icons/ic_minus.png'); border-right:0; } 
.bo-table td .number-box .btn.plus { background-image:url('../img/icons/ic_plus.png'); border-left:0; } 
.bo-table td .number-box .fr-input { width:44px; border-radius:4px; text-align:center; font-size:15px; font-weight:700; padding:0; background-color:#fff; }

.bo-table tbody tr:hover td { background-color:#f2f8f3; }

.bo-tail { margin-top:65px; }
.bo-tail:after { clear:both; display:block; content:""; }

.total-price { float:right; display:flex; width:100%; gap:30px; justify-content:flex-end; text-align:right; align-items:flex-end; }
.total-price dt { display:flex; font-size:18px; line-height:1.50; align-items:flex-end; justify-content:center; }
.total-price dd { display:flex; font-size:40px; line-height:1.10; align-items:center; justify-content:center; }



/* 1-2. 장바구니 
* * * * * * * * * * * * * * * * * * * */
.cart-list { min-width:1280px; }
.cart-list li { position:relative; display:grid; grid-template-columns:1fr 300px 170px 220px 250px; height:140px; margin-bottom:7px; box-sizing:border-box; }
.cart-list li:after { position:absolute; left:0; right:0; top:0; bottom:0; display:block; border:1px solid #c4c4c4; content:""; }
.cart-list li:hover:after { border:3px solid #74a53a; }
.cart-list li .basic-info { position:relative; z-index:1; padding-left:30px; display:flex; align-items:flex-start; justify-content:center; flex-direction: column; }
.cart-list li .basic-info dl { display:flex; gap:10px; margin-bottom:4px; }
.cart-list li .basic-info dl:last-child { margin-bottom:0; }
.cart-list li .basic-info dl dt,
.cart-list li .basic-info dl dd { font-size:18px; line-height:1.45; text-align:left; }
.cart-list li .basic-info dl dt { color:#999999; }
.cart-list li .basic-info dl dd { }
.cart-list li .item { position:relative; z-index:1; display:flex; gap:20px; align-items:center; }
.cart-list li .item dt,
.cart-list li .item dd { font-size:26px; }
.cart-list li .item dt { color:#999999; }
.cart-list li .order-form { position:relative; z-index:1; display:flex; gap:20px; align-items:center; }
.cart-list li .order-form dt,
.cart-list li .order-form dd { font-size:26px; }
.cart-list li .order-form dt { color:#999999; }
.cart-list li .price { position:relative; z-index:1; display:flex; gap:20px; align-items:center; justify-content:space-between; }
.cart-list li .price dt,
.cart-list li .price dd { font-size:26px; }
.cart-list li .price dt { color:#999999; }
.cart-list li .btn-area { position:relative; z-index:1; display:flex; gap:5px; align-items:center; justify-content:center; }
.cart-list li.empty { text-align:center; border:0; display:block; font-size:21px; line-height:140px; }

.search-option .select-text-box { display: flex; width:180px; border-color: #74a53a; background-color: #74a53a; color: #fff; font-size: 18px; font-weight: 500; height: 52px; align-items: center; justify-content: center; box-sizing: border-box; border:0; border-radius: 3px; }


/* 1-2-1. 주문결제 
* * * * * * * * * * * * * * * * * * * */
.form-box { }
.form-box .form-hd { position:relative; margin-bottom:20px; }
.form-box .form-hd h4 { font-size:18px; line-height:1.45; color:#333333; font-weight:700; padding-left:20px; }
.form-box .form-hd .noti { position:absolute; right:10px; top:0; font-size:18px; line-height:1.45; color:#333333; font-weight:700; }

.form-list { border-top:1px solid #e2e6ec; margin-bottom:50px; }
.form-list dl { border-bottom:1px solid #e2e6ec; padding:10px 0; display:grid; grid-template-columns:180px 1fr; }
.form-list dt { display:flex; align-items:center; padding-left:20px; font-size:18px; color:#999999; }
.form-list dd { }

.form-list dd .btn-basic { background-color:#4a5057; border-color:#4a5057; color:#fff; font-weight:400; }
.form-list dl.address dd { display:flex; gap:10px; }
.form-list dl.tel dd { display:flex; gap:10px; }

.form-list:last-of-type { margin-bottom:0; }
.form-list:last-of-type dl:last-child { /* border-bottom:0; */ }

/* total-payment-info */
.total-payment-info { border:2px solid #74a53a; overflow:hidden; padding:25px; margin-bottom:25px; margin-top:50px; }
.total-payment-info .left-box { float:left; }
.total-payment-info .right-box { float:right; }
.total-payment-info .due-date { display:flex; gap:10px; }
.total-payment-info .due-date dt,
.total-payment-info .due-date dd { font-size:18px; line-height:1.35; }
.total-payment-info .due-date dt { color:#999999; }
.total-payment-info .payment-info { display:flex; gap:50px; }
.total-payment-info .payment-info dl { display:flex; gap:10px; }
.total-payment-info .payment-info dt,
.total-payment-info .payment-info dd { font-size:26px; line-height:1.35; }
.total-payment-info .payment-info dt { color:#999999; }
.total-payment-info .other-info { margin-top:15px; }
.total-payment-info .other-info dl { text-align:right; }
.total-payment-info .other-info dt,
.total-payment-info .other-info dd { display:inline-block; font-size:13px; line-height:1.45; color:#4a5057; }
.total-payment-info .other-info dt {  }
.total-payment-info .other-info dd { color:#7b9f12; font-weight:700; width: 100px; text-align:right; }

.tail-btns { overflow:hidden; text-align:center; margin-top:30px; }
.tail-btns.flex { display:flex; justify-content:center; }
.btn-r-box { float:right; display:flex; gap:10px; }
.btn-basic.submit { background-color:#000000; color:#fff; border-color:#000000; width:310px; font-weight:500; }

/* pop-item-summary */
#pop-item-summary { position:absolute; right:10px; top:80px; z-index:100; padding:10px; border:2px solid #e2e2e2; background-color:#fff; display:none; }
.summary-box { width:740px; display:grid; grid-template-columns:219px 1fr; gap:30px; }
.summary-box .item-img { }
.summary-box .item-info { }
.summary-box .title { font-size:30px; line-height:1.35; color:#333; font-weight:700; margin-bottom:20px; padding-top:10px; padding-right:30px; }
.summary-box .description { font-size:24px; line-height:1.35; color:#333; }
.summary-box .btn-pop-close { position:absolute; right:5px; top:5px; display:block; width:30px; height:30px; background-repeat:no-repeat; background-position:center;  background-image:url('../img/icons/ic_pop_close.jpg'); background-size:12px auto; border:0; cursor:pointer; }

.td-thumb .item-thumbnail { cursor:pointer; }



/* 1-3. 주문내역
* * * * * * * * * * * * * * * * * * * */
.date-range { display:flex; gap:5px; }
.date-range .fr-input { width:140px; text-align:center; }
.date-range .tilde { display:flex; align-items:center; justify-content: center; font-size:18px; font-weight:700; }

.bo-table td { }
.bo-table td .date { font-size:11px; margin-top:5px; }
.bo-table td .btn-basic.cancle { background-color:#e2e6ec; color:#999999; }

.pager { display:flex; align-items:center; justify-content: center; gap:5px; }
.pager a { width:30px; height:30px; border-radius:30px; font-size:18px; color:#33; display:flex; align-items:center; justify-content: center; cursor:pointer; }
.pager a.current { background-color:#779e0f; color:#fff;  }
.pager a.btn { }
.pager a.btn.prev { background-image:url('../img/icons/ic_page_prev.png'); }
.pager a.btn.next { background-image:url('../img/icons/ic_page_next.png'); }


.pagination { display:flex; align-items:center; justify-content: center; gap:5px; margin-top:40px; }
.pagination li span,
.pagination li a { width:30px; height:30px; border-radius:30px; font-size:18px; color:#33; display:flex; align-items:center; justify-content: center; cursor:pointer; }
.pagination li.active span,
.pagination li.active a { background-color:#779e0f; color:#fff;  }



/* 1-3-1. 주문상세
* * * * * * * * * * * * * * * * * * * */
.order-details { }
.order-details li { border-bottom:1px solid #e2e6ec; padding:20px 0; }
.order-details li.basic-info { display:grid; grid-template-columns:1fr 16% 12% 10% 16% 12%; gap:20px; }
.order-details li.basic-info dd { font-size:26px; }

.order-details dl { box-sizing:border-box; padding-left:20px; }
.order-details dt,
.order-details dd { font-size:18px; line-height:1.45; }
.order-details dt { color:#999999; }
.order-details dd { font-weight:700; }
.order-details dd span { position:relative; padding-right:25px; margin-right:20px; }
.order-details dd span:before { position:absolute; right:0; top:5px; display:block; width:2px; height:20px; background-color:#777; content:""; }
.order-details dd span:last-child { padding-right:0; margin-right:0; }
.order-details dd span:last-child:before { display:none; }

.bo-table td.td-state { font-size:14px; }
.bo-table td.td-state span { display:block; }

.mid-btns { overflow:hidden; margin-bottom:25px; margin-top:55px; }



/* 1-4. 주요푸목설정
* * * * * * * * * * * * * * * * * * * */
.update-info { display:flex; align-items:center; }
.update-info dl { width:160px; }
.update-info dt { font-size:15px; font-weight:700; line-height:1.45; }
.update-info dd { font-size:15px; }


/* 2-1. 결제하기
* * * * * * * * * * * * * * * * * * * */
.tabs { display: flex;  gap:5px; }
.tabs .tab-button { border: 1px solid #d2d2d2; height:52px; min-width:96px; border-radius:3px; font-size:18px; color:#999; font-weight:700; box-sizing:border-box; cursor:pointer; }
.tabs .tab-button.active { color:#333; }
.tab-content .tab-panel { display: none; }
.tab-content .tab-panel.active { display: block; }

.payment-box .tabs { display: flex; gap:10px; border-bottom: 1px solid #e2e6ec; border-top: 1px solid #e2e6ec; padding:30px 20px; }
.payment-box .tabs .tab-button { width:185px; background-color: #fff; border: 1px solid #d2d2d2; cursor: pointer; }
.payment-box .tabs .tab-button.active { background-color: #74a53a; color:#fff; border-color:#74a53a; }
.payment-box .tab-content { border-bottom: 1px solid #e2e6ec; min-height:288px; }

.now-box { padding:30px 20px; }
.now-box dt { font-size:18px; font-weight:700; line-height:1.35; margin-bottom:5px; }
.now-box dt em { color:#f00; font-size:12px; font-weight:400; margin-left:10px; }
.now-box dd { display:flex; gap:10px; }
.now-box dd .fr-input { width:280px; border:3px solid #90b761; }
.now-box dd .won { display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; }

.now-box + .charging-box { padding-top:0; }

.charging-box { padding:30px 20px; }
.charging-box dt { font-size:18px; font-weight:700; line-height:1.35; margin-bottom:5px; }
.charging-box dd { display:flex; gap:10px; }
.charging-box dd .fr-input { width:280px; border:3px solid #f00; }
.charging-box dd .won { display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; }

.charging-information { padding:30px 20px; border-top: 1px solid #e2e6ec; }
.charging-information li { font-size:15px; line-height:1.45; margin-bottom:10px;  }
.charging-information li:last-child { margin-bottom:0; }



/* 2-2. 입금내역
* * * * * * * * * * * * * * * * * * * */
.guide-box { background-color:#f9fafb; margin-bottom:30px; padding:20px; }
.guide-box .list { }
.guide-box .list li { position:relative; margin-bottom:5px; font-size:15px; line-height:1.45; padding-left:15px; }
.guide-box .list li:before { position:absolute; left:0; top:9px; display:block; width:5px; height:5px; background-color:#555a61; border-radius:10px; content:""; } 
.guide-box .list li:last-child { margin-bottom:0; }

.bo-table td.td-deposit-amount { color:#ec1a13; }
.bo-table td.td-usage-amount { color:#2861dd; }
.bo-table td.td-balance { color:#333333; }
.bo-table td.td-date { color:#888888; }
.bo-table td.td-date span { font-size:15px; }

/* 2-3. 사용내역
* * * * * * * * * * * * * * * * * * * */
.usage-top { margin-bottom:25px; margin-top:65px; min-height:57px; }
.usage-top:after { display:block; clear:both; width:100%; height:0; content:""; } 
.usage-top .available-amount { float:left; margin-top:-10px; padding-left:10px; }
.usage-top .available-amount dt { font-size:18px; line-height:1.25; }
.usage-top .available-amount dd { font-size:40px; line-height:1.1; font-weight:700; }
.usage-top .search-option { float:right; margin-bottom:0; }



/* 3-1. 거래명세서
* * * * * * * * * * * * * * * * * * * */
#t-details { }
/* details-top */
#t-details .details-top { margin-bottom:20px; }
#t-details .details-top dl { display:grid; grid-template-columns:180px 180px 1fr; border:1px solid #adadad; }
#t-details .details-top dl dt,
#t-details .details-top dl dd { font-size:18px; height:66px; display:flex; align-items:center; justify-content:center; }
#t-details .details-top dl dt { background-color:#e2e6ec; }
#t-details .details-top dl dd { font-weight:700; border-left:1px solid #adadad;}
#t-details .details-top dl dd:last-child { justify-content:flex-end; padding:0 20px; }

/* details-summary */
#t-details .details-summary { margin-bottom:30px; }
#t-details .details-summary table { width:100%; }
#t-details .details-summary th,
#t-details .details-summary td { font-weight:400; font-size:15px; line-height:1.45; border:1px solid #e2e6ec; text-align:center; height:60px; }
#t-details .details-summary td { position:relative; }
#t-details .details-summary th.tit { font-size:18px; }
#t-details .details-summary .ic-stamp { position:absolute; right:10px; top:1px; display:inline-block; width:58px; height:58px;  background-repeat:no-repeat; background-position:center;  background-image:url('../img/contents/ic-stamp.png'); background-size:100% auto; vertical-align:middle; margin-left:10px; }

/* details-list */
#t-details .details-list { }
#t-details .details-list { margin-bottom:30px; }
#t-details .details-list table { width:100%; }
#t-details .details-list th,
#t-details .details-list td { font-weight:400; font-size:15px; line-height:1.45; border-top:1px solid #e2e6ec; text-align:center; height:60px; }
#t-details .details-list thead th { border-top:1px solid #666666; border-bottom:1px solid #666666; height:67px; }
#t-details .details-list tbody th { font-size:18px; }
#t-details .details-list tfoot th,
#t-details .details-list tfoot td { border-top:1px solid #666666; border-bottom:1px solid #666666; height:67px; font-weight:700; }
#t-details .details-list tfoot th { font-size:18px; font-weight:400; }

/* details-tail */
#t-details .details-tail { }
#t-details .details-tail dl { display:grid; grid-template-columns:repeat(6, 1fr); border:1px solid #adadad; margin-top:10px; }
#t-details .details-tail dl dt,
#t-details .details-tail dl dd { font-size:18px; height:66px; display:flex; align-items:center; justify-content:flex-end; border-left:1px solid #adadad; }
#t-details .details-tail dl dt { background-color:#e2e6ec; justify-content:center; }
#t-details .details-tail dl dt:first-child { border-left:0; }
#t-details .details-tail dl dd { padding:0 20px; }

#t-details .details-tail dl.type2 { display:grid; grid-template-columns:182px 1fr 182px 182px; border:1px solid #adadad; margin-top:10px; }
#t-details .details-tail dl dd #sign-area { display:block; width:100%; height:66px; overflow:hidden; }
#t-details .details-tail dl dd.time { font-size:15px; padding:0 10px; justify-content:center; }


/* 3-2. 정산내역
* * * * * * * * * * * * * * * * * * * */
.search-option.flex-end { display:flex; align-items:center; justify-content:flex-end;  }

.bo-top { position:relative; padding:20px; }
.bo-top .title { font-size:22px; line-height:1.35; color:#000; font-weight:700; } 
.bo-top .unit { position:absolute; right:20px; bottom:20px; font-size:15px; line-height:1.35; color:#333333; }

.bo-table.type-d { }
.bo-table.type-d th,
.bo-table.type-d td { height:60px; border-bottom:0; border-top:1px solid #e2e6ec; }
.bo-table.type-d td.td-note { font-size:15px; color:#999999; }
.bo-table.type-d td.td-price { text-align:right; padding-right:20px; }

.bo-table.type-d thead th,
.bo-table.type-d thead td { border-bottom:1px solid #999999; border-top:1px solid #999999; }
.bo-table.type-d tfoot th,
.bo-table.type-d tfoot td { border-bottom:1px solid #999999; border-top:1px solid #999999; }
.bo-table.type-d tfoot tr:nth-child(odd) th,
.bo-table.type-d tfoot tr:nth-child(odd) td { background-color:#e2e6ec; }
.bo-table.type-d tfoot tr:nth-child(odd) td.td-price { font-weight:700; }



.bo-notis-box { padding:20px; }
.bo-notis-box li { font-size:18px; line-height:1.45; margin-top:2px; }


/* 3-3. 조회
* * * * * * * * * * * * * * * * * * * */


/* 4-1. 회원정보수정
* * * * * * * * * * * * * * * * * * * */
dl.add-button dd { display:flex; gap:10px; }
dl.email dd { display:flex; gap:10px; }
dl.email dd .at { display:flex; align-items:center; font-size:18px; }
dl.reg-number dd { display:flex; gap:10px; }
dl.reg-number dd .fr-input { text-align:center; } 


/* 5-1. 공지사항
* * * * * * * * * * * * * * * * * * * */
.bo-hd { margin-bottom:10px; }
.bo-hd:after { display:block; clear:both; width:100%; height:0; content:""; } 
.bo-hd .left-area { float:left; padding-left:20px; }
.bo-hd .right-area { float:right; padding-right:20px; }

dl.total { display:flex; gap:10px; }
dl.total dt,
dl.total dd { font-size:20px; line-height:37px; color:#888888; }
dl.total dt { }
dl.total dd b { color:#000000; }

.search-box { position:relative; border:1px solid #d7d7d7; border-radius:50px; display:grid; grid-template-columns:230px 50px; overflow:hidden; }
.search-box .fr-input { height:35px; border:0; font-size:15px; }
.search-box .btn-search {  display:flex; align-items:center; justify-content:center; font-size:0; cursor:pointer; border:0; background-repeat:no-repeat; background-position:center;  background-image:url('../img/icons/ic_search.png'); }

/* bo-view */
.bo-view { }
.bo-view .bo-subject { font-size:20px; line-height:1.35; border-bottom:1px solid #e2e6ec; padding:15px; font-weight:700; }
.bo-view .bo-mid { border-bottom:1px solid #e2e6ec; padding:20px 15px; }
.bo-view .bo-mid .bo-write { font-size:15px; line-height:1.35; color:#888888; }
.bo-view .bo-mid .bo-date { font-size:15px; line-height:1.35;  color:#888888; }
.bo-view .bo-contents { padding:20px 10px; border-bottom:1px solid #e2e6ec; }
.bo-view #bo-content { min-height:430px; font-size:18px; line-height:1.45; }

.add-file-list { display:flex; gap:5px; margin-top:40px; }
.add-file-list a { display:flex; font-size:15px; padding:0 10px; height:32px; border:1px solid #d2d2d2; border-radius:3px; align-items:center; justify-content:center; cursor:pointer; }

.bo-tail { display:flex; align-items:center; justify-content:center; }
.bo-tail.column { flex-direction: column; gap:30px; }



/* 0-1. 로그인
* * * * * * * * * * * * * * * * * * * */
.wrap-login { padding-top:67px; max-width:877px; margin:0 auto; }
.wrap-login .login-top { display:flex; gap:20px; margin-bottom:15px; padding-left:20px; }
.wrap-login .login-top h1 { }
.wrap-login .login-top .sub-title { font-size:18px; line-height:1.45; }
.wrap-login .login-content { border:3px solid #77a10b; border-radius:20px; padding:40px; }
.wrap-login .login-content .in-box { max-width:350px; min-height:355px; box-sizing:border-box; margin:0 auto; }
.wrap-login .login-content h3 { font-size:26px; line-height:1.35; font-weight:700; margin-bottom:20px; }
.wrap-login .login-content .form-box { }
.wrap-login .login-content .form-box dl { margin-bottom:15px; }
.wrap-login .login-content .form-box dt { font-size:18px; line-height:1.35; color:#999999; margin-bottom:5px; }

.wrap-login .login-content .tail-btns { margin-top:25px;}
.wrap-login .login-content .tail-btns .btn-basic { width:100%; background-color:#000000; border-color:#000000; color:#fff; font-weight:500; }

.wrap-login .login-content .login-support { width:100%; overflow:hidden; margin-top:20px; }
.wrap-login .login-content .login-support .left-area { float:left; }
.wrap-login .login-content .login-support .right-area { float:right; display:flex; gap:20px; }
.wrap-login .login-content .login-support .btn { font-size:15px; line-height:1.35; color:#333333; }

.wrap-login .login-tail { text-align:center; margin-top:15px; }
.wrap-login .login-tail .copyright { color:#4a5057; font-size:15px; line-height:1.45; }

.wrap-login .notis-msg-box { font-size:18px; line-height:1.25; background-color:#f8f8f8; padding:7px 10px; text-align:center; margin-bottom:15px; }



/* 0-2. 비밀번호 찾기
* * * * * * * * * * * * * * * * * * * */




/* 0-3. 아이디 찾기
* * * * * * * * * * * * * * * * * * * */