@charset "UTF-8";

/* 상단 레이아웃 */
#hd {display:flex; justify-content:space-between; align-items:center; height:70px; padding:0 15px 0 20px;}
#hd .logo {width:40%; max-width:130px;}
#hd .logo img {width:100%;}
#hd .rwrap {display:flex; align-items:center;}
#hd ul.mbtn {margin-right:15px;}
#hd ul.mbtn li {}
#hd ul.mbtn li a {font-size:15px; color:#777; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
#hd ul.mbtn li a:hover {color:#268cff;}

#hd .rwrap {}
#hd .rwrap .mopen {font-size:22px; color:#111; padding:5px;}
#hd .rwrap .menu_box {display:none; position:fixed; top:0;right:0px; overflow:auto; background:#fff; z-index:99999; width:100%; height:100%;}
#hd .rwrap .menu_box .bwrap {display:flex; justify-content:space-between; flex-direction:row-reverse; align-items:center; height:70px; padding:0 15px 0 20px;}
#hd .rwrap .menu_box .bwrap .mclose {padding:5px; font-size:22px; color:#111;}
#hd .rwrap .menu_box .bwrap ul.mbn {display:flex;}
#hd .rwrap .menu_box .bwrap ul.mbn li {margin-right:15px;}
#hd .rwrap .menu_box .bwrap ul.mbn li a {font-size:15px; color:#777; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
#hd .rwrap .menu_box .bwrap ul.mbn li a:hover {color:#268cff;}
#hd .rwrap .menu_box ul.tabnav {width:100%; padding:20px 10px; display:flex; justify-content:center; border-top:1px solid #ddd; border-bottom:1px solid #eee; background:#f5f5f5;}
#hd .rwrap .menu_box ul.tabnav.scroll {position: fixed;top: 0;}
#hd .rwrap .menu_box ul.tabnav li {width:24%; margin:0 0.5%; text-align:center;}
#hd .rwrap .menu_box ul.tabnav li a {display:block; font-size:15px; color:#fff; padding:8px 0; letter-spacing:-0.03em; background:#bbb; border-radius:7px;}
#hd .rwrap .menu_box ul.tabnav li a.selected {background:#268cff;}
#hd .rwrap .menu_box .cate_list {width:90%; margin:0 auto; padding:25px 10px; border-bottom:1px dashed #ddd;}
#hd .rwrap .menu_box .cate_list h4 {font-size:16px; font-weight:400; color:#777;}
#hd .rwrap .menu_box .cate_list ul {}
#hd .rwrap .menu_box .cate_list ul li {margin:10px 0;}
#hd .rwrap .menu_box .cate_list ul li a {font-size:17px; color:#111;}

/* 메인 이벤트 */
#main_event {width:100%; overflow:hidden; position:relative; padding:0 15px;}
#main_event .swiper {width:100%; height:100%;}
#main_event .swiper-slide {text-align:center; display:flex; justify-content:center; align-items:center; width:100%; border-radius:12px; overflow:hidden;}
#main_event .swiper-slide a {}
#main_event .swiper-slide img {display:block; width:100%; height:100%; object-fit:cover;}
#main_event .btn_wrap {max-width:90%; display:flex; align-items:center; position:absolute; bottom:5%; left:5%; z-index:99;}
#main_event .btn_wrap .player {padding-bottom:2px;}
#main_event .btn_wrap .player img {cursor:pointer}
#main_event .swiper-pagination {position:relative; top:auto; bottom:auto; left:auto; width:auto; margin-left:5px;}
#main_event .swiper-pagination-clickable .swiper-pagination-bullet {width:10px; margin:0 1px; height:10px; border:1px solid #fff; border-radius:50%; background:none; opacity:1;}
#main_event .swiper-pagination-clickable .swiper-pagination-bullet-active { background:#268cff; border:none;}

/* 메인 퀵아이콘 */
#main_quick {width:100%; padding:20px 15px 40px; overflow: hidden;}
#main_quick .slide_wrap {display:flex; align-items:center;}
#main_quick .slide_wrap .icon_box {width:32.3333%; margin:0.5%; border-radius:12px; border:1px solid #a8b6bf; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;display: flex;flex-direction: column;align-items: center; flex: 0 auto;}
#main_quick .slide_wrap .icon_box:hover {border-color:#26aeff;}
#main_quick .slide_wrap .icon_box a {display:block; padding:20px 5px 15px; text-align:center;}
#main_quick .slide_wrap .icon_box p {font-size:15px; color:#111; margin-top:10px;}
#main_quick .slide_wrap .icon_box img {height:35px;}
#main_quick .slide_pagination {margin:0; text-align:center;}
#main_quick .slide_pagination span {display:inline-block; width:10px; height:10px; font-size:0; line-height:0; border-radius:20px;}
#main_quick .swiper-slide {width: 100%;height: 50vh;display: flex;align-items: center;flex-wrap: wrap;height:fit-content;}


/* 메인 추천카드 */
#main_pick {width:100%; padding:45px 15px; background-image:linear-gradient(to bottom, #d5f6ec 50%, #fff 50%);}
#main_pick h3.mtit {font-size:26px; color:#1f282d; font-weight:700; font-family:'Poppins';}
#main_pick h3 span {color:#268cff;}
#main_pick .card_wrap {display:flex; justify-content:space-between; margin:20px auto 0;}
#main_pick .card_wrap .box {width:49%; text-align:center;}
#main_pick .card_wrap .box .img {width:100%; padding:30px 0px; text-align:center; border-radius:12px; border:1px solid #e7e7e7; background:#fff;}
#main_pick .card_wrap .box .img img {width:80%;}
#main_pick .card_wrap .box p.ttxt {margin:15px auto 10px; font-size:15px; letter-spacing:-0.03em; font-weight:400; color:#268cff;}
#main_pick .card_wrap .box h4 {font-size:21px; color:#111;}
#main_pick .card_wrap .box p.inft {font-size:14px; line-height:18px; color:#777; letter-spacing:-0.03em; margin:10px auto 20px;}
#main_pick .card_wrap .box .btn_wrap {width:95%; margin:0 auto;}
#main_pick .card_wrap .box .btn_wrap a {padding: 5px;}

/* 메인 FAQ */
#main_faq {width:100%; position:relative; padding:45px 20px; background:url('/images/faq_bg.jpg') #343c47 center center no-repeat; background-size:auto 150%;}
#main_faq h3.mtit a {font-size:26px; color:#fff; font-weight:700; font-family:'Poppins';}
#main_faq a.more_btn {position:absolute; right:20px; top:50px; opacity:0.7}
#main_faq a.more_btn img {width:16px;}
#main_faq ul {width:100%; margin:10px auto 0; border-top:2px solid rgba(255,255,255,0.6);}
#main_faq ul li {width:100%; padding:12px 5px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid rgba(255,255,255,0.6);}
#main_faq ul li h5 {font-size:16px; color:#fff; font-weight:400;}
#main_faq ul li a {display:inline-block; text-align:center; font-size:13px; color:#fff; border-radius:4px; padding:8px 20px; font-weight:400; vertical-align:middle; background:#268cff;}

/* 메인 공지사항 */
#main_news {width:100%; position:relative; padding:45px 20px; background:#fff;}
#main_news h3.mtit a {font-size:26px; color:#111; font-weight:700; font-family:'Poppins';}
#main_news ul {margin:10px auto 0; border-top:2px solid #1f282d;}
#main_news ul li {padding:12px 5px; border-bottom:1px solid #ddd;}
#main_news ul li a.sbj {font-size:15px; color:#111;}
#main_news ul li span.date {font-size:14px; color:#777; display:block; margin-top:5px;}
#main_news a.more_btn {position:absolute; right:20px; top:50px; opacity:0.3;}
#main_news a.more_btn img {width:16px;}

/* 하단 레이아웃 */
#ft_cs {padding:17px 12px; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; letter-spacing:-0.03em; background:#262f34;}
#ft_cs a {font-size:17px; color:#fff; font-weight:500;}
#ft_cs a img {height:18px;}
#ft_cs a span {margin:0 4px;}
#ft_cs a b {color:#268cff; font-size:20px; font-weight:800;}
#ft_cs p.cs_time {font-size:14px; color:#fff; opacity:0.6; line-height:22px;}

#footer {}	
#footer .inner {padding:20px 10px; background:#1f282d;}
#footer .inner p {font-size:13px; color:#fff; text-align:center; opacity:0.5; word-break:keep-all;}
#footer .inner p.ft_info {}
#footer .inner p.ft_info span {display:inline-block; margin:0 5px;}
#footer .inner p.ft_copy {margin-top:15px; letter-spacing:-0.03em;}
#footer ul.ft_link {width:100%; padding:12px 5px; display:flex; justify-content:center; align-items:center; background:#1f282d;}
#footer ul.ft_link li a {font-size:13px;}
#footer ul.ft_link li:before {content:"|";font-size:8px; color:#acacac; margin:0 7px; position:relative; top:-2px;}
#footer ul.ft_link li:first-child:before {display:none;}

/* 서브 네비바 */
.nav {width:100%; background:#f5f5f5;}
.nav ul.menu1 {width:100%; margin:0 auto; padding:18px 20px; display:flex; align-items:center;}
.nav ul.menu1 > li.home i {position:relative; top:-1px}
.nav ul.menu1 > li, .nav ul.menu1 > li a {font-size:14px; color:#333;}
.nav ul.menu1 > li:after {content:""; display:inline-block; width:5px; height:8px; margin:0 10px; background:url('/images/icon_nav.png') center center no-repeat;}
.nav ul.menu1 > li:last-child:after {display:none;}
.nav img {display:block; width:100%; height:100%; max-height: 200px; object-fit:cover;}


@media (max-width:359px){
	.nav ul.menu1 > li span.snon {display:none;}
 }
 
 
/* 레이어팝업 */
.opbg {position:fixed; top:0; left:0; width:100%; height:100vh; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,0.5); z-index:99999;}
.layer_pop {position:relative; width:auto; max-width:90%; display:inline-block; background:#fff; border-radius:10px; overflow:hidden; z-index: 999999}
.layer_pop h4 {width:100%; padding:12px 15px; font-size:16px; color:#fff; font-weight:500; background:#222;}
.layer_pop h4 span {margin-right:4px;}
.layer_pop .pop_cont {padding:20px; max-width:760px;}
.layer_pop .pop_cont p {font-size:14px; color:#333; word-break:keep-all;}
.layer_pop .pop_cont p.ex_txt {font-size:13px; color:#111; font-weight:300;}
.layer_pop .pop_cont p.exc_txt {font-size:12px; color:#dc1018; margin-top:5px;}
.layer_pop .pop_cont p span {font-size:13px; color:#666;}
.layer_pop .pop_cont h5.ctit {font-size:16px; text-align:center; font-weight:500; color:#111;}
.layer_pop .pop_cont p b {font-weight:500;}
.layer_pop .pop_cont ul.if_list {}
.layer_pop .pop_cont ul.if_list li {padding-left:10px; position:relative; font-size:14px; color:#555; margin:2px 0;}
.layer_pop .pop_cont ul.if_list li:before {content:"-"; position:absolute; left:0;}
.layer_pop .btn_wrap {margin:20px auto 0;}
.layer_pop .btn {font-size:0.85em;}
.layer_pop button.close {position:absolute; right:15px; top:11px; border:0; font-size:18px; font-family:'Poppins'; font-weight:500; color:#fff; background:none;}
.layer_pop a.close {position:absolute; right:15px; top:11px; border:0; font-size:18px; font-family:'Poppins'; font-weight:500; color:#fff; background:none;}

.layer_pop table.ex_table {width:100%; max-width:560px; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:2px solid #222;}
.layer_pop table.ex_table td {font-size:13px; color:#333; border-bottom:1px solid #e7e7e7; word-break:break-all; padding:5px;}

.layer_pop ul.bank_list {}
.layer_pop ul.bank_list li {display:flex; justify-content:space-between; cursor:pointer; padding:15px 20px; width:250px; border:1px solid #ccc; border-radius:10px; margin-top:5px;}
.layer_pop ul.bank_list li:first-child {margin-top:0;}
.layer_pop ul.bank_list li p {color:#777;}
.layer_pop ul.bank_list li p.bknm {}
.layer_pop ul.bank_list li p.bknb {font-weight:300;}
.layer_pop ul.bank_list li.on {border-color:#111; color:#111;}
.layer_pop ul.bank_list li.on p {color:#111;}
.layer_pop label {font-size:15px; color:#333;}
.layer_pop label.required:after {content:"*"; color:#dc1018; margin-left:5px;}
.addressmax {width: 100% !important;max-width: 600px !important;}

.second_layer_pop {position:absolute; width:90%; max-width:600px; display:inline-block; background:#fff; border-radius:10px; overflow:hidden; z-index: 999999}
.second_layer_pop.scrollPop{position:absolute; width:90%; max-width:600px; max-height:90%; display:inline-block; background:#fff; border-radius:10px; overflow-y:scroll; z-index: 999999}
.second_layer_pop h4 {width:100%; padding:12px 15px; font-size:16px; color:#fff; font-weight:500; background:#222;}
.second_layer_pop h4 span {margin-right:4px;}
.second_layer_pop .pop_cont {padding:20px; max-width:760px;}
.second_layer_pop .pop_cont p {font-size:14px; color:#333; word-break:keep-all;}
.second_layer_pop .pop_cont p.ex_txt {font-size:13px; color:#111; font-weight:300;}
.second_layer_pop .pop_cont p.exc_txt {font-size:12px; color:#dc1018; margin-top:5px;}
.second_layer_pop .pop_cont p span {font-size:13px; color:#666;}
.second_layer_pop .pop_cont h5.ctit {font-size:16px; text-align:center; font-weight:500; color:#111;}
.second_layer_pop .pop_cont p b {font-weight:500;}
.second_layer_pop .pop_cont ul.if_list {}
.second_layer_pop .pop_cont ul.if_list li {padding-left:10px; position:relative; font-size:14px; color:#555; margin:2px 0;}
.second_layer_pop .pop_cont ul.if_list li:before {content:"-"; position:absolute; left:0;}
.second_layer_pop .btn_wrap {margin:20px auto 0;}
.second_layer_pop .btn {font-size:0.85em;}
.second_layer_pop button.close {position:absolute; right:15px; top:11px; border:0; font-size:18px; font-family:'Poppins'; font-weight:500; color:#fff; background:none;}
.second_layer_pop a.close {position:absolute; right:15px; top:11px; border:0; font-size:18px; font-family:'Poppins'; font-weight:500; color:#fff; background:none;}

.second_layer_pop table.ex_table {width:100%; max-width:560px; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:2px solid #222;}
.second_layer_pop table.ex_table td {font-size:13px; color:#333; border-bottom:1px solid #e7e7e7; word-break:break-all; padding:5px;}

.second_layer_pop ul.bank_list {}
.second_layer_pop ul.bank_list li {display:flex; justify-content:space-between; cursor:pointer; padding:15px 20px; width:250px; border:1px solid #ccc; border-radius:10px; margin-top:5px;}
.second_layer_pop ul.bank_list li:first-child {margin-top:0;}
.second_layer_pop ul.bank_list li p {color:#777;}
.second_layer_pop ul.bank_list li p.bknm {}
.second_layer_pop ul.bank_list li p.bknb {font-weight:300;}
.second_layer_pop ul.bank_list li.on {border-color:#111; color:#111;}
.second_layer_pop ul.bank_list li.on p {color:#111;}
.second_layer_pop label {font-size:15px; color:#333;}
.second_layer_pop label.required:after {content:"*"; color:#dc1018; margin-left:5px;}

.ht300{
	height: 300px;
}

.bnk_select {width:90%; max-width:400px; padding-bottom:20px;}
.bnk_select .tabs {width:100%; padding:20px 20px 0;}
.bnk_select .tabs .tabNavi {display:flex; flex-wrap:wrap; border:1px solid #005cb9; border-radius:7px; overflow:hidden; width:150px;}
.bnk_select .tabs .tabNavi li {width:50%; }		
.bnk_select .tabs .tabNavi li a {display:block; padding:10px 0; text-align:center; font-size:15px; color:#005cb9;}
.bnk_select .tabs .tabNavi li a.selected {background:#005cb9; color:#fff;}
.bnk_select .tab {margin:10px auto;}
.bnk_select .tab ul.list {display:flex; flex-wrap:wrap; align-items:flex-start; height:248px; overflow-y:scroll;}
.bnk_select .tab ul.list li {width:31.3333%; margin:1%; padding:10px; text-align:center; cursor:pointer; border:1px solid #ddd; border-radius:10px;}
.bnk_select .tab ul.list li:hover {}
.bnk_select .tab ul.list li.on {border-color:#555;}
.bnk_select .tab ul.list li img {width:30px;}
.bnk_select .tab ul.list li p {font-size:14px; color:#111; margin-top:5px;}

.other_way .pop_cont {max-height:480px; overflow-y:scroll;}

/* 회원 */
.login p.lgtxt {font-size:14px; color:#dc1018; margin-bottom:15px;}

.dormancy {text-align:center;}
.dormancy h5 {font-size:16px; color:#222; font-weight:500; margin:25px auto 15px; word-break:keep-all;}
.dormancy p.qst {font-size:15px; color:#555;}
.dormancy ul.mbinfo {display:inline-block; margin:20px auto; padding:10px 20px; text-align:left; background:#f5f5f5; border:1px solid #ddd; border-radius:7px;}
.dormancy ul.mbinfo li {font-size:15px; color:#222; margin:8px 0; letter-spacing:-0.03em;}

.auth {display:flex; justify-content:center;}
.auth .brbox {width:49%; margin:0 0.5%; padding:25px 10px; text-align:center;}
.auth .brbox h4 {font-size:17px; color:#222; font-weight:500; letter-spacing:-0.025em;} 
.auth .brbox img {margin:25px auto 30px; height:50px;}

.auth_phn .phn {display:flex; justify-content:space-between;}
.auth_phn .phn input {width:32.3333%;}
.auth_phn .authnb {position:relative;}
.auth_phn .authnb p.time {position:absolute; right:15px; top:13px; font-size:13px; color:#dc1018;}	

table.formtb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table.formtb tr {display:flex; flex-wrap:wrap; margin-bottom:10px;}
table.formtb th {width:100%; font-size:16px; color:#111; font-weight:500; text-align:left; padding:5px 0; word-break:break-all;}
table.formtb td {width:100%; font-size:15px; color:#333;word-break:break-all; padding:5px 0;}
table.formtb td label {width:100%; display:block;}

table.formtbQna {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table.formtbQna tr { flex-wrap:wrap; margin-bottom:10px;}
table.formtbQna th {width:20%; font-size:small; color:#111; font-weight:500; text-align:left; padding:5px 0; word-break:break-all;}
table.formtbQna td {width:100%; font-size:15px; color:#333;word-break:break-all; padding:5px 0;}
table.formtbQna td label {width:100%; display:block;}

.find_ID .auth {}
.find_ID .auth .brbox {padding:15px 5px; border-radius:12px;}
.find_ID .auth .brbox h4 {font-size:16px;} 
.find_ID .auth .brbox img {margin:20px auto 25px; height:40px;}
.find_ID .auth .brbox .btn_bsc {padding:0 20px !important;}

.find_ID_result {}
.find_ID_result p.idinfo {font-size:17px; color:#333; text-align:center;}
.find_ID_result p.idinfo b {font-weight:600;}
.find_ID_result p.idinfo b.name {color:#111;}
.find_ID_result p.idinfo b.idname {color:#005cb9;}
.find_ID_result p.info_txt {color:#777; letter-spacing:-0.025em;}

.profile {}
.profile .chk_wrap form {font-size:15px; color:#333;}
.profile .chk_wrap label {display:flex; align-items:center;}
.profile .chk_wrap label input {margin-right:5px;}
.profile .btn_wrap {max-width:300px; margin:20px auto 0;}

table.mbtb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd;}
table.mbtb tr {display:flex; flex-wrap:wrap; border-bottom:1px solid #ddd; padding:10px 5px;}
table.mbtb th {width:100%; font-size:16px; color:#111; font-weight:500; padding:0px; text-align:left;word-break:keep-all;}
table.mbtb td {width:100%; font-size:15px; color:#333; word-break:break-all; padding:4px 0; word-break:keep-all;}
table.mbtb a.btn_edit2 {display:flex; align-items:center;}
table.mbtb a.btn_edit2 i {margin-left:5px;}

table.add_list_rs {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; margin-top:20px;}
table.add_list_rs th {font-size:13px; font-weight:400; letter-spacing:-0.03em; color:#fff; padding:5px 0; text-align:center; background:#777;  word-break:keep-all;}
table.add_list_rs td {font-size:13px; line-height:16px; letter-spacing:-0.03em; color:#333; border-bottom:1px solid #e7e7e7; word-break:break-all; padding:5px 2px;}
table.add_list_rs td a {font-size:13px; color:#333;}
table.add_list_rs td a:hover {text-decoration:underline;}
table.add_list_rs td:nth-child(2) {text-align:center;}
.add_info {margin-top:20px;}
.add_info h5 {font-size:14px; font-weight:500;}
.add_info ul {margin-top:4px;}
.add_info ul li {font-size:13px; color:#777; padding-left:10px; position:relative;}
.add_info ul li:before {content:""; display:inline-block; width:2px; height:2px; border-radius:5px; background:#999; position:absolute; left:0; top:9px;}

.mb_wdr .btn_wrap {max-width:300px; margin:20px auto 0;}
.mb_wdr textarea {height:60px; resize:none;}

/* MYPLUS */
.myplus {}
.myplus .infobox {width:100%; padding:20px; border-bottom:1px solid #e7e7e7;}
.myplus .txt {margin-top:5px;}
.myplus .txt h5 {font-size:16px; font-weight:500; color:#111;}
.myplus .txt p {font-size:15px; color:#999; margin-top:5px;}
.myplus a.qut {font-size:16px;}
.myplus a.qut b {color:#006ad5;}
.myplus a.qut i {margin-left:5px; color:#999;}

.mycard {}
.mycard p.desc {text-align:center; padding:20px 10px; font-size:16px; border-bottom:1px solid #e7e7e7; color:#555;}
.mycard p.desc span.name {color:#000; font-weight:500;}
.mycard ul.cdlist {display:flex;}
.mycard ul.cdlist li {width:50%; padding:15px 0; text-align:center; border-left:1px solid #e7e7e7;}
.mycard ul.cdlist li:first-child {border-left:0;}
.mycard ul.cdlist li h5 {font-size:16px; font-weight:500;}
.mycard ul.cdlist li p {font-size:15px; font-weight:300;}
.mycard ul.cdlist li p a {font-size:25px; color:#006ad5; font-weight:800;}
.mycard ul.cdlist li p a:hover {text-decoration:underline;}

/*table.mycard_list {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:2px solid #222; margin-top:20px;}
table.mycard_list th {font-size:14px; color:#111; font-weight:500; padding:10px 0; letter-spacing:-0.03em; text-align:center;border-bottom:2px solid #ddd; word-break:keep-all;}
table.mycard_list td {font-size:14px; color:#333; border-bottom:1px solid #ddd; letter-spacing:-0.03em; text-align:center; word-break:break-all; padding:10px 5px;}
table.mycard_list td a.cdnb {font-weight:400;}
table.mycard_list td a.cdnb:hover { text-decoration:underline;}
table.mycard_list td b {display:inline-block; margin-left:5px; width:32px; line-height:20px; font-size:11px; color:#fff; font-weight:400; border-radius:20px;}
table.mycard_list td b.auto_on {background:#006ad5;}
table.mycard_list td b.auto_off {background:#fc7126;}
table.mycard_list td span {color:#999; margin:0 10px;}*/

.mycard_list {}
.mycard_list .contbox {position:relative; width:100%; padding:20px; margin-top:7px; border:1px solid #ddd; border-radius:15px;}
.mycard_list .contbox .chk {position:absolute; right:20px; top:20px;}
.mycard_list .contbox a.cdnb {font-weight:500; font-size:16px;} 
.mycard_list .contbox a.cdnb:hover { text-decoration:underline;}
.mycard_list .contbox p {font-size:15px; word-break:keep-all; margin:4px 0;}
.mycard_list .contbox p b {color:#666; font-weight:500;}
.mycard_list .contbox b.auto_on {display:inline-block; text-align:center; width:32px; line-height:20px; font-size:11px; color:#fff; font-weight:400; border-radius:20px; background:#006ad5;}
.mycard_list .contbox b.auto_off {display:inline-block; text-align:center; width:32px; line-height:20px; font-size:11px; color:#fff; font-weight:400; border-radius:20px; background:#fc7126;}


.mycard .view_corp {width:100%; margin-top:30px; border-radius:15px; border:1px solid #e7e7e7; overflow:hidden;}
.mycard .view_corp .title {padding:20px; background:#f5f5f5; }
.mycard .view_corp .title h4.cname {font-size:17px; color:#1f282d;}
.mycard .view_corp .title b.nname {font-size:16px; font-weight:500; color:#1f282d;}
.mycard .view_corp .title p.cdnb {font-size:16px; color:#54636b; margin-top:5px;}
.mycard .view_corp .cont {width:100%; padding:20px; }
.mycard .view_corp .cont h5 {font-size:16px; color:#1f282d;}
.mycard .view_corp .cont .list {width:100%; border-top:1px solid #222; margin-top:15px;}
.mycard .view_corp .cont .list .line {position:relative; padding:15px 8px; border-bottom:1px solid #ddd;}
.mycard .view_corp .cont .list .line h6 {font-size:15px; color:#111; font-weight:500; word-break:keep-all;}
.mycard .view_corp .cont .list .line h6 i {color:#aaa;}
.mycard .view_corp .cont .list .line p {font-size:15px; color:#333; margin-top:5px;}
.mycard .view_corp .cont .list .line p a {display:block; text-align:center;}
.mycard .view_corp .cont .list .line p a:hover {color:#999;}
.mycard .view_corp .cont .list .line a.edi {position:absolute; right:0; top:8px; display:inline-block; padding:5px 8px;}
.mycard .view_corp .cont .list .line button.auto_btn {display:inline-block; width:85px; letter-spacing:-0.025em; line-height:22px; font-size:12px; color:#fff; font-weight:400; border-radius:20px; border:none;}
.mycard .view_corp .cont .list .line button.auto_on {background:#006ad5;}
.mycard .view_corp .cont .list .line button.auto_off {background:#fc7126;}
.mycard .view_corp .cont .list .line p span {color:#999; margin:0 5px;}

.manager_edit table {width:100%; max-width:320px;}
.manager_edit table th {color:#333; padding:2px; text-align:left; font-weight:500;}
.manager_edit table th label {font-size:14px;}
.manager_edit table td {font-size:14px; color:#333; padding:2px;}

.mycard .mycard_view {width:100%; margin-top:30px; border-radius:15px; border:1px solid #e7e7e7; overflow:hidden;}
.mycard .mycard_view .title {padding:20px; background:#f5f5f5; }
.mycard .mycard_view .title h4.cname {font-size:17px; color:#1f282d;}
.mycard .mycard_view .title b.nname {font-size:16px; font-weight:500; color:#1f282d;}
.mycard .mycard_view .title p.cdnb {font-size:16px; color:#54636b; margin-top:5px;}
.mycard .mycard_view .cont {width:100%; padding:20px; }
.mycard .mycard_view .cont h5 {font-size:16px; color:#1f282d;}
.mycard .mycard_view .cont .list {width:100%; border-top:1px solid #222; margin-top:15px;}
.mycard .mycard_view .cont .list .line {position:relative; padding:15px 8px; border-bottom:1px solid #ddd;}
.mycard .mycard_view .cont .list .line h6 {font-size:15px; color:#111; font-weight:500; word-break:keep-all;}
.mycard .mycard_view .cont .list .line h6 i {color:#aaa;}
.mycard .mycard_view .cont .list .line p {font-size:15px; color:#333; margin-top:5px;}
.mycard .mycard_view .cont .list .line p a {display:block; text-align:center;}
.mycard .mycard_view .cont .list .line p a:hover {color:#999;}
.mycard .mycard_view .cont .list .line a.edi {position:absolute; right:0; top:8px; display:inline-block; padding:5px 8px;}
.mycard .mycard_view .cont .list .line button.auto_btn {display:inline-block; width:85px; letter-spacing:-0.025em; line-height:22px; font-size:12px; color:#fff; font-weight:400; border-radius:20px; border:none;}
.mycard .mycard_view .cont .list .line button.auto_on {background:#006ad5;}
.mycard .mycard_view .cont .list .line button.auto_off {background:#fc7126;}
.mycard .mycard_view .cont .list .line p span {color:#999; margin:0 5px;}

.atrch_box {}
.atrch_box .bnkbox {}
.atrch_box .bnkbox p.cnb {display:inline-block; font-size:16px; color:#111; font-weight:500;}
.atrch_box .bnkbox p.cname {display:inline-block; font-size:15px; color:#111; font-weight:500;}
.atrch_box .bnkbox p.bnk {font-size:15px; color:#333; margin-top:10px;}
.atrch_box .bnkbox p.bnk b {font-weight:500; color:#111;}
.atrch_box .bnkbox i {color:#999; margin:10px 0;}
.atrch_box .bnkbox .bnk_edit {width:100%; padding:12px; text-align:center; margin:0 auto; background:#555555; border:1px solid #ddd; border-radius:5px;}
.atrch_box .bnkbox .bnk_edit a.pch {display:block; font-size:15px; color:#ffffff;}

.atrch_box .arsbox .formtb {width:100%; max-width:600px; margin:0 auto;}
.atrch_box .arsbox .formtb td input {}
.atrch_box .arsbox .formtb td .btn {}
.atrch_box .arsbox .arsnb {display:flex; justify-content:center; margin:20px auto;}
.atrch_box .arsbox .arsnb li {width:90px; height:90px; margin:0 4px; display:flex; justify-content:center; align-items:center; border-radius:15px; border:1px solid #ddd; background:#f5f5f5;}
.atrch_box .arsbox .arsnb li b {font-size:30px; color:#000;}
.atrch_box .btn_wrap {max-width:300px; margin:20px auto 0;}

.chk_terms_pop .bdt {border-top:2px solid #222;}
.chk_terms_pop .ctbox {border-bottom:1px solid #ddd; }
.chk_terms_pop .ctbox .tit_wrap {width:100%; padding:15px 10px; display:flex;align-items:center;}
.chk_terms_pop .ctbox .tit_wrap button {margin-right:10px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff;}
.chk_terms_pop .ctbox .tit_wrap button.chk_icont {color:#ddd; border:1px solid #ccc;}
.chk_terms_pop .ctbox .tit_wrap button.chk_icont_on {color:#111; border:1px solid #111;}
.chk_terms_pop .ctbox .tit_wrap label {cursor:pointer; margin-right:10px; width:28px; height:28px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:#fff;}
.chk_terms_pop .ctbox .tit_wrap label.chk_icont {color:#ddd; border:1px solid #ccc;}
.chk_terms_pop .ctbox .tit_wrap label.chk_icont_on {color:#111; border:1px solid #111;}
.chk_terms_pop .ctbox .tit_wrap a {}
.chk_terms_pop .ctbox .tit_wrap a h5 {font-size:14px; color:#111; font-weight:400;}
.chk_terms_pop .btn_wrap {max-width:300px; margin:20px auto 0;}
.chk_terms_pop .layer_pop {width:90%; max-width:760px;}
.terms01 textarea, .terms02 textarea {font-size:13px; height:250px; overflow-y:scroll; resize:none;}

.edit_result {text-align:center;}
.edit_result h5 {font-size:17px; color:#222; font-weight:400; margin:20px auto; word-break:keep-all;}
.edit_result .btn_wrap {max-width:300px; margin:0 auto;}
.edit_result .btn_wrap .btn_bsc {padding:0 12px !important;}

.usehistory {}
.usehistory .swch {display:flex; align-items:center; margin-left:10px;}
.usehistory .swch h6 {font-size:14px; color:#555; font-weight:400;}
.usehistory .swch .toggleSwitch {width:28px; height:16px; display:block; position:relative; border-radius:30px; background-color:#ccc; cursor:pointer; margin:2px 0 0 5px;}
.usehistory .swch .toggleSwitch .toggleButton {width:12px; height:12px; position:absolute; top:50%; left:2px; transform:translateY(-50%); border-radius:50%; background:#fff;}
.usehistory .swch #swch_btn:checked ~ .toggleSwitch {background:#005cb9;}
.usehistory .swch #swch_btn:checked ~ .toggleSwitch .toggleButton {left:calc(100% - 14px); background:#fff;}
.usehistory .swch .toggleSwitch, .toggleButton {transition:all 0.2s ease-in;}
.usehistory .chk_wrap {font-size:14px;}
.usehistory .chk_wrap .chk {position:relative; top:-1px;}
.usehistory .formtb i {color:#aaa; position:relative; top:3px;}
.usehistory .hp_box {position:relative; display:inline-block;}
.usehistory .hp_box .hpic {cursor:pointer;}
.usehistory .hp_box .hptxt {display:none; position:absolute; top:30px; font-size:14px; padding:10px; text-align:center; color:#555; width:150px; border-radius:7px; background:#f1f1f1; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s}
.usehistory .hp_box:hover .hptxt {display:block;}

.usehistory .chk_hp_box {position:relative; display:inline-block; font-size:14px;}
.usehistory .chk_hp_box .chk_hpic {cursor:pointer;}
.usehistory .chk_hp_box .chk_hptxt {display:none; position:absolute; top:25px; left:-10px; font-size:14px; font-weight:400; padding:10px; text-align:center; color:#555; width:170px; border-radius:7px; background:#f1f1f1; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s}
.usehistory .chk_hp_box:hover .chk_hptxt {display:block;}
.list_check {flex-wrap: wrap; row-gap: 10px;}
.list_check .btn_wrap {margin-left: auto;}

.history_list .contbox {position:relative; width:100%; padding:20px; margin-top:7px; border:1px solid #ddd; border-radius:15px;}
.history_list .contbox .chk {position:absolute; right:20px; top:20px;}
.history_list .contbox a.cd_receipt {font-weight:500; font-size:16px;}
.history_list .contbox p.cd_receipt {font-weight:500; font-size:16px;}
.history_list .contbox a.cd_receipt:hover { text-decoration:underline;}
.history_list .contbox p {font-size:15px; word-break:keep-all; margin:4px 0;}
.history_list .contbox p b {color:#666; font-weight:500;}
.history_list .contbox p.cdnb {font-size:16px; color:#000; font-weight:500;}

.receipt_view {}
.receipt_view .cont {padding:10px; max-height:80vh; overflow-y:scroll;}
.receipt_view .receipt {padding:25px; margin:5px auto 10px; border:1px solid #777; border-radius:7px;}
.receipt_view .receipt h5 {font-size:22px; border-bottom:2px solid #222; display:inline-block;}
.receipt_view .receipt ul.dcmtb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; margin-top:20px;}
.receipt_view .receipt ul.dcmtb li {margin-top:10px;}
.receipt_view .receipt ul.dcmtb li h6 {font-size:16px; color:#111; font-weight:500; margin-bottom:4px;}
.receipt_view .receipt ul.dcmtb li p {font-size:15px; color:#333; word-break:keep-all;}
.receipt_view .receipt ul.dcmtb li p span {font-size:13px; letter-spacing:-0.02em;}
.receipt_view .receipt .bment {margin:25px auto; font-size:16px; line-height:24px; text-align:center; word-break:keep-all; color:#777;}
.receipt_view .receipt .bment b {font-weight:500; color:#111; display:inline-block;}
.receipt_view .receipt .sign {text-align:center; font-size:17px;}
.receipt_view .receipt .sign b {}
.receipt_view .receipt .sign img {margin-left:5px; width:30px;}
.receipt_view p.rctxt {font-size:13px; line-height:16px; color:#777;}

.report_view {}
.report_view .cont {padding:10px; max-height:80vh; overflow-y:scroll;}
.report_view .report {min-width:260px; padding:20px; margin:5px auto 0; border:1px solid #777; border-radius:7px;}
.report_view .report h5 {font-size:21px; text-align:center; margin:0 auto 10px;}
.report_view .report .contbox {width:100%; padding:10px 0; margin:5px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.report_view .report .contbox .cd_receipt {font-weight:500; font-size:16px; color:#000; word-break:keep-all;} 
.report_view .report .contbox p {font-size:15px; color:#222; word-break:keep-all;}
.report_view .report .contbox p b {color:#666; font-weight:500;}

.report_view p.date {font-size:14px; color:#555; margin:10px 0;}
.report_view .mkimg img {width:90px;}

/* 카드안내·신청 */
.cdint {}
.cdint .tit_wrap {display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap;}
.cdint .tit_wrap p {font-size:16px; color:#111;}
@media (max-width:359px){
	.cdint .tit_wrap p {font-size:15px; letter-spacing:-0.03em;}
 }
.cdint .tit_wrap div a.btn {height:35px; line-height:35px; font-size:14px; padding:0 15px !important; color:#fff; background:#005cb9;}
.cdint .tabs {width:100%; margin:20px auto 0;}
.cdint .tabs .tabNavi {display:flex; justify-content:center; flex-wrap:wrap; margin:0 auto;}
.cdint .tabs .tabNavi li {min-width:31%; margin:0.5%;}		
.cdint .tabs .tabNavi li:first-child {}
.cdint .tabs .tabNavi li a {display:block; padding:12px 12px; border-radius:7px; text-align:center; font-size:14px; line-height:18px; color:#777; border:1px solid #ccc;}
.cdint .tabs .tabNavi li a.selected {background:#555; color:#fff; border-color:#555;}
.cdint .tab {}
.cdint .tab .card_desc {text-align:center;}
.cdint .tab .card_desc .cdimg {width:160px; margin:30px auto; position:relative; z-index:2;}
.cdint .tab .card_desc .cdimg .ccbg {width:220px; height:220px; border-radius:50%; background:#e0e2e4; position:absolute; top:0px; left:-30px; z-index:-1;}
.cdint .tab .card_desc .cdimg a {}
.cdint .tab .card_desc .cdimg img {width:100%;}
.cdint .tab .card_desc .cdimg p.btn {height:40px; line-height:40px; font-size:14px; color:#111; margin-top:15px; width:100%; border-radius:30px; border:1px solid #555;}
.cdint .tab .card_desc ul {display:inline-block;}
.cdint .tab .card_desc ul li {display:flex; align-items:center; text-align:left; margin-top:10px;}
.cdint .tab .card_desc ul li:first-child {margin-top:0;}
.cdint .tab .card_desc ul li img {margin-right:20px; width:50px;}
.cdint .tab .card_desc ul li p {font-size:15px; line-height:20px; color:#111;}
.cdint .tab .card_desc ul li span.stxt {font-size:14px; color:#777;}
.cdint .tab .rgst_guide {margin:40px auto 0; padding:40px 15px; background:#e6edf7;}
.cdint .tab .rgst_guide h4 {font-size:20px; color:#111; text-align:center; margin-bottom:20px; word-break:keep-all;}
.cdint .tab .rgst_guide .gdbox {width:100%; text-align:center; padding:20px 15px; border-radius:15px; background:#fff;}
.cdint .tab .rgst_guide .gdbox span.nbr {display:inline-block; width:30px; height:30px; line-height:30px; font-size:13px; color:#fff; text-align:center; font-weight:500; border-radius:50%; background:#a2a8ac;}
.cdint .tab .rgst_guide .gdbox .txtbox {}
.cdint .tab .rgst_guide .gdbox .txtbox h5 {font-size:17px; color:#222; font-weight:500; margin-top:10px;}
.cdint .tab .rgst_guide .gdbox .txtbox img {margin:20px auto;}
.cdint .tab .rgst_guide .gdbox .txtbox p {font-size:14px; line-height:20px; color:#777;}

.card_history .login_box {padding:15px; border:1px solid #ddd; border-radius:7px;}
.card_history .login_box p.info_txt {margin-bottom:5px;}
.card_history .authnb .twrap {position:relative; width:100%;}
.card_history .authnb p.time {position:absolute; right:10px; top:14px; font-size:14px; color:#dc1018;}	
.card_list .btn_wrap {justify-content:center; margin:20px auto 0;}
.card_list .btn_wrap a {margin:0 2px;}

.apply_list {display:flex; flex-wrap:wrap;}
.apply_list .cdwrap {width:48%; margin:1%; height:100%; text-align:center; position:relative; overflow:hidden;}
.apply_list .cdwrap h5 {font-size:16px; color:#111; font-weight:500;}
.apply_list .cdwrap h6 {font-size:14px; color:#777; font-weight:400; margin-top:4px;}
.apply_list .cdwrap .cd_thumb {padding:10px 10px 0; height:100%;}
.apply_list .cdwrap .cd_thumb img {width:100%; margin-bottom:10px; max-width:280px;}
.apply_list .cdwrap .cd_info {position:absolute; top:0; width:100%; height:100%; padding:15px 12px; border-radius:15px; border:1px solid #111; background:#fff; z-index:99; transition:all 0.45s; -webkit-transition:all 0.45s; -moz-transition:all 0.45s; -o-transition:all 0.45s; opacity:0;}
.apply_list .cdwrap:hover .cd_info {opacity:1;}
.apply_list .cdwrap .cd_info p.itxt {font-size:13px; line-height:18px; color:#268cff; margin:15px auto; letter-spacing:-0.05em; word-break:keep-all;}
.apply_list .cdwrap .cd_info ul {text-align:left;}
.apply_list .cdwrap .cd_info ul li {position:relative; margin:2px 0; font-size:13px; line-height:18px; padding-left:8px; letter-spacing:-0.05em;}
.apply_list .cdwrap .cd_info ul li:before {position:absolute; content:"·"; left:0;}
.apply_list .cdwrap .cd_info .btn_wrap {width:100%; padding:15px; position:absolute; bottom:0; left:0;}

@media (max-width:399px){
	.apply_list .cdwrap .cd_info {padding:20px; }
	.apply_list .cdwrap {width:85%; margin:1% auto; max-width:250px;}
 }

.cd_detail {}
.cd_detail .dt_wrap {}
.cd_detail .dt_wrap .txtbox {}
.cd_detail .dt_wrap .txtbox h5 {font-size:16px; color:#111; font-weight:500;}
.cd_detail .dt_wrap .txtbox h6 {font-size:14px; color:#777; font-weight:400; margin-top:4px;}
.cd_detail .dt_wrap .txtbox p.itxt {font-size:14px; color:#268cff; margin:10px auto; letter-spacing:-0.05em; word-break:keep-all;}
.cd_detail .dt_wrap .txtbox ul {margin-bottom:15px;}
.cd_detail .dt_wrap .txtbox ul li {position:relative; font-size:14px; margin:2px 0; padding-left:8px;}
.cd_detail .dt_wrap .txtbox ul li:before {position:absolute; left:0; content:"·";}
.cd_detail .dt_wrap .txtbox ul li span.orgp {color:#777; text-decoration:line-through;}
.cd_detail .dt_wrap .txtbox ul li span.evt {font-size:13px; color:#dc1018; display:inline-block;}
.cd_detail .dt_wrap .imgbox {width:100%; text-align:center; margin:0 auto 20px; padding-bottom:25px; border-bottom:1px solid #ddd;}
.cd_detail .dt_wrap .imgbox img {width:70%; max-width:200px;}
.cd_detail .tabs {width:100%; margin:30px auto 0;}
.cd_detail .tabs .tabNavi {display:flex; flex-wrap:wrap;}
.cd_detail .tabs .tabNavi li {width:50%; text-align:center;}		
.cd_detail .tabs .tabNavi li a {display:block; color:#777; font-weight:400; background:#fff; font-size:14px; line-height:40px; border:1px solid #ccc;}
.cd_detail .tabs .tabNavi li a:hover {}
.cd_detail .tabs .tabNavi li a.selected {color:#fff; background:#005cb9; border-color:#005cb9;}
.cd_detail .tab {margin:0 auto;}
.cd_detail .tab h5.toggle_btn {width:100%; position:relative; padding:15px 5px; border-bottom:2px solid #111; font-size:16px; font-weight:500; cursor:pointer;}
.cd_detail .tab h5.toggle_btn .tgbtn {position:absolute; right:10px; top:25px; margin:0;}
.cd_detail .tab .tcont {padding:15px 5px; border-bottom:1px solid #ddd;}
.cd_detail .tab .tcont p.ctxt {font-size:15px; line-height:18px; color:#666;}
.cd_detail .tab .tcont ul.tit_list {}
.cd_detail .tab .tcont ul.tit_list li {position:relative; padding-left:8px; margin:10px 0 0;}
.cd_detail .tab .tcont ul.tit_list li:before {content:"·"; position:absolute; left:0; top:-1px;}
.cd_detail .tab .tcont ul.tit_list li:first-child {margin-top:0;}
.cd_detail .tab .tcont ul.tit_list li h6 {font-size:15px; font-weight:500; color:#111;}
.cd_detail .tab .tcont ul.tit_list li p {font-size:14px; line-height:18px; color:#666; margin-top:5px; word-break:break-all;}
.cd_detail .tab .tcont ul.tit_list li p b {font-weight:400; color:#111;}
.cd_detail .tab .tcont ul.tit_list li p a {color:#666;}
.cd_detail .tab .tcont ul.tit_list li p span.ext {font-size:13px;}
.cd_detail .tab .tcont ul.step_list {margin:10px auto;}
.cd_detail .tab .tcont ul.step_list li {width:100%; text-align:center;}
.cd_detail .tab .tcont ul.step_list li:nth-child(odd) {padding:20px; border-radius:15px; border:1px solid #ddd;}
.cd_detail .tab .tcont ul.step_list li:nth-child(even) {margin:4px 0 5px;}
.cd_detail .tab .tcont ul.step_list li img {width:80px;}
.cd_detail .tab .tcont ul.step_list li h6 {font-size:15px; margin:15px 0 6px; color:#111; font-weight:400;}
.cd_detail .tab .tcont ul.step_list li p {font-size:14px; line-height:18px; color:#666;}
.cd_detail .tab .tcont ul.guide_list {}
.cd_detail .tab .tcont ul.guide_list > li {position:relative; font-size:14px; line-height:18px; color:#666; margin:4px 0 0; padding-left:10px;}
.cd_detail .tab .tcont ul.guide_list > li:first-child {margin-top:0;}
.cd_detail .tab .tcont ul.guide_list > li:before {content:"-"; position:absolute; left:0; top:0px;}
.cd_detail .tab .tcont ul.guide_list > li ul.gdl2 {}
.cd_detail .tab .tcont ul.guide_list > li ul.gdl2 li {position:relative; font-size:13px; line-height:16px; color:#666; margin:3px 0; padding-left:10px;}
.cd_detail .tab .tcont ul.guide_list > li ul.gdl2 li:before {content:"·"; position:absolute; left:0; top:0px;}

.cdapp_box {}
.cdapp_box .bnkbox .bnk_edit {width:100%; padding:12px; text-align:center; margin:0 auto; background:#555555; border:1px solid #ddd; border-radius:5px;}
.cdapp_box .bnkbox .bnk_edit a.pch {display:block; font-size:15px; color:#ffffff;}
.cdapp_box .arsbox .arsnb {display:flex; justify-content:center; margin:20px auto;}
.cdapp_box .arsbox .arsnb li {width:90px; height:90px; margin:0 4px; display:flex; justify-content:center; align-items:center; border-radius:15px; border:1px solid #ddd; background:#f5f5f5;}
.cdapp_box .arsbox .arsnb li b {font-size:30px; color:#000;}
.cdapp_box table th i {color:#aaa;}
.cdapp_box .btn_wrap {max-width:300px; margin:20px auto 0;}

.edit_result2 {text-align:center;}
.edit_result2 h5 {font-size:17px; color:#222; font-weight:400; margin:20px auto 0; word-break:keep-all;}
.edit_result2 p.info_txt {margin:10px auto 20px;}
.edit_result2 .btn_wrap {max-width:300px; margin:0 auto;}
.edit_result2 .btn_wrap .btn_bsc {padding:0 12px !important;}

.cd_detail .tab .tcont .event_wrap {margin:20px auto 0;}
.cd_detail .tab .tcont .event_wrap .evtbox {width:100%; margin:8px 0; border:1px solid #fff; border-radius:10px;}
.cd_detail .tab .tcont .event_wrap .evtbox:first-child {border-color:#bed9ea;}
.cd_detail .tab .tcont .event_wrap .evtbox:nth-child(2) {border-color:#d1caed;}
.cd_detail .tab .tcont .event_wrap .evtbox:nth-child(3) {border-color:#f6caca;}
.cd_detail .tab .tcont .event_wrap .evtbox a {display:block; padding:15px 20px;}
.cd_detail .tab .tcont .event_wrap .evtbox a span {font-size:13px; color:#666;}
.cd_detail .tab .tcont .event_wrap .evtbox a p {font-size:14px; line-height:18px; color:#111; margin:8px 0 10px; word-break:keep-all;}

.cdapp_box .scdpay_rgst {display:flex; align-items:center; flex-wrap:wrap; margin-bottom:25px;}
.cdapp_box .scdpay_rgst h4 {display:inline-block; margin:0;}
.cdapp_box .scdpay_rgst .scdpay_select {width:100%; margin-top:5px;}
.cdapp_box .scdpay_rgst .scdpay_select label {font-size:15px; margin-right:10px;}
.cdapp_box .scdpay_rgst  .hp_box {position:relative; display:inline-block;}
.cdapp_box .scdpay_rgst  .hp_box i {color:#aaa; position:relative; margin-left:7px;}
.cdapp_box .scdpay_rgst  .hp_box .hpic {cursor:pointer;}
.cdapp_box .scdpay_rgst  .hp_box .hptxt {display:none; position:absolute; top:30px; left:-120px; font-size:13px; padding:10px 10px; color:#555; width:300px; border-radius:7px; background:#f1f1f1; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s}
.cdapp_box .scdpay_rgst  .hp_box:hover .hptxt {display:block;}
.cdapp_box .scdpay_rgst  .hp_box .hptxt li {position:relative; padding-left:12px; margin:4px 0;}
.cdapp_box .scdpay_rgst  .hp_box .hptxt li:before {content:"·"; position:absolute; left:0;}

@media (max-width:399px){
	.cdapp_box .bnkbox .info_txt br {display:none;}
 }
 
 /* 결제 */
.arrears .swch {display:flex; align-items:center; margin-left:10px;}
.arrears .swch h6 {font-size:14px; color:#555; font-weight:400;}
.arrears .swch .toggleSwitch {width:28px; height:16px; display:block; position:relative; border-radius:30px; background-color:#ccc; cursor:pointer; margin:2px 0 0 5px;}
.arrears .swch .toggleSwitch .toggleButton {width:12px; height:12px; position:absolute; top:50%; left:2px; transform:translateY(-50%); border-radius:50%; background:#fff;}
.arrears .swch #swch_btn:checked ~ .toggleSwitch {background:#005cb9;}
.arrears .swch #swch_btn:checked ~ .toggleSwitch .toggleButton {left:calc(100% - 14px); background:#fff;}
.arrears .swch .toggleSwitch, .toggleButton {transition:all 0.2s ease-in;}
.arrears .btn_wrap {max-width:300px; margin:20px auto 0;}

/* 고객센터 */
.community {border-top:2px solid #111; border-bottom:2px solid #111;}
.community .cont_box {padding:25px 10px; border-bottom:1px solid #ddd;}
.community .cont_box h4.tit, .community .cont_box h4.tit a {font-size:18px; color:#111; margin-bottom:20px;}
.community .cont_box ul.guide_btn {display:flex; justify-content:space-between;}
.community .cont_box ul.guide_btn li {width:49%; text-align:center; border-radius:10px; border:1px solid #ddd; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.community .cont_box ul.guide_btn li:hover {border-color:#111;}
.community .cont_box ul.guide_btn li a {display:block; padding:20px 10px 20px;}
.community .cont_box ul.guide_btn li i {color:#ccc; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.community .cont_box ul.guide_btn li:hover i {color:#111;}
.community .cont_box ul.guide_btn li p {font-size:15px; color:#111; margin-top:12px;}
.community .cont_box .search_form {position:relative;}
.community .cont_box .search_form .sch_input {width:100%; height:45px; font-size:14px; padding:0 15px; border:1px solid #ddd; border-radius:7px;}
.community .cont_box .search_form .sch_btn {font-size:17px; position:absolute; right:15px; top:9px;}
.community .cont_box ul.faq_list {display:flex; justify-content:center; align-items:center; margin:15px -10px 0;}
.community .cont_box ul.faq_list li {position: relative;}
.community .cont_box ul.faq_list li a {display: block; padding: 0 10px; font-size:14px; text-align: center; letter-spacing:-0.02em; color:#111; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.community .cont_box ul.faq_list li a:hover {color:#005cb9;}
.community .cont_box ul.faq_list li:after {content:""; position: absolute; right: 0; top: 50%; width:1px; height:13px; margin-top: -6.5px; background:#ccc;}
.community .cont_box ul.faq_list li:last-child:after {display:none;}
.community .cont_box ul.news_list {}
.community .cont_box ul.news_list li {display:flex; justify-content:space-between; align-items:center; margin:10px 0;}
.community .cont_box ul.news_list li a.sbj {width:75%;font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.community .cont_box ul.news_list li a.sbj:hover {text-decoration:underline;}
.community .cont_box ul.news_list li p.date {width:20%; font-size:13px; text-align:right; color:#777; font-weight:300;}
.community .cont_box .cs_box {display:flex; justify-content:space-between; align-items:center;}
.community .cont_box .cs_box p.csnb {font-size:22px; color:#005cb9; font-weight:600; display:flex; align-items:center;}
.community .cont_box .cs_box p.csnb i {font-size:14px; margin-right:10px;}
.community .cont_box .cs_box p.cstime {font-size:14px; color:#777;}

.board_sch {position:relative; width:100%; display:flex; justify-content:space-between; align-items:center;}
.board_sch .sch_select {width:28%; height:45px; font-size:14px; padding:0 15px; border:1px solid #ddd; border-radius:7px; background-position:92% center;}
.board_sch .sch_input {width:70%; height:45px; font-size:14px; padding:0 15px; border:1px solid #ddd; border-radius:7px;}
.board_sch .sch_select:focus, .board_sch .sch_input:focus {outline:none;}
.board_sch .sch_btn {font-size:17px; position:absolute; right:15px; top:9px;}

.board_list {margin-top:15px; border-top:2px solid #111;}
.board_list > div {border-bottom:1px solid #ddd; padding:15px 10px; display:flex; justify-content:space-between; align-items:center;}
.board_list > div a.sbj {width:75%; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.board_list > div a.sbj:hover {text-decoration:underline;}
.board_list > div p.date {width:20%; font-size:13px; text-align:right; color:#777; font-weight:300;}
.board_list > div.noti {}
.board_list > div.noti a.sbj {font-weight:500;}
.board_list > div.noti a.sbj i {color:#005cb9; margin-right:5px;}

.bo_view {}
.bo_view .title {width:100%; padding:16px 10px; border-top:2px solid #111; border-bottom:1px solid #ddd;}
.bo_view .title h5.sbj {font-size:17px; color:#111; word-break:keep-all;}
.bo_view .title h5.sbj span {margin-right:5px;}
.bo_view .title h5.sbj span.stat_ing {color:#0087ff;}
.bo_view .title h5.sbj span.stat_end {color:#aaa;}
.bo_view .title p.date {font-size:14px; color:#777; margin-top:5px;}
.bo_view .event_info {padding:14px 12px; border-bottom:1px solid #ddd; background:#f5f5f5;}
.bo_view .event_info p.desc {font-size:15px; color:#555;}
.bo_view .event_info .schd {font-size:14px; color:#888; margin-top:4px;}
.bo_view .bo_content {padding:20px 10px 50px; font-size:14px; line-height:22px;}
.bo_view .bo_content p {}
.bo_view .bo_content img {width:100%; max-width:100%;}
.bo_view .bo_event_content #content img {width:100%; max-width:100%;}
.bo_view ul.bo_pnb {width:100%; border-top:1px solid #ddd;}
.bo_view ul.bo_pnb li {border-bottom:1px solid #ddd; padding:15px 5px;}
.bo_view ul.bo_pnb li a {display:flex; justify-content:space-between; align-items:center;}
.bo_view ul.bo_pnb li a span.udbtn {width:20%; font-size:13px;}
.bo_view ul.bo_pnb li a span.udbtn i {font-size:11px; margin-left:4px;}
.bo_view ul.bo_pnb li a p.sbj {width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#777; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.bo_view ul.bo_pnb li a:hover p.sbj {color:#111;}
.bo_view ul.bo_pnb li a p.date {width:20%; font-size:13px; text-align:right; color:#777; font-weight:300;}

.event {}
.event .schd {font-size:14px; color:#777;}
.event .schd span {display:inline-block; font-size:12px; color:#fff; padding:2px 6px; border-radius:3px;}
.event .schd span.stat_ing {background:#0087ff;}
.event .schd span.stat_end {background:#ccc;}
.event .event_top {width:100%; padding:20px; border-radius:10px; border:1px solid #ddd;}
.event .event_top a {}
.event .event_top a .thumb {width:100%; overflow:hidden;}
.event .event_top a .thumb img {width:100%; -webkit-transform: 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1);transform: scale(1);}
.event .event_top a:hover .thumb img {-webkit-transform: scale(1.15);transform: scale(1.15);}
.event .event_top a .txt {width:100%; margin:20px auto 0;}
.event .event_top a .txt h5.tit {font-size:17px; color:#111; font-weight:500;}
.event .event_top a .txt p.desc {font-size:15px; color:#777; margin:10px 0 15px;}
.event .event_top a .txt .schd span {margin-right:10px;}
.event .event_top a .txt .schd p {display:inline-block;}
.event .shw_btn {}
.event .shw_btn a {margin:0 5px; font-size:15px; color:#ccc;}
.event .shw_btn a.on {color:#111;}
.event .gall_list {margin-top:20px;border-top:2px solid #111;}
.event .gall_list .box {padding:20px 5px; border-bottom:1px solid #e7e7e7;}
.event .gall_list .box a {}
.event .gall_list .box a .thumb {width:100%; overflow:hidden;}
.event .gall_list .box a .thumb img {width:100%; -webkit-transform: 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1);transform: scale(1);}
.event .gall_list .box a:hover .thumb img {-webkit-transform: scale(1.15);transform: scale(1.15);}
.event .gall_list .box a .txt {margin:15px auto 0;}
.event .gall_list .box a .txt .tit_wrap {}
.event .gall_list .box a .txt .tit_wrap h5.tit {font-size:16px; color:#111; font-weight:500;}
.event .gall_list .box a .txt .tit_wrap p.desc {font-size:14px; color:#777; margin:5px 0 10px;}
.event .gall_list .box a .txt .schd {font-size:13px; color:#777;}
.event .gall_list .box a .txt .schd span {margin-right:10px;}
.event .gall_list .box a .txt .schd p {display:inline-block;}

.event .gall_list_thumb {margin-top:20px; border-top:2px solid #111; display:flex; flex-wrap:wrap;}
.event .gall_list_thumb .box {width:48%; margin:10px 1%;}
.event .gall_list_thumb .box a {}
.event .gall_list_thumb .box a .thumb {width:100%; overflow:hidden;}
.event .gall_list_thumb .box a .thumb img {width:100%; -webkit-transform: 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1);transform: scale(1);}
.event .gall_list_thumb .box a:hover .thumb img {-webkit-transform: scale(1.15);transform: scale(1.15);}
.event .gall_list_thumb .box a .txt {margin:15px auto 0;}
.event .gall_list_thumb .box a .txt {}
.event .gall_list_thumb .box a .txt h5.tit {font-size:15px; color:#111; font-weight:500;}
.event .gall_list_thumb .box a .txt .schd {font-size:13px; color:#777; margin:0 0 5px;}
.event .gall_list_thumb .box a .txt .schd span {margin-right:5px; font-size:11px;}
.event .gall_list_thumb .box a .txt .schd p {display:none;}
.event .gall_list_thumb .box a .txt p.desc {display:none; font-size:13px; color:#777;}

.faq .faq_list {border-top:2px solid #111; margin-top:10px;}
.faq .faq_list .cont {border-bottom:1px solid #ddd;}
.faq .faq_list .cont h5.asked {cursor:pointer; font-size:14px; color:#111; font-weight:400; padding:16px 5px; word-break:keep-all;}
.faq .faq_list .cont h5.asked b {color:#005cb9;} 
.faq .faq_list .cont .question {display:none; padding:15px 10px; border-top:1px solid #ddd;}
.faq .faq_list .cont .question p, .faq .faq_list .cont .question p a {font-size:13px; line-height:18px; word-break:keep-all;}

.lost table.infotb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:2px solid #111;}
.lost table.infotb th {font-size:15px; color:#111; font-weight:500; padding:10px 5px; text-align:center; background:#f5f5f5;border-bottom:1px solid #ddd; word-break:keep-all;}
.lost table.infotb td {font-size:14px; color:#333; text-align:center; border-bottom:1px solid #ddd; word-break:break-all; padding:10px 5px; overflow-wrap: break-word;}
.lost .swch {display:flex; align-items:center; margin-left:10px;}
.lost .swch h6 {font-size:14px; color:#555; font-weight:400;}
.lost .swch .toggleSwitch {width:28px; height:16px; display:block; position:relative; border-radius:30px; background-color:#ccc; cursor:pointer; margin:2px 0 0 5px;}
.lost .swch .toggleSwitch .toggleButton {width:12px; height:12px; position:absolute; top:50%; left:2px; transform:translateY(-50%); border-radius:50%; background:#fff;}
.lost .swch #swch_btn:checked ~ .toggleSwitch {background:#005cb9;}
.lost .swch #swch_btn:checked ~ .toggleSwitch .toggleButton {left:calc(100% - 14px); background:#fff;}
.lost .swch .toggleSwitch, .toggleButton {transition:all 0.2s ease-in;}

.lost_list .contbox {width:100%; padding:20px; margin-top:7px; border:1px solid #ddd; border-radius:15px;}
.lost_list .contbox a.cdnb {font-weight:500; font-size:16px;} 
.lost_list .contbox a.cdnb:hover { text-decoration:underline;}
.lost_list .contbox p {font-size:15px; word-break:keep-all; margin:4px 0;}
.lost_list .contbox p b {color:#666; font-weight:500;}
.lost_list .contbox p.cdnb {font-size:16px; color:#000; font-weight:500;}

.refund_info h5.toggle_btn {width:100%; position:relative; padding:15px 5px; border-bottom:2px solid #111; font-size:16px; font-weight:500; cursor:pointer;}
.refund_info h5.toggle_btn .tgbtn {position:absolute; right:10px; top:25px; margin:0;}
.refund_info .tcont {padding:15px 5px; border-bottom:1px solid #ddd;}
.refund_info .tcont h6 {position:relative; font-size:15px; font-weight:400; color:#111; padding-left:10px;}
.refund_info .tcont h6:before {content:"·"; position:absolute; left:0; top:0px;}
table.iftb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;border-top:1px solid #e6edf7;}
table.iftb th {font-size:14px; color:#111; font-weight:500; padding:10px 0; text-align:center;border-bottom:1px solid #fff; background:#e6edf7; word-break:break-all;}
table.iftb td {font-size:14px; color:#555; border-bottom:1px solid #e6edf7; text-align:left; word-break:break-all; padding:10px 7px;}
table.iftb th.bdl {border-left:1px solid #fff;}
table.iftb td.bdl0 {border-left:0;}
table.iftb td p {font-size:13px; color:#777; margin:4px 0; line-height:18px;}

.refund .agree textarea {height:180px; padding:15px; resize:none; font-size:13px; line-height:18px; color:#555;}
.refund .agree .agree_chk {font-size:14px;}
.refund .agree .agree_chk p {margin:15px 0 5px;}
.refund .swch {display:flex; align-items:center; margin-left:10px;}
.refund .swch h6 {font-size:14px; color:#555; font-weight:400;}
.refund .swch .toggleSwitch {width:28px; height:16px; display:block; position:relative; border-radius:30px; background-color:#ccc; cursor:pointer; margin:2px 0 0 5px;}
.refund .swch .toggleSwitch .toggleButton {width:12px; height:12px; position:absolute; top:50%; left:2px; transform:translateY(-50%); border-radius:50%; background:#fff;}
.refund .swch #swch_btn:checked ~ .toggleSwitch {background:#005cb9;}
.refund .swch #swch_btn:checked ~ .toggleSwitch .toggleButton {left:calc(100% - 14px); background:#fff;}
.refund .swch .toggleSwitch, .toggleButton {transition:all 0.2s ease-in;}
.refund .btn_wrap {max-width:300px; margin:20px auto 0;}

.rfdbnk_select {width:90%; max-width:400px;}
.rfdbnk_select ul.bnk_list {display:flex; flex-wrap:wrap; align-items:flex-start; height:248px; overflow-y:scroll;}
.rfdbnk_select ul.bnk_list li {width:31.3333%; margin:1%; padding:10px; text-align:center; cursor:pointer; border:1px solid #ddd; border-radius:10px;}
.rfdbnk_select ul.bnk_list li:hover {}
.rfdbnk_select ul.bnk_list li.on {border-color:#555;}
.rfdbnk_select ul.bnk_list li img {width:30px;}
.rfdbnk_select ul.bnk_list li p {font-size:14px; color:#111; margin-top:5px;}

.prc_info ul.prc_vlu {display:flex; justify-content:center; align-items:center;}
.prc_info ul.prc_vlu li {font-size:14px; text-align:center;}
.prc_info ul.prc_vlu li:nth-child(even) {margin:0 5px; color:#999; padding-bottom:15px;}
.prc_info ul.prc_vlu li p {font-size:15px;}
.prc_info ul.prc_vlu li span {font-size:13px; color:#dc1018;}

/* 회사안내 */
.privacy textarea {font-size:14px; height:250px; overflow-y:scroll; resize:none;}
.privacy .cont {margin-top:30px;}
.privacy .cont h5 {font-size:15px; font-weight:500; word-break:keep-all;}
.privacy .cont p.txt {font-size:14px; line-height:20px; font-weight:300; word-break:keep-all; margin:10px 0 20px;}

table.gdtb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed;}
table.gdtb th {font-size:14px; color:#111; font-weight:500; padding:10px 2px; text-align:center;border-bottom:1px solid #fff; word-break:break-all; background:#e6edf7}
table.gdtb td {font-size:13px; color:#111; border-bottom:1px solid #e6edf7; text-align:center; border-left:1px solid #e6edf7; word-break:break-all;  padding:10px 5px;}
table.gdtb th.bdl {border-left:1px solid #fff;}
table.gdtb td.bg {background:#f5f5f5; border-left:0;}
table.gdtb td.bdl0 {border-left:0;}
table.gdtb td.left {text-align:left;}
table.gdtb td span {font-size:13px; color:#777; margin:2px 0; line-height:18px;}

.email {}
.email .contbox {padding:30px 25px; text-align:center;}
.email .contbox img {height:40px;}
.email .contbox p {margin:20px auto; font-size:14px; line-height:20px; color:#555;}
.email .contbox h5 {font-size:15px; color:#111; font-weight:500;}
.email .contbox ul {margin:20px 0 0;}
.email .contbox ul li {position:relative; padding-left:12px; font-size:14px; line-height:20px; margin:8px 0; color:#555; text-align:left;}
.email .contbox ul li:before {content:"·"; position:absolute; left:0;}

.loading_page { text-align:center;}
.loading_page h5 {font-size:16px; color:#222; font-weight:400; margin:40px auto 20px;}
.loading_page p.qst {font-size:15px; color:#555;}
.loading_page p.icon i {background:linear-gradient(to right, #005cb9, #bbd6f1); -webkit-background-clip:text; -webkit-text-fill-color:transparent;
animation:rotate_i 3s linear infinite; transform-origin:50% 50%;}
@keyframes rotate_i{
    100% {
        transform:rotate(360deg);
    }
}


/* 20240614 추가,수정됨 */
.usehistory .total_value {width:100%; display:flex; flex-wrap:wrap; margin-top:20px; padding:15px 16px; background:#f5f5f5; border-radius:10px;}
.usehistory .total_value p {font-size:15px; width:49%; margin:0.5% 0.5% 15px; font-weight:400; color:#111; letter-spacing:-0.03em;}
.usehistory .total_value p b {font-weight:400; color:#777}
.usehistory .num_of {font-size:14px;}
.usehistory .num_of .frm_select {min-width:80px; height:40px; background-position:94% center;}
/* 2024-06 수정 */
.usehistory .total_value {padding: 15px 6px; font-size: 0.9375rem;}
.usehistory .total_value dl {width: calc(50% - 10px); margin: 15px 5px 0;}
.usehistory .total_value dl:nth-child(-n + 2) {margin-top: 0;}
.usehistory .total_value dt {font-size: 0.875rem; color: #777;}
.usehistory .total_value dd > span {display: inline-block;}


.usehistory_list .contbox {position:relative; width:100%; padding:20px; margin-top:7px; border:1px solid #ddd; border-radius:15px;}
.usehistory_list .contbox .chk {position:absolute; right:20px; top:20px;}
.usehistory_list .contbox p.date {font-size:15px;}
.usehistory_list .contbox p.cd_number {font-size:13px; color:#777; margin-top:5px;}
.usehistory_list .contbox a.cd_receipt {font-weight:500; font-size:16px;} 
.usehistory_list .contbox a.cd_receipt:hover { text-decoration:underline;}
.usehistory_list .contbox ul.hst_detail {display:flex; flex-wrap:wrap; margin-top:20px; border-top:1px solid #e7e7e7;}
.usehistory_list .contbox ul.hst_detail li {width:33.3333%; text-align:center; font-size:15px; padding:10px 5px; border-bottom:1px solid #e7e7e7; overflow-wrap: break-word;}
.usehistory_list .contbox ul.hst_detail li h5 {color:#777;}
.usehistory_list .contbox ul.hst_detail li.flex {justify-content:center; color:#999;}

.cdint .tabs .tabNavi li {min-width:49%; margin:0.5%;}		

.bnk_select .tabs .tabNavi li {border-right:1px solid #005cb9;}
.bnk_select .tabs .tabNavi li:last-child {border-right:none;}
.bnk_select .tabs .tabNavi.payplus { width:240px;}
.bnk_select .tabs .tabNavi.payplus li {width:33.3333%;}		

.bnk_select .tabs .tabNavi.one { width:80px;}
.bnk_select .tabs .tabNavi.one li {width:100%;}	
.bnk_select .tabs .tabNavi.two { width:160px;}
.bnk_select .tabs .tabNavi.two li {width:50%;}	

/* 회원 */
.join {}
.join .brbox {}
.join .brbox h5 {font-size:16px; color:#222; font-weight:500; word-break:keep-all;}
.join .brbox p {font-size:15px; color:#555; margin-top:10px; line-height:22px;}
.join ul.join_auth {display:flex;}
.join ul.join_auth li {width:50%; padding:30px 15px; text-align:center;}
.join ul.join_auth li:first-child {border-right:1px solid #e7e7e7;}
.join ul.join_auth li h4 {font-size:17px; color:#222; font-weight:400;} 
.join ul.join_auth li img {margin:30px auto;}

.join_form .authnb {}
.join_form .authnb .flex {position:relative;}
.join_form .authnb p.time {position:absolute; left:195px; top:14px; font-size:14px; color:#dc1018;}	
.join_form .chk_wrap form {font-size:15px; color:#333; display:flex; align-items:center; flex-wrap:wrap;}
.join_form .chk_wrap label { margin-right:40px;}
.join_form .chk_wrap label input {margin-right:5px;}
.join_form .btn_wrap {max-width:300px; margin:20px auto 0;}
.inp_wrap {position: relative; flex: 1;}
.inp_wrap input:only-child {width: 100%;}
.inp_wrap input:not(:only-child) {padding-right: 50px;}
.inp_wrap .time {position:absolute; top: 50%; right: 10px; font-size:14px; color:#dc1018; transform: translateY(-50%);}

.join_result {text-align:center;}
.join_result h5 {font-size:17px; color:#222; font-weight:400; margin:20px auto 15px;}
.join_result p.qst {font-size:15px; color:#555;}
.join_result .btn_wrap {max-width:400px; margin:25px auto 0;}

/* 자동충전카드미납금납부 */
.unpaid {}
.unpaid .unpbox_wrap {display:flex; flex-wrap:wrap;}
.unpaid .unpbox_wrap .ibox {width:48%; margin:1%; text-align:center; border-radius:15px; /*background:#f1f1f1;*/ border:1px solid #e7e7e7;}
.unpaid .unpbox_wrap .ibox a {display:block; padding:30px 20px 25px;}
.unpaid .unpbox_wrap .ibox a img {width:45%; max-width:65px;}
.unpaid .unpbox_wrap .ibox a h4 {font-size:17px; font-weight:400; margin-top:22px; line-height:24px;}

.unpaid_cdn .cdn {display:flex; justify-content:space-between;}
.unpaid_cdn .cdn input {width:24%;}
.unpaid_cdn .authnb {position:relative;}
.unpaid_cdn .authnb p.time {position:absolute; right:15px; top:13px; font-size:13px; color:#dc1018;}	

.unpaid .bkinfo_tb {width:100%; margin:25px auto; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:2px solid #111;}
.unpaid .bkinfo_tb th {font-size:15px; color:#111; font-weight:500; padding:10px; text-align:center; background:#f1f1f1; word-break:keep-all; border-bottom:1px solid #ddd;}
.unpaid .bkinfo_tb td {font-size:15px; color:#333; word-break:break-all; padding:10px; word-break:keep-all; border-bottom:1px solid #ddd;}

.unpaid_list .total {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.unpaid_list .total p {font-size:15px; font-weight:500; color:#dc1018;}

.unpaid .unpaid_list h5.toggle_btn {width:100%; position:relative; padding:12px 10px; background:#555; border-bottom:1px solid #777; font-size:15px; color:#fff; font-weight:500; cursor:pointer;}
.unpaid .unpaid_list h5.toggle_btn .tgbtn {position:absolute; right:10px; top:17px; margin:0;}
.unpaid .unpaid_list .tcont {}
.unpaid .unpaid_list .tcont .reason {padding:10px; display:flex; justify-content:space-between; align-items:center; background:#f8f8f8;}
.unpaid .unpaid_list .tcont .reason p {font-size:15px; font-weight:500; color:#dc1018;}
.unpaid .unpaid_list .tcont .rstb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd;}
.unpaid .unpaid_list .tcont .rstb th {width:120px; font-size:14px; color:#111; font-weight:500; padding:10px; text-align:left; border-bottom:1px solid #ddd; word-break:keep-all;}
.unpaid .unpaid_list .tcont .rstb td {width:100%; font-size:14px; color:#333; word-break:break-all; padding:10px; border-bottom:1px solid #ddd; word-break:keep-all;}

/* 결제수단 변경 및 재등록 */
.chg_pay {}
.chg_pay .chpbox_wrap {display:flex; flex-wrap:wrap;}
.chg_pay .chpbox_wrap .ibox {width:48%; margin:1%; text-align:center; border-radius:15px; background:#f1f1f1; border:1px solid #e7e7e7;}
.chg_pay .chpbox_wrap .ibox a {display:block; padding:30px 20px 25px;}
.chg_pay .chpbox_wrap .ibox a img {width:45%; max-width:65px;}
.chg_pay .chpbox_wrap .ibox a h4 {font-size:17px; font-weight:400; margin-top:22px; line-height:24px;}

/* 자동충전 결제 상세 정보 */
.atdetail {}
.atdetail_cdn .cdn {display:flex; justify-content:space-between;}
.atdetail_cdn .cdn input {width:32.3333%;}
.atdetail_cdn .authnb {position:relative;}
.atdetail_cdn .authnb p.time {position:absolute; right:15px; top:13px; font-size:13px; color:#dc1018;}	

.atdetail .atdetail_list .total {margin:20px 0;}
.atdetail .atdetail_list .total p {font-size:15px; font-weight:500; color:#dc1018;}

.atdetail .atdetail_list h5.toggle_btn {width:100%; position:relative; padding:12px 10px; background:#555; border-bottom:1px solid #777; font-size:15px; color:#fff; font-weight:500; cursor:pointer;}
.atdetail .atdetail_list h5.toggle_btn .tgbtn {position:absolute; right:10px; top:17px; margin:0;}
.atdetail .atdetail_list .tcont {}
.atdetail .atdetail_list .tcont .rstb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd;}
.atdetail .atdetail_list .tcont .rstb th {width:120px; font-size:14px; color:#111; font-weight:500; padding:10px; text-align:left; border-bottom:1px solid #ddd; word-break:keep-all;}
.atdetail .atdetail_list .tcont .rstb td {width:100%; font-size:14px; color:#333; word-break:break-all; padding:10px; border-bottom:1px solid #ddd; word-break:keep-all;}

/* 자동 미납금 납부 */
.arrpay {}

.arrpay .arrpay_list .total {display:flex; justify-content:space-between; align-items:center; margin:20px 0;}
.arrpay .arrpay_list .total p {flex: 1; padding-right: 10px; font-size:15px; font-weight:500; color:#dc1018;}
.arrpay .arrpay_list .total a {white-space: nowrap;}

.arrpay .arrpay_list h5.toggle_btn {width:100%; position:relative; padding:12px 10px; background:#555; border-bottom:1px solid #777; font-size:15px; color:#fff; font-weight:500; cursor:pointer;}
.arrpay .arrpay_list h5.toggle_btn .tgbtn {position:absolute; right:10px; top:17px; margin:0;}
.arrpay .arrpay_list .tcont {}
.arrpay .arrpay_list .tcont .rstb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd;}
.arrpay .arrpay_list .tcont .rstb th {width:120px; font-size:14px; color:#111; font-weight:500; padding:10px; text-align:left; border-bottom:1px solid #ddd; word-break:keep-all;}
.arrpay .arrpay_list .tcont .rstb td {width:100%; font-size:14px; color:#333; word-break:break-all; padding:10px; border-bottom:1px solid #ddd; word-break:keep-all;}

/* 기타 페이지 */
.guide > h5.toggle_btn {width:100%; position:relative; padding:27px 10px; border-bottom:2px solid #111; font-size:22px; font-weight:500; cursor:pointer;}
.guide > h5.toggle_btn .tgbtn {position:absolute; right:10px; top:33px; margin:0;}
.guide .tcont {padding:25px 10px 30px; border-bottom:1px solid #ddd;}
.guide .tcont p.ctxt {font-size:17px; line-height:24px; color:#666;}
.guide .tcont p.tbtxt {font-size:19px; font-weight:500; color:#111;}
.guide .tcont ul.tit_list {}
.guide .tcont ul.tit_list li {position:relative; padding-left:15px; margin:30px 0 0;}
.guide .tcont ul.tit_list li:before {content:"·"; position:absolute; left:0; top:3px;}
.guide .tcont ul.tit_list li:first-child {margin-top:0;}
.guide .tcont ul.tit_list li h6 {font-size:19px; font-weight:500; color:#111;}
.guide .tcont ul.tit_list li p {position:relative; font-size:17px; line-height:24px; color:#666; margin-top:10px; padding-left:15px;}
.guide .tcont ul.tit_list li p:before {content:"-"; position:absolute; left:0; top:0px;}
.guide .tcont ul.tit_list li p span {font-size:15px;}
.guide .tcont ul.step_list {display:flex; justify-content:center; margin:30px auto; flex-warp:wrap;}
.guide .tcont ul.step_list li {width:19%; text-align:center;}
.guide .tcont ul.step_list li:nth-child(even) {width:1.2%;}
.guide .tcont ul.step_list li:nth-child(even) svg {margin-top:40px;}
.guide .tcont ul.step_list li img {}
.guide .tcont ul.step_list li h6 {font-size:17px; margin:20px 0 12px; color:#111; font-weight:400;}
.guide .tcont ul.step_list li p {font-size:15px; line-height:22px; letter-spacing:-0.04em; color:#666;}
.guide .chg_type {display:flex; justify-content:space-between; align-items:center; padding:20px 30px; background:#f5f5f5;}
.guide .chg_type h6 {font-size:18px; font-weight:500; color:#111;}
.guide .chg_type ul {display:flex; align-items:center;}
.guide .chg_type ul li {margin:0 5px; text-align:center; border-radius:10px; border:1px solid #ddd; background:#fff; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.guide .chg_type ul li:hover {border-color:#111;}
.guide .chg_type ul li a {display:block; font-size:25px; font-weight:600;}
.guide .chg_type ul li a span {font-size:16px; color:#777;}

.guide .tcont table.ptb {width:100%; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:2px solid #ddd; margin-top:20px;}
.guide .tcont table.ptb th {font-size:16px; color:#111; font-weight:500; padding:10px 20px; text-align:left;border-bottom:1px solid #ddd; word-break:keep-all; background:#f8f8f8;}
.guide .tcont table.ptb td {font-size:16px; font-weight:300; color:#333; border-bottom:1px solid #ddd; word-break:break-all; padding:10px 20px;}

/* 무인충천 타입별 충전방법 레이어팝업 */
.layer_pop .type_stpe {padding:10px 10px 20px;}
.layer_pop .type_stpe ul {display:flex; flex-wrap:wrap; max-width:700px;}
.layer_pop .type_stpe ul li {width:100%; margin:0.5%; padding:15px; text-align:center; border-radius:7px; border:1px solid #ddd;}
	.layer_pop .mx7 ul {max-width:920px;}
	.layer_pop .mx7 ul li {width:24%;}
.layer_pop .type_stpe ul li span.nb {display:inline-block; font-size:12px; font-weight:500; color:#fff; width:28px; height:28px; line-height:28px; background:#666; border-radius:50%;}
.layer_pop .type_stpe ul li img {display:block; width:100%; margin:10px auto;}
.layer_pop .type_stpe ul li p {font-size:16px; line-height:20px;}

/* 고객센터 3차 */
.qna_box {text-align:center;}
.qna_box h5 {font-size:22px; color:#222; font-weight:400; margin:20px auto;}
.qna_box p.icon {font-size:28px;}
.qna_box p.txt {font-size:18px; color:#555;}
.qna_box table {width:100%; max-width:740px; margin:30px auto 0; border-collapse:separate;*border-collapse:collapse;border-spacing:0;table-layout:fixed; border-top:1px solid #ddd;}
.qna_box table th {font-size:17px; color:#111; font-weight:400; padding:15px 10px; text-align:center;border-bottom:1px solid #ddd; background:#f5f5f5; word-break:keep-all;}
.qna_box table td {font-size:17px; color:#333; border-bottom:1px solid #ddd; text-align:left; word-break:break-all; padding:15px 20px;}
.qna_box .btn_wrap {width:400px; margin:40px auto 0;}

.qna_list {border-top:2px solid #111;}
.qna_list > div {border-bottom:1px solid #ddd; padding:20px; display:flex; justify-content:space-between; align-items:center;}
.qna_list > div p span.as_ing {display:inline-block; width:80px; padding:7px; margin-right:15px; font-size:15px; color:#fff; text-align:center; border-radius:7px; background:#ccc;}
.qna_list > div p span.as_cpl {display:inline-block; width:80px; padding:7px; margin-right:15px; font-size:15px; color:#fff; text-align:center; border-radius:7px; background:#444;}
.qna_list > div a.sbj {font-size:18px; width:980px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.qna_list > div a.sbj:hover {text-decoration:underline;}
.qna_list > div p.date {font-size:17px; color:#777; font-weight:300;}

.qna_view {}
.qna_view .title {width:100%; padding:25px 20px; border-top:2px solid #111; border-bottom:1px solid #ddd; display:flex; justify-content:space-between; align-items:center;}
.qna_view .title h5.sbj {font-size:22px; color:#111;}
.qna_view .title h5.sbj span {display:inline-block; width:80px; padding:7px; margin-right:15px; font-weight:400; font-size:15px; color:#fff; text-align:center; border-radius:7px; margin-right:10px;}
.qna_view .title h5.sbj span.as_ing {background:#ccc;}
.qna_view .title h5.sbj span.as_cpl {background:#444;}
.qna_view .title p.date {font-size:18px; color:#777;}

.qna_view .qna_content {padding:40px 20px; font-size:18px; line-height:28px; border-bottom:1px solid #ddd;}
.qna_view .qna_asw {padding:40px 20px; border-bottom:1px solid #ddd;}
.qna_view .qna_asw h5 {font-size:19px; color:#005cb9; margin-bottom:10px;}
.qna_view .qna_asw p {font-size:18px; line-height:28px;}

/*hover 및 pointer*/
.hover {
    text-decoration: underline; /* hover 클래스가 있을 때 밑줄 추가 */
}
.pointer{
    cursor: pointer;
}