@charset "utf-8";

@import url('jquery-ui.css');
@import url('swiper.min.css');

.tempArea {padding:70px 0; background-color:#aaa; font-size:20px; font-weight:bold; text-align:center; color:#fff; letter-spacing:0;}


body, button, input, select, textarea {font-family:'Nanum Square', '맑은 고딕', 'Malgun Gothic', 'Dotum', '돋움', 'gulim', '굴림', Helvetica, sans-serif; font-weight:400;}
input[type=password] {font-family:Arial, Helvetica, sans-serif;}


em, strong,
.bold, [class^=titH], .addInfoList .accoBtn, .faqList [class^=ico],
.guideBox .txtList_remark,
.txt.pointC1, .txt .pointC1 {font-weight:700;}

.hr {height:0; margin-top:70px; border:0; background-color:transparent;}
hr.line {height:1px; margin:50px 0; border-top:1px solid #e0e0e0; background-color:transparent;}


/*================================================ Text ================================================*/
/* 텍스트 사이즈 */
.txtXXXL {font-size:24px !important;}
.txtXXL {font-size:22px !important;}
.txtXL {font-size:20px !important;}
.txtL {font-size:18px !important;}
.txtM {font-size:16px !important;}
.txtS {font-size:14px !important;}
.txtXS {font-size:12px !important;}

/* 텍스트 컬러 */
.pointC1 {color:#2b64ce !important;} /* 강조 */
.pointC2 {color:#e80163 !important;} /* 중요 고지 */
.pointC3 {color:#00879b !important;} /* 낮은 강조 */
.pointC4 {color:#e8010c !important;} /* 알림/경고 */
.pointC5 {color:#000 !important;}
.pointC6 {color:#333 !important;}
.pointC7 {color:#666 !important;}
.pointC8 {color:#999 !important;}


/*================================================ Title ================================================*/
[class^=titH] {position:relative; color:#222; letter-spacing:-0.04em;}
.titH1 {font-size:40px;}
.titH2 {font-size:24px;}
.titH3 {margin:40px 0 10px; font-size:20px;}
.titH4 {margin:20px 0 10px; font-size:18px;}
.titH5 {margin:20px 0 10px; font-size:16px;}
.titH6 {font-size:20px;}

/* 페이지 타이틀 */
.pageTit {display:table; width:100%; height:175px; margin:0 auto !important; text-align:center;}
.pageTit > .inner {display:table-cell; vertical-align:middle;}
.pageTit .desc {margin:7px 0; font-size:16px;}

/* 컨텐츠 타이틀 */
.titArea {position:relative; margin-bottom:15px;}
.titArea:after {display:block; content:''; clear:both;}
.titArea [class^=titH] {display:inline-block; display:-webkit-inline; margin:0; padding-right:15px; line-height:1.3; vertical-align:middle;}
.safari .titArea [class^=titH] {display:inline;}
.titArea .desc {display:inline-block; color:#666; font-size:14px; vertical-align:middle;}
.titArea .desc .links {margin-left:20px; font-size:14px;}
.titArea * + .desc {padding:9px 0 0 0;}
/*.titArea .fr {position:absolute; right:0; bottom:0; font-size:14px;}*/
/*.titArea > [class*=btn].s {float:right; margin:3px 0 0 0;}*/
.titArea .txtList_guide {margin:0; padding-top:3px; font-size:14px;}
.titArea + .titH3, 
.titArea + .titH4 {margin-top:20px;}
.titArea + .userMsg {margin-top:0;}
.titH4 > .desc {display:inline-block; padding-left:15px; font-size:14px !important;}

.titH2 .links.arrow {display:inline-block; padding-right:22px; background:url(../img/pc/common/ico_arrow7.png) no-repeat 100% center; color:#222; font-size:24px; font-weight:700;}
.titH3 .links.arrow {display:inline-block; padding-right:22px; background:url(../img/pc/common/ico_arrow8.png) no-repeat 100% center; color:#222; font-size:20px; font-weight:700;}


/*================================================ Button ================================================*/
/* 아이콘 버튼 */
[class^=btnIco_] {display:inline-block; position:relative; background-color:transparent; background-image:url(../img/pc/common/ico_common.png); background-repeat:no-repeat; background-position:0 0; vertical-align:middle; overflow:hidden;}
[class^=btnIco_] span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.btnIco_home {width:50px; height:50px; background-position:0 0;}

.btnIco_start {width:30px; height:30px; background-position:0 0;}
.btnIco_prev {width:30px; height:30px; background-position:-30px 0;}
.btnIco_next {width:30px; height:30px; background-position:-60px 0;}
.btnIco_end {width:30px; height:30px; background-position:-90px 0;}

.btnIco_keypad {width:40px; height:40px; margin-left:0 !important; background:url(../img/pc/common/btn_keypad.png) no-repeat center center;}

.btnIco_tip {width:18px; height:18px; margin:0 0 0 2px; border-radius:50%; background-color:#333; background-position:-40px -30px;}
.btnIco_close {width:60px; height:60px; background:url(../img/pc/common/btn_close1.png) no-repeat center center;}
.btnIco_help {position:relative; min-width:25px; height:25px; margin:-2px 0 0 0; background-image:none !important;}
.btnIco_help:before {content:'';position:absolute;top:3px;left:3px;width:17px;height:17px;border:1px solid #777;border-radius:50%;background: url(../img/pc/common/btn_help.png) no-repeat center center;background-size:1px auto;}
.btnIco_help span.def {padding-left:29px;}
.btnIco_view{width: 30px; height: 30px; background-image: url(../img/pc/common/btn_view_pdf.png) !important;}


/* Quick */
.btnIco_Top {width:52px; height:52px; border-radius:26px; background:rgba(34,34,34,0.8) url(../img/pc/common/ico_quick.png) 0 -104px; box-shadow:0 8px 15px rgba(0,0,0,0.25);}

[class^=btnIco_quick] {width:52px; height:52px; border-radius:26px; background-color:#222; background-image:url(../img/pc/common/ico_quick.png); text-align:right; box-shadow:0 8px 15px rgba(0,0,0,0.25);}
.btnIco_quickView {background:none; background-color:#222;}
.btnIco_quickView:before {display:inline-block; content:''; position:absolute; top:18px; left:18px; width:16px; height:16px; background:url(../img/pc/common/ico_quick.png) no-repeat -18px -18px; z-index:1;}
.btnIco_quickView:after {display:inline-block; content:'펼치기'; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}
.btnIco_quickView.on:before {transform:rotate(135deg); -ms-transform:rotate(135deg);}
.btnIco_quickView.on:after {content:'접기';}
.btnIco_quickChatbot {background-position:0 -52px;}
[class^=btnIco_quickM] {background:none; background-color:rgba(34,34,34,0.8); white-space:nowrap; box-shadow:none; transition:width 0.5s;}
[class^=btnIco_quickM]:after {display:inline-block; content:''; width:52px; height:52px; background-color:transparent; background-image:url(../img/pc/common/ico_quick.png); background-repeat:no-repeat; background-position:-52px 0; vertical-align:middle;}
[class^=btnIco_quickM]:hover {width:160px;}
[class^=btnIco_quickM] span {transition:width 0.7s;}
[class^=btnIco_quickM]:hover span {position:static; width:108px; height:auto; margin:0; color:#fff; font-size:14px; vertical-align:middle; white-space:nowrap; clip:unset; clip-path:unset;}
.btnIco_quickMPay:after {background-position:-52px -52px;}
.btnIco_quickMHis:after {background-position:-52px -104px;}
.btnIco_quickMPro:after {background-position:-52px -156px;}

.btnIco_acco {width:30px; height:30px; background-image:url(../img/pc/common/btn_acco.png);}
.btnIco_more {width:30px; height:30px; margin:0 !important; border:1px solid #e1e1e1; border-radius:50%; background-image:url(../img/pc/common/btn_more.png); background-position:center center;}


/* 텍스트 버튼 */
[class^=btn_] {display:inline-block; min-width:160px; height:60px; padding:0 30px; border-radius:4px; font-size:18px; line-height:normal; text-align:center; vertical-align:middle; overflow:hidden;}
[class^=btn_].full {width:100%;}
[class^=btn_].round {min-width:180px; border-radius:30px;}
[class^=btn_].disabled,
[class^=btn_].disabled:hover,
[class^=btn_][disabled],
[class^=btn_][disabled]:hover {color:#888; background-color:#f2f2f2; cursor:default;}

.btn_p {background-color:#2b64ce; color:#fff;}
.btn_p:hover, .btn_p:focus {background-color:#0048ce;}
.btn_s {background-color:#dee3e6; color:#333;}
.btn_s:hover {background-color:#c7ced3;}
.btn_d {background-color:#546d82; color:#fff;}
.btn_d:hover {background-color:#364c5f;}
.btn_l {border:1px solid #546d82; background-color:#fff; color:#333;}
.btn_l:hover {border-color:#dee3e6; background-color:#dee3e6; color:#333;}
.btn_l[disabled],
.btn_l[disabled]:hover {border-color:#f2f2f2;}
.btn_i {background-color:#000; color:#fff;}
.btn_i:hover {color:#7ffaff;}

[class^=btn_].m {min-width:90px; height:42px; padding:0 15px; font-size:16px;}
[class^=btn_].s {min-width:90px; height:32px; padding:0 15px; border-radius:3px; font-size:14px;}
a[class^=btn_] {line-height:58px;}
span[class^=btn_].m,
a[class^=btn_].m {line-height:40px;}
a[class^=btn_].s,
span[class^=btn_].s {line-height:30px;}

.s.round {border-radius:16px;}
.btn_l.s {border-color:#c8c8c8;}
.btn_l.s:hover {border-color:#c8c8c8; background-color:#fff;}
.btn_l.s[disabled] {border-color:#f2f2f2;}

* + [class^=btn]:not(.btnArea) {margin-left:5px;}

[class^=btn_].down > span {display:inline-block; padding-right:20px;}
.btn_p.down > span {background:url(../img/pc/common/btnIco_p_down.png) no-repeat 100% center;}
.btn_l.down > span {background:url(../img/pc/common/btnIco_l_down.png) no-repeat 100% center;}

.btnArea {margin:70px 0; padding:0; font-size:0; text-align:center;}
.btnArea.sticky {position:fixed; bottom:0; left:0; width:100%; margin:0; padding:0;}
.btnArea [class^=btn] {margin:0 5px;}
.btnArea [class^=btn].m {min-width:160px;}

.btnArea.al,
.btnArea.ar {margin:20px 0 40px;}
.btnArea.al [class^=btn]:first-child {margin-left:0;}
.btnArea.ar [class^=btn]:last-child {margin-right:0;}

.btnArea.ar .txtM {display:inline-block; vertical-align:middle;}


/* 아이콘 + 텍스트 버튼 */
[class^=btnTxt_] > span {display:inline-block; background-repeat:no-repeat;}
.btnTxt_more {display:block; width:100%; height:60px; margin:30px 0 50px !important; border:1px solid #e0e0e0;}
.btnTxt_more span {padding-right:25px; background:url(../img/pc/common/ico_arrow.png) no-repeat 100% center;}

[class*=btnTxt_].s {display:inline-block; min-width:auto; height:32px; padding:0 18px 1px 19px; border:1px solid #c8c8c8; border-radius:3px; background-color:#fff; font-size:0;}
[class*=btnTxt_].s > span {padding-right:25px; color:#333; font-size:14px; line-height:29px;}
a[class*=btnTxt_].s,
span[class*=btnTxt_].s {padding-bottom:0;}
a[class*=btnTxt_].s > span,
span[class*=btnTxt_].s > span {line-height:30px;}

[class*=btnTxt_].m {display:inline-block; min-width:auto; height:42px; padding:0 15px; border:1px solid #c8c8c8; border-radius:4px; font-size:16px; line-height:40px;}
[class*=btnTxt_].m > span {padding-right:25px;}

.btnArea.ar .btnTxt_print:last-child{vertical-align:top; margin-right:auto;}
.btnTxt_anFee {padding-bottom:25px; background:url(../img/pc/content/btn_anFee.png) no-repeat center 100%; color:#222; font-size:16px; font-weight:700; text-align:center;}
.btnTxt_print span {background:url(../img/pc/common/ico_print.png) no-repeat right 8px;}
.btnTxt_email span {background:url(../img/pc/common/ico_email.png) no-repeat 100% center;}
.btnTxt_hide span {background:url(../img/pc/common/ico_hide.png) no-repeat 100% center;}
.btnTxt_unhide span {background:url(../img/pc/common/ico_unhide.png) no-repeat 100% center;}
.btnTxt_list span {background:url(../img/pc/common/ico_list.png) no-repeat 100% center;}
.btnTxt_save span {background:url(../img/pc/common/ico_save.png) no-repeat 100% center;}
.btnTxt_reset span {background:url(../img/pc/common/ico_reset.png) no-repeat 100% center;}
.btnTxt_benef span {background:url(../img/pc/common/ico_benef.png) no-repeat 100% center;}
.btnTxt_point span {background:url(../img/pc/common/ico_point.png) no-repeat 100% center;}


/*================================================ Link ================================================*/
/* links */
.links {display:inline-block; position:relative; margin:0 5px; color:#2b64ce; font-size:16px; line-height:1.5; white-space:nowrap;}
.links:after {content:''; position:absolute; bottom:2px; left:0; width:100%; border-bottom:1px solid #2b64ce;}
.links:focus,
.links:hover {color:#2b64ce !important;}
.links:focus:after,
.links:hover:after {border-color:#2b64ce !important;}
.links[disabled],
.links[disabled]:focus,
.links[disabled]:hover,
.links.disabled,
.links.disabled:focus,
.links.disabled:hover {color:#888 !important; cursor:inherit;}
.links[disabled]:after,
.links.disabled:after {border-color:#888 !important;}

.links + .links {margin-left:15px !important;}

.linkGroup {font-size:0; text-align:left;}
.linkGroup > .links {margin:3px 16px 3px 15px; color:#666; vertical-align:top;}
.linkGroup > .links:after {border-color:transparent;}
.linkGroup > .links:before {content:''; position:absolute; top:50%; right:-16px; height:12px; margin-top:-6px; border-right:1px solid #d2d2d2;}
.linkGroup > .links:not(.del):last-child:before {content:none;}

.links.arrow {margin:6px 0 2px 0; padding-right:13px; color:#2b64ce; background:url(../img/pc/common/ico_arrow4.png) no-repeat 100% center;}
.links.arrow:before,
.links.arrow:after {display:none;}
.linkGroup .links.arrow + .links.arrow {margin-left:25px !important;}

.linkBlock {display:table; width:100%; margin:50px 0; padding:24px 0 19px; background-color:#f8f8f8; table-layout:fixed;}
.linkBlock > span {display:table-cell; position:relative; text-align:center;}
.linkBlock > span:before {content:''; position:absolute; top:50%; left:0; height:20px; margin-top:-11px; border-right:1px solid #d2d2d2;}
.linkBlock > span:first-child:before {display:none;}
.linkBlock .links {color:#333; font-size:18px; font-weight:700;}
.linkBlock .links:after {display:none;}

/* 삭제버튼 */
.linkGroup > .links.del:before {right:-18px; width:16px; height:16px; margin-top:-8px; border: none; background: url(../img/pc/common/btn_close_date.png) no-repeat center; background-size: 10px}
.btn_l.del {position: relative; padding-right: 30px;}
.btn_l.del:after {content:''; position:absolute; right:12px; top:50%; width:10px; height:10px; margin-top:-4px; background: url(../img/pc/common/btn_close_date.png) no-repeat center; background-size: 10px}

/* 연관메뉴 */
.relatedArea .inner {display:table; width:100%; height:80px; padding:24px 15px; background-color:#f8f8f8;}
.relatedArea .linkGroup {display:table-cell; text-align:left; vertical-align:middle;}

.lonMenu {padding:26px 15px 24px; background-color:#f8f8f8;}
.lonMenu .links {color:#2b64ce;}
.lonMenu .links:before {margin-top:-5px; width:6px; height:10px; border:none; background:url(../img/pc/common/ico_arrow4.png) no-repeat 0 0;}
.lonMenu .links:last-child:before {content:'';}
.lonMenu .links + .links {margin-left:27px !important;}

/* hashTag */
/*.hashTag {display:inline-block; padding:4px 7px 3px; border:1px solid #0063cc; border-radius:15px; font-size:12px;}*/


/*================================================ Form ================================================*/
/* Grid - row */
.row {margin:0 -5px;}
.row:after {display:block; content:''; clear:both;}
.row > [class*=col_] {float:left; padding:0 5px;}
.row + .row {margin-top:10px;}
/* Grid - col */
[class*=col_] {display:inline-block; position:relative; min-height:1px; vertical-align:middle;}
.col_1 {width:8.3333% !important;}
.col_2 {width:16.6666% !important;}
.col_3 {width:25% !important;}
.col_4 {width:33.3333% !important;}
.col_5 {width:41.6666% !important;}
.col_6 {width:50% !important;}
.col_7 {width:58.3333% !important;}
.col_8 {width:66.6666% !important;}
.col_9 {width:75% !important;}
.col_10 {width:83.3333% !important;}
.col_11 {width:91.6666% !important;}
.col_12 {width:100% !important;}

/* basic */
.ipt {width:315px; height:42px; padding:0 14px 0; border:1px solid #c8c8c8; border-radius:4px; background-color:#fff; color:#333; font-size:16px; vertical-align:middle; transition:border-color ease-in-out 0.225s; -webkit-transition:border-color ease-in-out 0.225s;}
.ipt:focus {border-color:#2b64ce !important; /*box-shadow:0 0 6px rgba(0,104,212,0.9);*/ outline:rgba(0,0,0,0);}
.ipt:focus + label{outline:rgba(0,0,0,0);}
.ipt[disabled] {background-color:#f8f8f8; color:#909090;}
.ipt[readonly] {background-color:#f8f8f8;}
/* error */
.ipt.error {color:#e00000; border-color:#e00000; background-color:#fff5f5;}
.ipt.error:focus {/*box-shadow:0 0 5px rgba(237,15,15,0.9);*/}
/* success */
.ipt.success {border-color:#2b64ce;}
/* blue */
.ipt.blue {border-color:#b1d7e6; background-color:#e8f7ff;}
.ipt.blue:focus {background-color:#ecfeff;}
.ipt.blue[readonly] {background-color:#e8f7ff;}

/* select */
select.ipt {line-height:42px;}
select.ipt, .customSlt .ipt.asSlt {margin-right:5px; padding-right:40px; background:#fff url(../img/pc/common/btn_select.png) no-repeat right -2px center;}
select.ipt[disabled] {color:#333;}

.selectBtn {display:inline-block; position:relative; width:315px; height:46px; border:1px solid #c8c8c8; border-radius:4px; background-color:#fff; color:#333; font-size:16px; line-height:44px;}
.selectBtn button {position:absolute; top:0; bottom:0; left:0; width:100%; background:transparent url(../img/pc/common/btn_select.png) no-repeat 100% center;}
.selectBtn span {display:inline-block; width:100%; height:44px; padding:0 34px 0 13px; text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* textarea */
textarea.ipt {width:100%; min-height:120px; padding:12px 14px 9px; line-height:1.5; resize:none;}
td textarea.ipt {max-width:853px;}

/* datepicker, monthpicker */
.ipt.date,
.ipt.month {padding-right:35px;}
.iptWrap .ipt.mini,
.keypad.mini .ipt,
select.mini {width:145px !important;}
.dateWrap .ui-datepicker-trigger, .btnIco_month {background:transparent url(../img/pc/common/ico_calendar.png) no-repeat 100% center !important;}

.ipt.date[readonly],
.ipt.month[readonly],
.keypad .ipt[readonly] {border-color:#c8c8c8; background-color:#f8f8f8 !important;}
.ipt.date[readonly] + button,
.ipt.month[readonly] + button,
.keypad .ipt[readonly] + .btnIco_keypad {display:none;}

/* 보안키패드 */
.keypad {display:inline-block; position:relative; margin-right:10px;}
.keypad .ipt {margin-right:0; padding-right:40px; border-color:#b1d7e6; background-color:#e8f7ff !important; color: #2b64ce !important;}
.keypad .btnIco_keypad {position:absolute; top:1px; right:1px;}

/* 필수입력 label */
.required {display:inline-block; position:relative; margin-left:5px; width:5px; height:5px; border-radius:50%; background-color:#2b64ce; vertical-align:super;}
.required > span {display:inline-block; position:absolute; width:1px; height:1px; margin:-1px; border:0; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); clip-path:inset(50%);}

/* field관련 메시지 */
.fieldMsg {margin-top:5px; color:#0048ce; font-size:14px;}
.fieldMsg.error {color:#e8010c;}
.fieldMsg.success {color:#0048ce;}


/* 그룹 서식 기본 */
[class^=set] {display:inline-block; font-size:0; vertical-align:middle;}
[class^=set] .iptWrap {margin:0;}
[class^=set] select.ipt {margin:0 10px 0 0;}
[class^=set] .iptWrap + [class^=btn_].m {margin:0 0 0 10px;}
[class^=set] .sign {display:inline-block; width:25px; color:#222; font-size:16px; line-height:46px; text-align:center; vertical-align:middle;}
[class^=set] .keypad {margin:0;}

/* 카드번호 */
.setCard .ipt {width:100px;}
/*.setCard .keypad .ipt {width:121px;}*/

/* 사업자번호 */
.setThird .ipt {width:100px;}
.setThird.biz span.sign:first-of-type + .iptWrap .ipt {width:90px;}

/* 휴대폰번호 */
.setPhone select.ipt {width:90px;}
.setPhone select.agency {width:150px;}
.setPhone .ipt {width:215px; max-width:100%;}
.setPhone .setHalf .ipt {width:90px !important;}
/* 아파트주소 */
.setApt .ipt {width:585px;}
.setApt .iptWrap + .iptWrap {margin-left:10px;}
.setApt .iptWrap + .iptWrap .ipt {width:125px;}
/* 우편번호 */
.setBtnAdd .ipt,
.setZipCode .ipt {width:215px;}
/* 우편번호 */
.setBtnAdd select.ipt {width:185px;}
/* 이등분 - 주민번호, 기간선택 */
.setHalf .ipt,
.ipt.date,
.ipt.month {width:145px !important;}
.setHalf .iptWrap,
.setHalf .dateWrap {margin:0;}
.setHalf .keypad .ipt {width:170px;}
/*.setHalf .keypad.own .ipt {width:85px !important;}*/
.setTerm .ipt {width:90px; margin:0 !important;}
.setTerm .ipt + .ipt {margin-left:10px !important}

.keypad.letter2 {width:150px; background:url(../img/pc/common/ico_star.png) no-repeat 100% 14px;}
.keypad.letter2 .ipt {width:100px !important;}
.keypad.letter2 .btnIco_keypad {right:50px;}

/*.keypad.password {width:185px; background:url(../img/pc/common/ico_star.png) repeat-x 100% 16px;}
.keypad.password .ipt {width:145px;}
.keypad.password .btnIco_keypad {right:40px;}*/

.setSelect select.ipt {width:125px;}
.setSelect select.ipt + .ipt {width:180px; margin-right:0;}

.setFile {border:1px solid #c8c8c8; border-radius:4px; overflow:hidden;}
.setFile .ipt {width:318px; height:40px; border:none; border-radius:0;}
.setFile .btn_s {height:40px; margin:0 !important; border-radius:0;}

.srchBox .setHalf .ipt,
.srchBox .ipt.date,
.srchBox .ipt.month {width:157px !important;}
.srchBox .setHalf .sign {width:26px;}
.srchBox .iptWrap .ipt.mini,
.srchBox .mini + select.ipt {width:157px;}
select.ipt.mini,
.setPhone select.ipt {padding-right:25px; background-color: transparent;}
select.ipt.mini[disabled],
.setPhone select.ipt[disabled] {background-color: #f8f8f8;}

.btnGroup {display:block; margin:5px 0 5px !important;}
.btnGroup [class^=btn_] {min-width:70px; margin:0 !important; padding:0 10px;}

.cardSel {display:block; position:relative; width:100%; min-height:70px; padding:12px 60px 12px 102px; border:1px solid #c8c8c8; border-radius:4px; color:#333; background-color:#fff; font-size:16px; cursor:pointer;}
.cardSel:before {content:''; position:absolute; top:50%; right:17px; width:16px; height:11px; margin-top:-5px; background:url(../img/pc/common/ico_arrow.png) no-repeat 0 0; transition:transform 0.25s;}
.cardSel:after {display:block; content:''; clear:both;}
.cardSel:hover {border-color:#2b64ce;}
.cardSel .cardImg {display:inline-block; position:relative; float:left; left:-102px; width:102px; margin-right:-102px; padding-right:8px; text-align:center;}
.cardSel .cardImg img {max-width:70px; max-height:70px; border-radius:3px;}
.cardSel .tit {float:left; width:100%; margin:0 !important; line-height:44px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.cardSel .tit.vertical {line-height:70px;}
.cardSel.on .tit {font-weight:700;}

div.cardSel {padding:12px 60px 12px 90px; border:0; cursor:default;}
div.cardSel:before {display:none;}

.cardSelListWrap {display:none; position:absolute; left:0; right:0; max-height:280px; margin-top:10px; border:1px solid #c8c8c8; border-radius:4px; overflow:auto; z-index:100;}
.cardSelListWrap .cardSelList {display:block; margin:0;}
.cardSelList {display:none; overflow:hidden;}
.cardSelList .cardSel {border:none; border-radius:0;}
.cardSelList .cardSel:before {display:none;}
.cardSelList .cardSel:hover {background-color:#ecfeff;}
.cardSelList .cardSel:focus {background-color:#ecfeff;}
.customSlt.cardSlt.on .cardSelListWrap {display: block;}
.customSlt.cardSlt.on .cardSel {border-color:#2b64ce;}
.customSlt.cardSlt.on .cardSel:before {transform:rotate(180deg); -ms-transform:rotate(180deg);}

.formTbl .customSlt.cardSlt {max-width:855px;}
.srchBox .customSlt.cardSlt {max-width:823px;}



.tableY .tit,
.srchBox .tit {margin:10px 0; color:#333; font-weight:700;}
.tableY .txt {color:#666; font-size:14px;}
.srchBox .txt {color:#666;}
.tableY span.txt,
.srchBox span.txt {display:inline-block; max-width:480px; max-height:46px; margin:0 5px; padding-right:15px; vertical-align:middle;}
.tableY p.txt,
.srchBox p.txt {margin-top:10px;}
.tableY .txt > *,
.srchBox .txt > * {vertical-align:middle;}


/*.formTbl * + [class^=btn_] {margin-left:5px;}*/
/*.formTbl * + .iptBtn {margin-top:10px;} H1CRD112S08*/
td .dateWrap,
td .iptWrap,
td .keypad,
td [class^=set],
td select.ipt,
td ul,
td [type=email].notDel,
td [class^=btn_].m {margin:5px 7px 5px 0;}
td .singleIpt {margin:5px 7px 5px 0;}
td [class^=btn_].s {min-width:auto; margin-right:5px; margin-left:5px; padding:0 15px;}
td .txtList_guide {margin:5px 0 !important; padding-bottom:3px !important; background-position:0 0; font-size:14px;}
td .btnGroup + .txtList_guide {margin:10px 0 0 !important;}
td .termsWrap {margin-bottom:0;}

.tableX td .iptWrap {margin-right:0;}
.tableX td .iptWrap + [class^=btn_].m {margin-left:5px;}


/*================================================ Form - checkbox & radio ================================================*/
.ipt[type='checkbox'],
.ipt[type='radio'] {position:absolute; top:auto; width:22px; height:22px; opacity:0; z-index:-1;}
.ipt[type='checkbox'] + label,
.ipt[type='radio'] + label {display:inline-block; position:relative; padding-left:30px; color:#333; line-height:1.5; vertical-align:top; cursor:pointer; z-index:1;}
.ipt[type='checkbox'] + label:before,
.ipt[type='radio'] + label:before {display:inline-block; content:''; position:absolute; top:2px; left:0; width:22px; height:22px; margin:0 8px 0 0; border:1px solid #c8c8c8; border-radius:2px; background-color:#fff; vertical-align:top; overflow:hidden; box-sizing:border-box; transition:background-color ease-in-out 0.225s;}
.ipt[type='checkbox'] + label:hover,
.ipt[type='radio'] + label:hover,
.ipt[type='checkbox']:focus + label,
.ipt[type='radio']:focus + label {/*text-decoration:underline;*/}
.ipt[type='checkbox'] + label:hover:before,
.ipt[type='radio'] + label:hover:before,
.ipt[type='checkbox']:focus + label:before,
.ipt[type='radio']:focus + label:before {border-color:#2b64ce;}
/* checkbox */
.ipt[type='checkbox']:checked + label:before {border-color:#2b64ce; background:#2b64ce url(../img/pc/common/ico_checkbox.png) no-repeat 3px 4px; transition:background-color 0s;}
.ipt[type='checkbox']:checked + label:hover:before,
.ipt[type='checkbox']:checked:focus + label:before {border-color:#000;}
/*.ipt[type='checkbox']:checked + label:after {
	content:''; position:absolute; top:4px; left:0; width: 20px; height: 16px; background: #0063cc; z-index:2;
	-webkit-animation: chkmotion 0.25s 1 linear forwards;
	animation: chkmotion 0.25s 1 linear forwards;
}
@-webkit-keyframes chkmotion {0%{width: 20px; left:0}45%{width: 12px; left:8px;}75%{width: 12px; left:8px;}100%{width: 0; left:20px;}}
@keyframes chkmotion {0%{width: 20px; left:0}55%{width: 12px; left:8px;}65%{width: 12px; left:8px;}100%{width: 0; left:20px;}}
@-webkit-keyframes chkmotionBlk {0%{width: 20px; left:-27px}45%{width: 12px; left:-19px;}75%{width: 12px; left:-19px;}100%{width: 0; left:-7px;}}
@keyframes chkmotionBlk {0%{width: 20px; left:-27px}55%{width: 12px; left:-19px;}65%{width: 12px; left:-19px;}100%{width: 0; left:-7px;}}
.ie .iptGroup input[type='checkbox']:checked+label:after {content:none;}
@keyframes iptGlow {
	0%{box-shadow: 0px 0px 6px 0px rgba(0,104,212,0.9);}
	30%{box-shadow: 0px 0px 6px 0px rgba(0,104,212,0.9);}
	50%{box-shadow: 0px 0px 13px 0px rgba(0,104,212,0.9);}
	100%{box-shadow: 0px 0px 6px 0px rgba(0,104,212,0.9);}
}*/

/* radio */
.ipt[type='radio'] + label:before {border-radius:50%; box-shadow:inset 0 0 0 12px #fff; transition:border 0.225s, box-shadow ease-in-out 0.225s;}
.ipt[type='radio']:checked + label:before {border:none; background-color:#fff; box-shadow:inset 0 0 0 6px #2b64ce;}
.ipt[type='radio']:checked + label:hover:before,
.ipt[type='radio']:checked:focus + label:before {border:none; box-shadow:inset 0 0 0 4px #2b64ce;}

/* disabled */
.ipt[type='checkbox'][disabled] + label,
.ipt[type='radio'][disabled] + label,
.ipt[type='checkbox'][readonly] + label, 
.ipt[type='radio'][readonly] + label {color:#888; cursor:default;}
.ipt[type='checkbox'][disabled] + label:before,
.ipt[type='radio'][disabled] + label:before,
.ipt[type='checkbox'][readonly] + label:before,
.ipt[type='radio'][readonly] + label:before {border-color:#c8c8c8; background-color:#c8c8c8;}
.ipt[type='checkbox'][disabled]:checked + label:before,
.ipt[type='checkbox'][readonly]:checked + label:before {background-color:#c8c8c8;}
.ipt[type='radio'][disabled] + label:before,
.ipt[type='radio'][readonly] + label:before {box-shadow:inset 0 0 0 12px #c8c8c8;}
.ipt[type='radio'][disabled]:checked + label:before,
.ipt[type='radio'][readonly]:checked + label:before {background-color:#fff; box-shadow:inset 0 0 0 6px #c8c8c8;}

.single {display:inline-block; position:relative; vertical-align:middle; overflow:hidden;}
.single label {width:22px; height:22px; padding-left:23px !important; font-size:1px; overflow:hidden; color:transparent !important;}
.single label:before {top:0 !important;}
.singleIpt {display:inline-block; position:relative;}
.singleIpt + .singleIpt {margin-left:20px;}

/* iptGroup */
.iptGroup {vertical-align:middle;}
.iptGroup > li {display:inline-block; position:relative; padding:5px 20px 4px 0; vertical-align:top;}
.iptGroup > li:last-child {padding-right:0;}
.iptGroup.vertical > li {display:block;}

/* iptBtn */
.iptBtn {display:inline-block; font-size:0; vertical-align:middle;}
.iptBtn:after {display:block; content:''; clear:both;}
.iptBtn li {display:inline-block; float:left; margin-left:-1px; padding:0; text-align:center;}
.iptBtn .ipt + label,
.iptBtn button {min-width:114px; padding:0 19px; border:1px solid #D5D5D5; background-color:#fff; color:#333; font-size:16px; letter-spacing:-0.05em; line-height:40px; vertical-align:middle;}
.iptBtn button {position: relative; z-index: 1}
.iptBtn .ipt + label:before,
.iptBtn button:before {display:none;}
.iptBtn .ipt:checked + label,
.iptBtn .on button {border-color:#00379E; background-color:#f6feff; color:#2b64ce; z-index:2;}
.iptBtn .ipt:focus + label,
/*.ipt[type='checkbox']:focus + label:before, 
.ipt[type='radio']:focus + label:before,*/
.single .ipt:focus + label,
.iptCertiTab .ipt:focus + label,
.chkBoard .ipt:focus + label {outline: 1px dotted black;}
.chkBoard .ipt:focus + label:before {outline: rgba(0,0,0,0)}
table .single {overflow: visible;}
.iptBtn li:first-child{margin-left:0;}
.iptBtn li:first-child label,
.iptBtn li:first-child button {border-top-left-radius:5px; border-bottom-left-radius:5px}/* 1개일때 스타일이 적용 안되어서 쪼개서 radius 설정 */
.iptBtn li:last-child label,
.iptBtn li:last-child button {border-top-right-radius:5px; border-bottom-right-radius:5px;}/* 1개일때 스타일이 적용 안되어서 쪼개서 radius 설정 */

.iptBtn.mini li label {min-width:78px;}

/* 분할 */
/*.iptGroup[class*=div_] {padding-bottom:1px;}
.iptGroup[class*=div_]:after {display:block; content:''; clear:both;}
.iptGroup[class*=div_] li {display:table; float:left; margin-bottom:-1px;}
.iptGroup[class*=div_] .ipt + label {display:table-cell; position:relative; vertical-align:middle;}*/

.iptBtn.div_4 {width:453px;}
.iptBtn[class*=div_] li {margin-bottom:-1px;}
.iptBtn[class*=div_] li:first-child {margin-left:0;}
.iptBtn.div_2 li:nth-child(3),
.iptBtn.div_3 li:nth-child(4),
.iptBtn.div_4 li:nth-child(5) {margin-left:0;}
.iptBtn[class*=div_] li:first-child label {border-radius:5px 0 0 0;}
.iptBtn.div_2 li:nth-child(2) label,
.iptBtn.div_3 li:nth-child(3) label,
.iptBtn.div_4 li:nth-child(4) label {border-radius:0 5px 0 0;}
.iptBtn.div_2 li:nth-child(3) label,
.iptBtn.div_3 li:nth-child(4) label,
.iptBtn.div_4 li:nth-child(5) label {border-radius:0 0 0 5px;}
.iptBtn[class*=div_] li:last-child label {border-radius:0 0 5px 0;}


/* iptPageTab 탭 */
.iptPageTab {display:table; width:100%; max-width:1080px; margin:0 auto 50px; font-size:0; vertical-align:middle; table-layout:fixed;}
.iptPageTab li {display:table-cell; padding:0; text-align:center; vertical-align:middle;}
.iptPageTab .ipt + label {width:100%; height:52px; padding:13px 15px 0; border:1px solid #c8c8c8; border-left:none; background-color:#fff; color:#222; font-size:16px; letter-spacing:-0.05em;}
.iptPageTab li:first-child label {border-left:1px solid #c8c8c8}
.iptPageTab .ipt + label:before {display:none;}
.iptPageTab .ipt:checked + label {border-color:#2b64ce; background-color:#2b64ce; color:#fff; z-index:2;}
.iptPageTab .ipt:focus-visible + label {outline: 2px solid #000 !important;}

.iptPageTab label .ico {margin-right:5px; vertical-align:middle;}

/* 카테고리 아이콘 */
.iptPageTab[class*=category] .ipt + label {height:130px; padding-top:80px;}
.iptPageTab[class*=category] label:before {display:block; top:30px; left:50%; width:40px; height:35px; margin-left:-20px; border:none; border-radius:0; background:transparent url(../img/pc/content/categoryTab_ico.png?210813000001) no-repeat 0 0 !important; box-shadow:none !important; transition:none;}

.categoryTab .vvip label:before {background-position:0 0 !important;}
.categoryTab .premium label:before {background-position:-40px 0 !important;}

.categoryTab .shop label:before {background-position:0 -36px !important;}
.categoryTab .mileage label:before {background-position:-40px -36px !important;}
.categoryTab .oil label:before {background-position:-80px -36px !important;}
.categoryTab .biz label:before {background-position:-120px -36px !important;}

.categoryTab .communication label:before {background-position:-80px -76px !important;}
.categoryTab .overseas label:before {background-position:-120px -78px !important;}
.categoryTab .partner label:before {background-position:-40px -152px !important;}

.categoryTab .rental label:before {background-position:-40px -117px !important;}
.categoryTab .group label:before {background-position:-160px -117px !important;}
.categoryTab .culEdu label:before {background-position:-205px -117px !important;}
.categoryTab .checkcard label:before {background-position:-160px -76px !important;}

.iptPageTab[class*=ico] .ipt + label {height:130px; padding-top:80px;}
.iptPageTab[class*=ico] label:before {display:block; top:30px; left:50%; width:40px; height:35px; margin-left:-20px; border:none; border-radius:0; background:transparent url(../img/pc/content/pageTab_ico.png?210813000001) no-repeat 0 0 !important; box-shadow:none !important; transition:none;}

/* 체크카드 */
.icoChkc .prem label:before {background-position:0 0 !important;}
.icoChkc .life label:before {background-position:-40px 0 !important;}
.icoChkc .poin label:before {background-position:-80px 0 !important;}
.icoChkc .sale label:before {background-position:-120px 0 !important;}
.icoChkc .over label:before {background-position:-160px 0 !important;}
/* 혜택 */
.icoBene .shop label:before {background-position:0 -35px !important;}
.icoBene .educ label:before {background-position:-40px -35px !important;}
.icoBene .oili label:before {background-position:-80px -35px !important;}
.icoBene .trav label:before {background-position:-120px -35px !important;}
.icoBene .comm label:before {background-position:-160px -35px !important;}
.icoBene .publ label:before {background-position:-200px -35px !important;}
.icoBene .etc label:before {background-position:-240px -35px !important;}
/* 이벤트 */
.icoEvent .all label:before {background-position:0 -70px !important;}
.icoEvent .all .ipt:checked + label:before {background-position:0 -105px !important;}
.icoEvent .life label:before {background-position:-40px -70px !important;}
.icoEvent .car label:before {background-position:-80px -70px !important;}
.icoEvent .trav label:before {background-position:-120px -70px !important;}
.icoEvent .cult label:before {background-position:-160px -70px !important;}
.icoEvent .pay label:before {background-position:-200px -70px !important;}
.icoEvent .card label:before {background-position:-240px -70px !important;}
.icoEvent .chk label:before {background-position:-280px -70px !important;}
.icoEvent .prd label:before {background-position:-320px -70px !important;}
.icoEvent .fin label:before {background-position:-360px -70px !important;}
.icoEvent li label[for="E000032"]:before {background-position: -240px -70px !important;}
.icoEvent li label[for="E000034"]:before {background-position: -360px -70px !important;}
.icoEvent li label[for="E000041"]:before,
.icoEvent li label[for="E000047"]:before {background-position: -280px -35px !important;}
.icoEvent li label[for="E000045"]:before,
.icoEvent li label[for="E000048"]:before {background-position: -160px -35px !important;}
.icoEvent li label[for="E000049"]:before {background-position: -40px -105px !important;}

.iptMainTab {display:table; width:100%; max-width:1080px; margin:0 auto 50px; font-size:0; vertical-align:middle; table-layout:fixed;}
.iptMainTab li {display:table-cell; position:relative; padding:0; text-align:center; vertical-align:middle;}
.iptMainTab li:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background-color:#000; z-index:2;}
.iptMainTab .ipt + label {width:100%; height:50px; padding:13px 19px 0; border:1px solid transparent; border-bottom-color:#333; background-color:#f2f2f2; color:#666; font-size:16px; letter-spacing:-0.05em;}
.iptMainTab .ipt + label:before {display:none;}
.iptMainTab .ipt:checked + label {border-color:#333; border-bottom-color:#fff; background-color:#fff; color:#222; font-weight:700; z-index:3;}
.iptMainTab .ipt + label:after {content:''; position:absolute; top:16px; left:-2px; width:1px; height:18px; background-color:#c8c8c8;}
.iptMainTab .ipt:checked + label:after,
.iptMainTab li:first-child label:after {display:none;}


/* iptEtcTab 탭 */
.iptEtcTab {display:table; width:100%; font-size:0; vertical-align:middle; table-layout:fixed;}
.iptEtcTab li {display:table-cell; padding:0; text-align:center; vertical-align:middle;}
.iptEtcTab .ipt + label {width:100%; height:52px; padding:13px 19px 0; border:1px solid #e0e0e0; border-left-color:#fff; background-color:#fff; color:#666; font-size:16px; letter-spacing:-0.05em;}
.iptEtcTab li:first-child label {border-left-color:#e0e0e0}
.iptEtcTab .ipt + label:before {display:none;}
.iptEtcTab .ipt:checked + label {border-color:#333 !important; color:#222; font-weight:700; z-index:2;}

.iptEtcTab[class*=div_] {display:block; width:auto; margin-right:-5px; padding:0 0 1px 1px;}
.iptEtcTab[class*=div_]:after {display:block; content:''; clear:both;}
.iptEtcTab[class*=div_] > li {display:inline-block; float:left; margin:0 0 -1px -1px;}
.iptEtcTab[class*=div_] .ipt + label {border-left:1px solid #e0e0e0;}

.iptEtcTab.div_2 > li {width:50%;}
.iptEtcTab.div_3 > li {width:33.3333%;}
.iptEtcTab.div_4 > li {width:25%;}
.iptEtcTab.div_5 > li {width:20%;}


/* 토글 */
.toggleBtnArea .tit {display:inline-block; padding:2px 5px 0 0; color:#222; vertical-align:middle;}
.toggleSwitch {display:inline-block; position:relative; margin:0; padding:3px 0 0; font-size:0; vertical-align:middle;}
.toggleSwitch input {position:absolute; top:0; width:20px; height:20px; opacity:0; z-index:0;}
.toggleSwitch input + label {display:inline-block; position:relative; width:84px; height:22px; background-color:#c8c8c8; border-radius:11px; cursor:pointer; transition:background 0.4s; -webkit-transition:background 0.4s; -moz-transition:background 0.4s; -o-transition:background 0.4s;}
.toggleSwitch input + label:after {display:block; content:''; position:absolute; top:2px; left:2px; bottom:0; width:40px; height:18px; margin-left:40px; border:none; background-color:#fff; border-radius:9px; box-sizing:border-box; transition:margin 0.4s; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); box-shadow:0 1px 2px rgba(0, 0, 0, 0.15); z-index:1; -webkit-transition:margin 0.4s; -moz-transition:margin 0.4s; -o-transition:margin 0.4s;}
.toggleSwitch input + label:before {display:none;}
.toggleSwitch input + label > span {display:inline-block; position:absolute; top:2px; width:40px; height:18px; color:#fff; font-size:11px; font-weight:700; line-height:18px; text-align:center; overflow:hidden; z-index:2;}
.isIE .toggleSwitch input + label > span {line-height:20px;}
.toggleSwitch input + label .off {right:2px; color:#999;}
.toggleSwitch input + label .on {right:auto; left:2px;}
.toggleSwitch input:checked + label {background-color:#2b64ce;}
.toggleSwitch input:checked + label:after {margin-left:0;}
.toggleSwitch input:checked + label .off {color:#fff; transition:color 0.4s;}
.toggleSwitch input:checked + label .on {color:#2b64ce; transition:color 0.4s;}


/* 게시판 Sorting */
.bbsSort {display:inline-block;}
.bbsSort li {padding:0;}
.bbsSort li + li {margin-left:12px; padding-left:15px;}
.bbsSort li + li:before {content:''; position:absolute; top:50%; left:0; height:13px; margin-top:-6px; border-right:1px solid #d2d2d2;}
.bbsSort .ipt + label,
.bbsSort li button {position:relative; display:block; padding-left:0; color:#666; font-size:14px;}
.bbsSort .ipt + label:before {display:none;}
.bbsSort .ipt:checked + label,
.bbsSort li.on button {padding-left:25px; color:#333;}
.bbsSort .ipt:checked + label:before,
.bbsSort li.on button:before {content:''; display:block; position:absolute; top:1px; left:0; width:20px; height:20px; margin-right:5px; border:none; background:transparent url(../img/pc/common/ico_common.png) no-repeat -120px 0; box-shadow:none;}
.bbsSort .ipt:checked + label:hover:before,
.bbsSort .ipt:checked:focus + label:before {box-shadow:none}
.bbsSort .ipt:focus + label {outline: 1px dotted black;}

/* chkBoard */
.chkBoard {margin:-12px -12px 0;}
.chkBoard:after {display:block; content:''; clear:both;}
.chkBoard > li {float:left; width:20%; padding:12px !important;}
.chkBoard label {width:100%; padding:26px 0 24px !important; border:1px solid #eee; border-radius:9px; background-color:#f9f9f9; text-align:center;}
.chkBoard label:before {display:none !important;}
.chkBoard label:hover {background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.chkBoard .ipt:focus + label {text-decoration:none !important;}
.chkBoard .ipt:checked + label {border-color:#2b64ce; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,0.15);}
.chkBoard [class^=item_] {height:158px; padding:100px 0 0 !important;}
.chkBoard .ipt:checked + [class^=item_]:after {background-color:transparent; animation:none; -webkit-animation:none;}
.chkBoard .ipt + [class^=item_]:after {content:''; position:absolute; top:38px !important; left:50% !important; width:60px !important; height:54px !important; margin-left:-30px; background-image:url(../img/pc/common/ico_chkBoard.png) !important; background-repeat:no-repeat; background-position:0 0;}
.chkBoard .item_2:after {background-position:-60px 0 !important;}
.chkBoard .item_3:after {background-position:-120px 0 !important;}
.chkBoard .item_4:after {background-position:0 -60px !important;}
.chkBoard .item_5:after {background-position:-60px -60px !important;}
.chkBoard .item_6:after {background-position:-120px -60px !important;}
.chkBoard .item_7:after {background-position:-180px -60px !important;}
.chkBoard .item_8:after {background-position:-240px -60px !important;}
.chkBoard .item_9:after {background-position:0 -120px !important;}
.chkBoard .item_10:after {background-position:-60px -120px !important;}
.chkBoard .item_11:after {background-position:-120px -120px !important;}
.chkBoard .item_12:after {background-position:-180px -120px !important;}
.chkBoard .item_13:after {background-position:-240px -120px !important;}
.chkBoard .item_14:after {background-position:0 -180px !important;}
.chkBoard .item_15:after {background-position:-60px -180px !important;}
.chkBoard .item_16:after {background-position:-120px -180px !important;}
.chkBoard .item_17:after {background-position:-180px -180px !important;}
.chkBoard .item_18:after {background-position:-240px -180px !important;}
.chkBoard .item_19:after {background-position:0 -240px !important;}
.chkBoard .item_20:after {background-position:-60px -240px !important;}
.chkBoard .item_21:after {background-position:-120px -240px !important;}
.chkBoard .item_22:after {background-position:-180px -240px !important;}
.chkBoard .item_23:after {background-position:-240px -240px !important;}
.chkBoard .item_24:after {background-position:0 -300px !important;}
.chkBoard .item_25:after {background-position:-60px -300px !important;}
.chkBoard .item_26:after {background-position:-120px -300px !important;}
.chkBoard .item_27:after {background-position:-180px -300px !important;}

/* chkBoard - 카드선택 */
.chkBoard.card > li {width:50%;}
.chkBoard.card label {height:205px; padding-top:140px !important; font-size:20px; font-weight:700;}
.chkBoard.card [class^=srchCard_] {background-image:url(../img/pc/common/card_credit.png); background-repeat:no-repeat; background-position:center 41px;}
.chkBoard.card .ipt:checked + .srchCard_1 {background-image:url(../img/pc/common/card_credit_on.png);}
.chkBoard.card .srchCard_2 {background-image:url(../img/pc/common/card_check.png);}
.chkBoard.card .ipt:checked + .srchCard_2 {background-image:url(../img/pc/common/card_check_on.png);}
.chkBoard.card label:before {display:inline-block !important; top:14px; right:14px; left:auto; width:30px; height:30px; margin:0; border:1px solid #c9c9c9; background:#fff url(../img/pc/common/ico_checkbox_card1.png) no-repeat center center; box-shadow:none;}
.chkBoard.card .ipt:checked + label:before {border-color:#2b64ce; background:#2b64ce url(../img/pc/common/ico_checkbox_card2.png) no-repeat center center;}

/* chkBoard - 서비스 선택 */
.chkBoard[class*=woori_] {margin-top:-5px;}
.chkBoard[class*=woori_] label {padding-top:35px !important; color:#666;}
.chkBoard[class*=woori_] label:before,
.chkBoard.svcSel label:before {display:inline-block !important; top:14px; right:14px; left:auto; width:30px; height:30px; margin:0; border:1px solid #c9c9c9; background:#fff url(../img/pc/common/ico_checkbox_card1.png) no-repeat center center; box-shadow:none;}
.chkBoard[class*=woori_] .ipt:checked + label,
.chkBoard.svcSel .ipt:checked + label {color:#222;}
.chkBoard[class*=woori_] .ipt:checked + label:before,
.chkBoard.svcSel .ipt:checked + label:before {border-color:#2b64ce; background:#2b64ce url(../img/pc/common/ico_checkbox_card2.png) no-repeat center center;}
.chkBoard[class*=woori_] .tit {display:block;}

/* chkBoard - 우리e-Choice */
.chkBoard.woori_e > li {width:50%;}
.chkBoard.woori_e label {height:200px; color:#666;}
.chkBoard.woori_e .block {display:inline-block;}
.chkBoard.woori_e .block + .block {padding-left:85px; background:url(../img/pc/common/ico_plus.png) no-repeat 33px 33px;}
.chkBoard.woori_e .tit {padding:15px 0 10px;}
.chkBoard.woori_e .desc {font-size:20px; font-weight:700;}

/* chkBoard - 우리V카드-Select */
.chkBoard.woori_v > li {width:33.3333%;}
.chkBoard.woori_v label {height:240px;}
.chkBoard.woori_v label:after {content:''; position:absolute; top:82px !important; left:50% !important; width:60px !important; height:54px !important; margin-left:-30px; background-image:url(../img/pc/common/ico_chkBoard_select.png) !important; background-repeat:no-repeat; background-position:0 0;}
.chkBoard.woori_v .family:after {background-position:-60px 0;}
.chkBoard.woori_v .life:after {background-position:-120px 0;}
.chkBoard.woori_v .tit {padding-bottom:95px; font-size:20px; font-weight:700;}

.chkBoard.svcSel {margin:-5px -10px 0;}
.chkBoard.svcSel > li {width:100%; padding:10px !important;}
.chkBoard.svcSel label {color:#666; text-align:left;}
.chkBoard.svcSel .tit {display:inline-block; width:190px; padding-left:75px; font-size:18px; font-weight:700;}
.chkBoard.svcSel label:before {top:50%; left:30px; margin:-15px 0 0 0; border-radius:50%;}

.objecTbl.chk {margin-top:20px;}
.objecTbl.chk .th {font-size:20px;}
.objecTbl.chk .chkBoard {margin:3px -12px;}
.objecTbl.chk .chkBoard > li {width:33.3333%; padding:7px 12px !important;}
.objecTbl.chk .chkBoard label {padding:23px 0 21px !important;}


/*================================================ 공통인증 ================================================*/
ul.certiTab {display:inline-block !important; margin:5px 0 10px; padding:0 0 0 1px; font-size:0;}
ul.certiTab > li {display:inline-block !important; min-width:155px; height:50px; margin-left:-1px; padding:0; border:1px solid #D5D5D5; background-color:#fff; color:#333 !important; font-size:16px !important; line-height:44px !important;}
.tabList.certiTab li.on {font-weight: normal;} 
.popWrap  ul.certiTab > li {min-width:140px;}
ul.certiTab > .on {border-color:#00379E; color:#2b64ce !important;}
.certiTab [class^=ico_],
.iptCertiTab [class^=ico_] {display:inline-block; position:relative; margin:0 10px; padding-left:29px; line-height:48px;}
.certiTab [class^=ico_]:before,
.iptCertiTab [class^=ico_]:before {content:''; position:absolute; top:50%; left:0; width:22px; height:22px; margin-top:-11px; background:url(../img/pc/common/certi_ico.png) no-repeat 0 0;}
.certiTab .ico_accre:before,
.iptCertiTab .ico_accre:before {background-position:-30px 0;}
.certiTab .ico_phone:before,
.iptCertiTab .ico_phone:before {background-position:-60px 0;}
.certiTab .ico_login:before,
.certiTab .ico_ipin:before,
.iptCertiTab .ico_ipin:before {background-position:-90px 0;}
.certiTab .ico_idCard:before,
.iptCertiTab .ico_idCard:before {background-position:-120px 0;}
.certiTab .ico_app:before,
.iptCertiTab .ico_app:before {background-position:-150px 0;}
.certiTab .ico_kakao:before,
.iptCertiTab .ico_kakao:before {background-position:-180px 0;}
.certiTab .ico_accCert:before,
.iptCertiTab .ico_accCert:before {background-position:-180px 0;}


.certiTab > li:hover {color:#2b64ce !important;}
.certiTab > li:hover .ico_card:before,
.certiTab .on .ico_card:before,
.iptCertiTab .ipt:checked + label .ico_card:before {background-position:0 -25px;}
.certiTab > li:hover .ico_accre:before,
.certiTab .on .ico_accre:before,
.iptCertiTab .ipt:checked + label .ico_accre:before {background-position:-30px -25px;}
.certiTab > li:hover .ico_phone:before,
.certiTab .on .ico_phone:before,
.iptCertiTab .ipt:checked + label .ico_phone:before {background-position:-60px -25px;}
.certiTab > li:hover .ico_ipin:before,
.certiTab .on .ico_ipin:before,
.iptCertiTab .ipt:checked + label .ico_ipin:before {background-position:-90px -25px;}
.certiTab > li:hover .ico_idCard:before,
.certiTab .on .ico_idCard:before,
.iptCertiTab .ipt:checked + label .ico_idCard:before {background-position:-120px -25px;}
.certiTab > li:hover .ico_app:before,
.certiTab .on .ico_app:before,
.iptCertiTab .ipt:checked + label .ico_app:before {background-position:-150px -25px;}
.certiTab > li:hover .ico_kakao:before,
.certiTab .on .ico_kakao:before,
.iptCertiTab .ipt:checked + label .ico_kakao:before {background-position:-180px -25px;}
.certiTab > li:hover .ico_accCert:before,
.certiTab .on .ico_accCert:before,
.iptCertiTab .ipt:checked + label .ico_accCert:before {background-position:-180px -25px;}


.iptCertiTab {display:table;}
.iptCertiTab li {display:table-cell; padding:0; text-align:center; vertical-align:middle;}
.iptCertiTab .ipt + label {display:block; height:50px; padding:13px 19px 0; margin-left:-1px; padding:0; border:1px solid #D5D5D5; background-color:#fff; color:#333; font-size:16px; line-height:48px;}
.iptCertiTab li:first-child label {border-left-color:#D5D5D5}
.iptCertiTab .ipt + label:before {display:none;}
.iptCertiTab .ipt:checked + label {border-color:#00379E !important; color:#2b64ce; z-index:2;}

.idCardCerti {margin-top:5px;}
.idCardCerti .form {margin-top:5px;}
.idCardCerti .driver {display:inline-block;}
.idCardCerti .driver .ipt {width:110px;}

.appCerti {margin-top:10px; padding:65px 0 70px; border-top:1px solid #333; border-bottom:1px solid #e0e0e0; text-align:center;}
.appCerti p {color:#222;}
.appCerti .btnArea {margin:30px 0 0; padding:0;}
.appCerti [class^=btn_].m {min-width:110px;}

/* 본인인증 인증서 탭 아이콘 */
label[for="btnCert"] {padding-left: 50px !important;background: url('../img/pc/content/ico_certi_cert.png') 18px center no-repeat;background-size:auto 22px;}
label[for="btnFinCert"] {padding-left: 50px !important;background: url('../img/pc/content/ico_finance_cert.png') 18px center no-repeat;background-size:auto 22px;}
label[for="btnNaverCert"] {padding-left: 50px !important;background: url('../img/pc/content/ico_naver_cert_gcircle.png') 18px center no-repeat;background-size:auto 22px;}
label[for="btnPaycoCert"] {padding-left: 50px !important;background: url('../img/pc/content/ico_payco_cert_gcircle.png') 18px center no-repeat;background-size:auto 22px;}
label[for="btnTossCert"] {padding-left: 50px !important;background: url('../img/pc/content/ico_toss_cert_circle.png') 18px center no-repeat;background-size:auto 22px;}

/* 페이코인증서 팝업 */
.paycoCrtPrg li{overflow: hidden; margin-bottom: 20px;}
.paycoCrtPrg li:last-child{margin-bottom: 0;}
.paycoCrtPrg li > div{ float: left;}
.paycoCrtPrg li > .step{ width: 68px; height: 28px; line-height: 28px; margin-top: 2px; background-color: #2b64ce; color: #fff; text-align: center; font-size: 13px; font-weight: bold; border-radius: 15px;}
.paycoCrtPrg li > .cont{ max-width: calc(100% - 68px); width: 100%; padding-left: 30px; font-size: 20px; font-weight: bold; color: #000;}
.paycoCrtPrg .guideBox.extra {padding: 20px 30px;}
.paycoCrtPrg .guideBox.extra .titH4{font-size: 16px !important;}
.paycoCrtPrg .guideBox.extra [class*=txtList_] > li{font-size: 14px !important; padding-left: 24px; overflow: visible;}

/*================================================ Progress ================================================*/
.progress {margin-bottom:40px; text-align:right;}
.progress ol {display:inline-block; position:relative; counter-reset:section; font-size:0;}
.progress ol:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#c8c8c8; z-index:0;}
.progress li {display:inline-block; position:relative; width:40px; height:40px; margin-left:10px; border:1px solid #dee3e6; border-radius:20px; background-color:#dee3e6; color:#333; font-size:16px; line-height:38px; text-align:center; vertical-align:middle; z-index:1;}
.progress li:before {content:counter(section); counter-increment:section; width:auto; height:auto;}
.progress li:first-child {margin-left:0;}
.progress li span {display:none;}
.progress li.on {width:auto; padding:0 18px 0 19px; border-color:#546d82; background-color:#546d82; color:#fff; /*box-shadow:6px 6px 8px rgba(0,0,0,0.15);*/; white-space: nowrap;}
.progress li.on:before {padding-right:11px; display:inline;}
.progress li.on span {display:inline-block;}
.progress li.on ~ li {border-color:#c8c8c8; background-color:#fff;}

/*.progress {margin-bottom:30px; text-align:right;}
.progress ol {display:inline-block; position:relative; counter-reset:section; font-size:0;}
.progress ol:before {content:''; position:absolute; top:50%; left:0; width:100%; height:1px; background-color:#c7ced3; z-index:0;}
.progress li {display:inline-block; position:relative; width:40px; height:40px; margin-left:8px; border:1px solid #dee3e6; border-radius:20px; background-color:#dee3e6; color:#fff; font-size:16px; font-weight:700; line-height:40px; text-align:center; vertical-align:middle; z-index:1;}
.progress li:before {content:counter(section); counter-increment:section; width:auto; height:auto;}
.progress li:first-child {margin-left:0;}
.progress li span {display:none;}
.progress li.on {width:auto; padding:0 15px 0 0; border:none; background-color:#fff; color:#fff;}
.progress li.on:before {display:inline-block; position:relative; width:40px; height:40px; padding-right:9px; z-index:1;}
.progress li.on:after {content:''; position:absolute; top:0; left:0; width:40px; height:40px; border-radius:50%; background-color:#2b64ce;}
.progress li.on span {display:inline-block; color:#2b64ce; font-weight:700;}
.progress li.on ~ li {border-color:#c8c8c8; background-color:#fff; color:#333; font-weight:400;}
.progress li.on + li {margin-left:0;}
.progress li:last-child.on {padding-right:0;}*/


/*================================================ Paging ================================================*/
.paging {margin-top:50px; text-align:center;}
.paging ul {display:inline-block; font-size:0;}
.paging li {display:inline-block; vertical-align:middle;}
.paging a,
.paging em {display:inline-block; position:relative; min-width:30px; border-radius:3px; color:#666; padding:0px 7px; font-size:16px; letter-spacing:-0.05em; line-height:30px; text-align:center; overflow:hidden; box-sizing: border-box;}
.paging a:after {content:''; position:absolute; bottom:0; left:50%; right:50%; border-bottom:1px solid #2b64ce; transition:left ease-out 0.125s, right ease-in-out 0.125s;}
.paging a:hover,
.paging a:focus {color:#2b64ce; font-weight:bold;}
.paging a:hover:after,
.paging a:focus:after {left:5px; right:5px;}
.paging .on em {background-color:#2b64ce; color:#fff;}
.paging [class^=btnIco_] {background-color:#fff;}
.paging [class^=btnIco_][disabled] {opacity:0.4; cursor:default;}
.paging .btnIco_prev {margin:0 7px 0 2px;}
.paging .btnIco_next {margin:0 2px 0 7px;}


/*================================================ Text List ================================================*/
/* 공통 */
[class*=txtList_] {margin-bottom:20px; line-height:1.5;}
[class*=txtList_] [class*=txtList_] {margin-top:7px; margin-bottom:0;}
[class*=txtList_] > li {position:relative; text-align:left;}
[class*=txtList_] > li:before {display:inline-block; content:''; position:absolute; left:0; color:#666;}
[class*=txtList_] > li:first-child {margin-top:0;}
[class*=txtList_]:not(ol):not(ul) {position:relative; text-align:left;}
[class*=txtList_]:not(ol):not(ul):before {display:inline-block; position:absolute; left:0;}
[class*=txtList_] [class^=btn].s {margin-top:10px; margin-bottom:5px;}
[class*=txtList_] .links + .links {margin-left:5px !important;}

/* 숫자 */
.txtList_numL {margin-top:15px; padding-left:25px;}
.txtList_numL > li {margin-top:12px; color:#666; list-style:decimal;}

.txtList_numM {margin-top:5px; counter-reset:count;}
.txtList_numM > li {margin-top:4px; padding-left:25px; color:#666;}
.txtList_numM > li:before {content:counter(count)' )'; counter-increment:count; top:1px; width:auto; height:auto; font-size:15px; z-index:1;}

.txtList_numS {margin-top:5px; counter-reset:count;}
.txtList_numS > li {margin-top:4px; padding-left:25px; color:#666;}
.txtList_numS > li:before {content:counter(count); counter-increment:count; top:4px; width:15px; height:16px; padding-right:1px; border:1px solid #666; border-radius:50%; font-size:11px; letter-spacing:-0.075em; line-height:15px; text-align:center; z-index:1;}
.isIE .txtList_numS > li:before {line-height:17px;}

/* 한글 */
/*.txtList_hangul1 {padding-left:20px;}
.txtList_hangul1 > li {margin-top:5px; list-style:hangul;}
.txtList_hangul1 > li:before {display:none;}
.txtList_hangul2 {padding-left:20px;}
.txtList_hangul2 > li {margin-top:5px; list-style:hangul-consonant;}
.txtList_hangul2 > li:before {display:none;}*/
.txtList_hangul {margin-top:15px;}
.txtList_hangul > li {margin-top:10px; padding-left:25px; color:#666;}
.txtList_hangul > li > .count {position:absolute; top:0; left:0;}

/* disc */
.txtList_disc {margin-top:10px;}
.txtList_disc > li {margin-top:10px; padding-left:14px; color:#666;}
.txtList_disc > li:before {top:11px; width:4px; height:4px; border-radius:50%; background-color:#666;}
.txtList_disc:not(ul) {margin-top:10px; padding:0 0 0 14px; color:#666;}
.txtList_disc:not(ul):before {content:''; top:9px; width:4px; height:4px; border-radius:50%; background-color:#666;}

/* square */
.txtList_square {margin-top:10px;}
.txtList_square > li {margin-top:6px; padding-left:14px; color:#666;}
.txtList_square > li:before {top:9px; width:5px; height:5px; background-color:#666;}
.txtList_square:not(ul) {margin-top:10px; padding:0 0 0 14px; color:#666;}
.txtList_square:not(ul):before {content:''; top:9px; width:5px; height:5px; background-color:#666;}

/* dash */
.txtList_dash {margin-top:5px;}
.txtList_dash > li {margin-top:3px; padding-left:12px; color:#666;}
.txtList_dash > li:before {top:12px; width:6px; height:1px; background-color:#666;}
.txtList_dash:not(ul) {margin-top:5px; padding:0 0 0 12px; color:#666;}
.txtList_dash:not(ul):before {content:''; top:10px; width:6px; height:1px; background-color:#666;}

/* star */
.txtList_star {margin-top:15px;}
.txtList_star > li {margin-top:10px; padding-left:15px; color:#888;}
.txtList_star > li:before {content:'*'; top:3px; color:#888;}
.txtList_star:not(ul) {margin-top:15px; padding:0 0 0 15px; color:#888;}
.txtList_star:not(ul):before {content:'*'; top:3px; /*color:#888;*/}

/* reference mark(※ : 참조문헌) */
.txtList_remark {margin-top:20px;}
.txtList_remark > li {margin-top:10px; padding-left:20px; color:#888;}
.txtList_remark > li:before {content:'※'; top:1px; color:#888;}
.txtList_remark:not(ul) {margin-top:15px; padding:0 0 0 20px; color:#888;}
.txtList_remark:not(ul):before {content:'※'; top:1px; color:#888;}

.txtList_guide {margin-top:20px;}
.txtList_guide > li {min-height:20px; margin-top:10px; padding:0 0 0 28px; background:url(../img/pc/common/ico_guide.png) no-repeat 0 3px; color:#666; line-height: 1.7;}

.txtList_guide:not(ul) {display:inline-block; min-height:20px; margin-top:20px; padding:0 0 0 28px; background:url(../img/pc/common/ico_guide.png) no-repeat 0 2px; color:#666;}
.txtList_guide2:not(ul) {display:inline-block; min-height:20px; margin-top:20px; padding:0 0 0 28px; background:url(../img/pc/common/ico_guide2.png) no-repeat 0 2px; color:#666;}
p[class^=txtList_guide] {display:block;}

td .txtList_guide2,
.topLinkArea .txtList_guide2 {padding:0 0 0 22px !important; background:url(../img/pc/common/ico_point2.png) no-repeat 0 4px !important; color:#333; font-size:14px;}

/* normal */
.txtList_normal {margin-top:10px;}
.txtList_normal > li {margin-top:10px; color:#666;}

/* step */
.txtList_step {margin:15px 0 0 0;}
.txtList_step > li {display:table; width:100%; margin-top:12px;}
.txtList_step > li .step {display:table-cell; width:70px; color:#2b64ce;}
.txtList_step > li .cont {display:table-cell;}

/*================================================ MSG ================================================*/
.guideBox {padding:33px 60px; background-color:#f2f2f2; color:#222; font-size:22px; font-weight:700;}
.guideBox [class*=txtList_] > li {margin:5px 0; padding-left:17px; color:#222; font-size:22px !important; line-height:1.5;}
.guideBox .txtList_remark {margin:0 0 23px;}
.guideBox .txtList_remark > li {padding-left:27px;}
.guideBox .txtList_remark > li:before {color:#222;}
.guideBox .txtList_dash {margin-bottom:5px;}
.guideBox .txtList_dash > li:before {top:19px;}
.guideBox .txtXXL {margin-bottom:5px;}
.guideBox:not(.extra) * + .txtList_disc {margin-top:26px; padding-top:25px; border-top:1px solid #d4d4d4;}
.guideBox .txtList_disc > li {font-size:18px;}
.guideBox .txtList_disc > li:before {top:17px;}
.guideBox .txtList_disc > li.txtM:before {top:10px;}
.guideBox .txtM {margin:10px 0 0; padding-left:17px; color:#333;}

.guideBox.extra {padding:33px 40px; background-color:#f8f8f8; font-size:16px; font-weight:normal;}
.guideBox.extra [class*=txtList_] {margin-bottom:0;}
.guideBox.extra [class*=txtList_],
.guideBox.extra [class*=txtList_] > li,
.guideBox.extra .txt {color:#666; font-size:16px !important;}
.guideBox.extra .txtList_dash > li:before {top:11px;}
.guideBox.extra .txtList_disc > li:before {top:11px;}
.guideBox.extra p + .txt {margin-top:5px;}
.guideBox.extra.white {border:1px solid #e0e0e0; background:none;}

/* 상품상세 개발용 css (구조변경 불가) */
.guideBox .goodsPara li, 
.guideBox .goodsPara span,
#prdRvwInfoArea .guideBox p + .txtList_disc li {color:#555; font-size: 18px !important; line-height: 1.6em;}

/* 로그아웃 개발용 css (id변경 불가) */
.popWrap #slideView .eventThum {margin:30px 0 16px 0;}
.popWrap #slideView .swiper-controls {bottom:-25px;}
.popWrap #slideView .eventThum .btnPrev {left:-4px;}
.popWrap #slideView .eventThum .btnNext {right:-4px;}

/* 심의 필 */
[class^=deliber] {margin:25px 0;}
[class^=deliber]:after {display:block; content:''; clear:both;}
[class^=deliber] .txt {float:left; color:#222; font-size:18px; font-weight:700;}
[class^=deliber] .num {float:right; font-weight:700;}

.deliberBox {padding:30px 20px 29px; background-color:#f2f2f2;}


/* 마무리 단계 */
.finishBox {margin:0 0 50px; padding:50px 50px 30px; border:1px solid #e0e0e0; text-align:center;}
.finishBox > .inner {padding-top:110px; background-image:url(../img/pc/common/ico_msg_success.png); background-repeat:no-repeat; background-position:center 0;}
.finishBox.fail > .inner {background-image:url(../img/pc/common/ico_msg_fail.png);}
.finishBox .copy {margin-bottom:14px; color:#333; font-size:24px;}
.finishBox .errorCode {display:block; margin-bottom:5px;}
.finishBox .desc {margin-bottom:11px;}
.finishBox .txtBox {margin:30px -50px -30px; padding:30px 20px 40px 55px; border-top:1px solid #e0e0e0; background-color:#f8f8f8;}
.finishBox .txtList_disc {margin-bottom:0;}

/* 자동로그아웃 */
.finishBox.logout > .inner {background-image:url(../img/pc/common/ico_msg_logout.png);}
.finishBox.logout .copy {font-weight:700;}


/* noData */
.noData {margin-bottom:50px; padding-top:116px; padding-bottom:45px; border-top:1px solid #333; border-bottom:1px solid #e0e0e0; background:url(../img/pc/common/ico_no_data.png) no-repeat center 50px; text-align:center;}
.noData p {margin-bottom:5px;}
.noData .btnArea {margin:20px 0 0;}
tr.noData p {margin:15px 0 11px !important; padding-top:66px; background:url(../img/pc/common/ico_no_data.png) no-repeat center 0;}
tr.noData:hover {background-color: inherit !important;}

/* 사용자 안내 문구 */
.userMsg {margin:30px 0; padding:15px 30px; background-color:#e2f3fc; color:#333; font-size:14px; text-align:center;}
.userMsg > span {display:inline-block; padding-top:1px; padding-left:24px; background:url(../img/pc/common/ico_point2.png) no-repeat 0 center;}

.interSum + .userMsg {margin-top:-10px;}

.userMsgBox {display:table; width:100%; height:125px; margin:50px 0; background-color:#e2f3fc; line-height:1.4;}
.userMsgBox > .inner {display:table-cell; padding:5px 50px 0 150px; background:url(../img/pc/common/img_userMsg.png) no-repeat 50px center; vertical-align:middle;}
.userMsgBox p {margin-bottom:5px; color:#222; font-size:18px; font-weight:700;}

.userMsgBox.mcd > .inner {background:url(../img/pc/common/img_userMsg_mcd.png) no-repeat 50px center;}


/* 가이드 메시지 */
.guideMsg {display:table; width:100%; padding:30px 40px 35px; background-color:#e2f3fc;}
.guideMsg .inner {display:table-cell;}
.guideMsg .tit {display:block; margin-bottom:5px; color:#333; font-size:18px; font-weight:700;}
.guideMsg .btnArea {display:table-cell; margin:0; text-align:right; vertical-align:bottom;}

.msgBox {display:table; width:100%; margin:50px 0; padding:35px 45px; background-color:#e2f3fc;}
.msgBox .icoImg {display:table-cell; width:105px; padding:5px 0 0 10px; vertical-align:top;}
.msgBox .info {display:table-cell; vertical-align:top;}
.msgBox .tit {display:block; color:#333; font-size:18px; font-weight:700;}
.msgBox .tit + p {margin-top:8px;}
.msgBox .txtXXL {margin-top:7px; color:#222; font-weight:700;}
.msgBox [class*=txtList_] {margin:0;}
.msgBox .btnArea {display:table-cell; padding-bottom:5px; text-align:right; vertical-align:bottom;}
.msgBox .btnArea [class^=btn_] {white-space:nowrap;}
.msgBox .infoCon {display:table-cell; max-width:700px; vertical-align:middle;}
.msgBox .infoCon + .btnArea {vertical-align:middle;}

.msgBox.sub {background-color:#f8f8f8;}
.msgBox.sub .info {vertical-align:middle;}
.msgBox.sub .btnArea {padding-bottom:0;}

.msgBox.goods {margin:20px 0; padding:10px 40px; background-color:#f8f8f8;}
.msgBox.goods .info {vertical-align:middle;}
.msgBox.goods .tit {display:inline-block; padding-right:20px; color:#222;}
.msgBox.goods .btnArea {padding-bottom:0;}

.msgBox.lostCom {margin:25px 0 10px; background-color:#f8f8f8;}
.msgBox.lostCom .tit {font-size:20px;}
.msgBox.lostCom .info {width:190px;}
.msgBox.lostCom .infoCon {padding-top:5px;}


/* 서브 메시지 */
.subMsgBox {margin:0 0 40px; padding:29px 40px 27px; background-color:#f8f8f8; text-align:center;}
.subMsgBox:after {display:block; content:''; clear:both;}
.subMsgBox [class^=txt] {color:#222; font-weight:700;}
.subMsgBox [class*=txtList_] {margin:0; font-weight:400;}
.subMsgBox .txtS {font-weight:400;}
.subMsgBox p + p {margin-top:5px;}
.subMsgBox p button {margin:0 10px !important;}
.subMsgBox p button + button {margin:0 !important;}

.subMsgBox.extra {margin-bottom:50px; padding:45px 40px 50px;}
.subMsgBox.extra [class^=btn_] {margin-top:15px;}

.subMsgBox.srch {margin-bottom:50px; border:1px solid #333; background-color:#fff;}


/*================================================ Tab ================================================*/
.tabWrap .tabContents {padding:0;}
.tabWrap .tabPanel {display:none; text-align:left;}
.tabWrap .tabPanel.on {display:block;}
.tabList {display:table; width:100%; table-layout:fixed;}
.tabList > li {display:table-cell; position:relative; padding:0 5px; color:#666; font-size:20px; letter-spacing:-0.05em; line-height:1.2; text-align:center; vertical-align:middle; cursor:pointer;}
.tabList > li.disable {cursor:default;} 
.tabList > .on {color:#222; font-weight:700; z-index:1;}
.tabList button {display:block; width:100%;}
/* 카드 혜택 */
.beneTab {position:relative;}
.beneTab > li {position:static; height:68px; padding-bottom:4px; border-bottom:2px solid #eee;}
.beneTab span {display:inline-block; position:absolute; bottom:0; left:0; width:20%; height:4px; background-color:#0048ce;}
.beneTab span:before {content:''; position:absolute; bottom:4px; left:50%; width:2px; height:0; margin-left:-8px; border-right:7px solid transparent; border-bottom:10px solid #0048ce; border-left:7px solid transparent;}
/* pageTab */
ul.pageTab  {margin-bottom:70px; background-color:#fff;}
ul.pageTab > li {height:52px; border:1px solid #c8c8c8; border-right:none; color:#333; font-size:16px;}
ul.pageTab > li:last-child {border:1px solid #c8c8c8;}
ul.pageTab > .on {border-color:#2b64ce !important; background-color:#2b64ce; color:#fff;}
ul.pageTab > .on + li {border-left-color:#2b64ce;}
/* mainTab */
ul.mainTab {position:relative; width:1080px; margin:0 auto 50px; border-bottom:1px solid #333; background-color:#f2f2f2;}
ul.mainTab > li {height:52px; padding-top:3px; border:1px solid transparent; font-size:16px;}
ul.mainTab > li:before {content:''; position:absolute; top:16px; left:-2px; width:1px; height:18px; background-color:#c8c8c8;}
ul.mainTab > .on {position:relative; height:52px; border-color:#333; border-bottom-color:#fff; background-color:#fff;}
ul.mainTab > .on:after {content:''; position:absolute; top:51px; left:0; width:100%; height:1px; background-color:#fff; z-index:0;}
ul.mainTab > li:first-child:before,
ul.mainTab > .on:before {display:none;}
/* subTab */
ul.subTab {display:block; padding-left:5px;}
ul.subTab > li {display:inline-block; height:70px; margin:0 5px; padding:0 15px; color:#666; font-size:16px; line-height:70px;}
ul.subTab > .on {color:#2b64ce;}
/* etcTab */
ul.etcTab {margin-bottom:40px; background-color:#fff;}
ul.etcTab > li {height:52px; border:1px solid #e0e0e0; border-right:none; font-size:16px;}
ul.etcTab > li:last-child {border-right:1px solid #e0e0e0;}
ul.etcTab > .on {border:1px solid #000 !important;}
ul.etcTab > .on + li {border-left-color:#fff;}
ul.etcTab > li > a {line-height: 50px;}

ul.etcTab[class*=div_] {width:auto; margin-right:-3px; padding:1px 0 0 1px; border-left:none;}
ul.etcTab[class*=div_] > li {margin-top:-1px; margin-left:-1px; border:1px solid #e0e0e0;}
ul.etcTab[class*=div_] > li span {height:50px;}

.border {padding:40px 40px 20px !important; border:1px solid #e0e0e0; border-top:0;}
.etcTab .border {margin-top:-40px;}

/* 분할 */
.tabList[class*=div_]  {display:block; border-left:1px solid #e0e0e0;}
.tabList[class*=div_]:after {display:block; content:''; clear:both;}
.tabList[class*=div_] > li {display:table; float:left; padding:0; border:1px solid #e0e0e0; border-left:none;}
.tabList[class*=div_] > li span {display:table-cell; height:58px; vertical-align:middle;}

.tabList.div_2 > li {width:50%;}
.tabList.div_3 > li {width:33.3333%;}
.tabList.div_3 > li:nth-child(3n) {width:calc(33.333% + 2px);}
.isIE .tabList.div_3 > li:nth-child(3n) {width:calc(33.333% + 1px);}
.tabList.div_4 > li {width:25%;}
.tabList.div_4 > li:nth-child(4n) {width:calc(25% + 3px);}
.isIE .tabList.div_4 > li:nth-child(4n) {width:calc(25% + 1px);}
.tabList.div_5 > li {width:20%;}

.tabWrap .addInfoList.notice {margin-top:70px;}

.tabList li > a {display:block;}
ul.pageTab li > a {margin:0 -5px; line-height:50px;}

/* ars */
.tabWrap.arsTab {padding:0 0 0 395px;}
.tabWrap.arsTab:after {display:block; content:''; clear:both;}

.arsKey {position:relative; left:-395px; float:left; width:345px; height:653px; margin-right:-395px; padding-top:30px; border:2px solid #222; border-radius:20px; background:url(../img/pc/content/ars_bg.png) no-repeat center 16px; text-align:center; overflow:hidden;}
.arsKey .info {display:table; width:100%; height:195px; color:#333; font-size:18px; font-weight:700;}
.arsKey .info > .inner {display:table-cell; vertical-align:middle;}
.arsKey .phoneNum {display:block; margin:6px 0; color:#2b64ce; font-size:34px; line-height:1;}

ul.arsTab {display:block; position:absolute; bottom:0; left:0; width:auto; margin:0 -2px;}
ul.arsTab:after {display:block; content:''; clear:both;}
ul.arsTab > li {float:left; width:33.3333%; height:106px; border:1px solid #222; border-top-width:2px; border-bottom:none; background-color:#fff; font-size:14px;}
ul.arsTab .num {display:block; padding:17px 0 4px; color:#2b64ce; font-size:22px; font-weight:700;}
ul.arsTab .on {background-color:#2b64ce; color:#fff;}
ul.arsTab .on .num {color:#fff;}
ul.arsTab .disable {background-color:#f1f1f1;}
ul.arsTab .disable .num {color:#666;}

.tabWrap.arsTab .tabContents {float:left; width:100%;}
.tabWrap.arsTab .addInfoList {border-top:1px solid #333;}
.tabWrap.arsTab .addInfoList > li {border:none; border-bottom:1px solid #e0e0e0;}
.tabWrap.arsTab .addInfoList .accoHead {padding:21px 60px 19px 30px; color:#333; font-size:18px; font-weight:700;}
.tabWrap.arsTab .addInfoList .accoBtn {width:auto; margin:-21px -60px -19px -30px; padding:21px 60px 19px 30px; font-size:18px;}
.tabWrap.arsTab .addInfoList .accoBody {padding:33px 60px 33px 50px; border-top:1px solid #e0e0e0; background-color:#f8f8f8; line-height:1.7;}
.tabWrap.arsTab .addInfoList .accoBody li ol {padding-left:18px;}


/*================================================ Table ================================================*/
/* 가로형 & 세로형 공통 */
[class^=table] {position:relative; margin:10px 0 15px; border-top:1px solid #333; background-color:#fff;}
[class^=table]:after {content:''; position:absolute; top:-1px; bottom:-1px; left:0; border-left:2px solid #fff;}
[class^=table] th,
[class^=table] td {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; line-height:1.4;}
[class^=table] th {background-color:#f8f8f8; color:#333; font-weight:normal;}
[class^=table] td {color:#666; word-break: break-all;}
[class^=table] td.th {background-color:#f8f8f8; color:#222; text-align:center;}
[class^=table] th .links,
[class^=table] td.th .links {margin:3px 0; font-size:14px;}
.tableX.sTit th {font-size: 13px;}

/* 가로형 */
.tableX th,
.tableX td {padding:17px 5px 15px;}
.tableX.noLine th:last-child,
.tableX.noLine td:last-child,
.tableX.noLine th.al,
.tableX.noLine td.al {padding: 17px 20px 15px;}
.tableX tbody th,
.tableX tbody td.th {padding-left:15px; text-align:left;}
.tableX tfoot {position:relative;}
.tableX tfoot:before {content:''; position:absolute; left:0; width:100%; height:1px; margin-top:-3px; border-bottom:1px solid #333;}
.tableX tfoot th,
.tableX tfoot td {padding:22px 5px 20px; border-left:none; border-bottom-color:#333; font-weight:700;}
.tableX tfoot th,
.tableX tfoot td.th {background-color:#fff;}
.tfoot td {border-top:1px solid #333 !important; border-bottom:1px solid #333; background-color:#f8f8f8;}
/* tableX 세로줄 없음 */
.tableX.noLine th,
.tableX.noLine td {border-left:none;}
/*.tableX.noLine th {background-color:#fff;}*/

.tableX .ipt:not([type=checkbox]):not([type=radio]):not([type=range]) {max-width:100%; margin-right:0;}
.tableX .ipt.full {width:100%;}
.tableX .links {font-size:16px; text-decoration:underline; white-space:normal;}
.tableX .links:after {display:none;}

/* 세로형 */
.tableY {border-collapse:separate;}
.tableY th,
.tableY td {padding:17px 10px 15px 20px; border-left:none; text-align:left;}
.tableY td.th {text-align:left;}
[class^=table].tableY:after {border-left:none;}
/*.tableY tr:first-child th,
.tableY tr:first-child td {border-top:1px solid #333;}*/

.tableY .th + .th,
.tableY .lineL {border-left:1px solid #e0e0e0;}

.tableX.noLine tfoot th,
.tableX.noLine tfoot td {background-color:#f8f8f8; border-bottom-color:#e0e0e0; padding:32px 5px 28px;}
.tableX.noLine tfoot:before {border-bottom:0;}

/* tableY 레이아웃용 */
.tableY.noLine {border:none; background:none;}
.tableY.noLine:after {display:none;}
.tableY.noLine td {border:none;}
.tableY.noLine td.th {background:none;}
/* tableY form 입력용 */
.formTbl td {padding:15px 10px 15px 20px; color:#333;}
.formTbl th,
.formTbl td.th {padding:20px 0 20px 20px; background-color:#fff; font-size:18px; /*font-weight:700;*/}
.formTbl td + td.th {background:url(../img/pc/common/bg_th.png) no-repeat 0 center;}
.formTbl .address {margin:5px 0 !important; color:#222; font-weight:bold;}
.formTbl * + .links {margin-left:10px;}
/*.formTbl [class^=btn_] {margin:0;}*/
/*.formTbl [class^=btn_].s {margin:0 5px;}*/
.formTbl .tableY.noLine {margin:-5px 0;}
.formTbl .tableY.noLine td {padding:5px 0 5px; border:none !important;}
.formTbl .tableY.noLine td.th {font-size:14px;}
.formTbl .tableY.noLine td.th:before {display:none;}
.formTbl .tableY.noLine .ipt:not([type=checkbox]):not([type=radio]):not([type=range]) {width:210px;}
.formTbl div .tableY.noLine {margin:5px 0 -5px;}

.resulTr td {padding-top:25px; padding-bottom:20px; background-color:#f8f8f8 !important; font-size:18px;}

.pointTbl td {padding:25px 0; text-align:center;}
.pointTbl td > * {margin:0;}
.pointTbl .arrow {padding:25px 40px 25px 20px !important; background:url(../img/pc/content/pointTbl_bg.png) no-repeat right 5px center; font-size:20px; text-align:left;}
.pointTbl .th + .arrow {font-size:16px;}
.pointTbl .arrow + .al {padding-left:30px;}
.pointTbl .ipt {width:200px;}
.pointTbl select.ipt {width:280px;}

/* 마진 */
.formTbl + .tblInfo {margin-top:50px;}

/* 테이블 안 txtList */
td [class*=txtList_] {margin-top:7px; margin-bottom:5px;}
/*td [class*=txtList_] > li {margin-top:4px;}*/

.formTbl [class*=txtList_],
.srchBox table [class*=txtList_] {font-size:14px;}
.formTbl .links,
.srchBox .links {font-size:14px;}

[class^=table] + [class^=table],
[class^=table] + .termsWrap {margin-top:30px;}
.tblWrap {position: relative;} 
.tblWrap table {margin:0 !important;}
.tblWrap .dummyWrap {position: absolute; z-index: 2;}
.pdL[class*=table] td,
.pdL[class*=table] th {padding-left: 15px; padding-right: 15px;}

/*================================================ 기본 정보 ================================================*/
.infoList > li {display:table;}
.infoList .item {display:table-cell; text-align:left; white-space:nowrap;}
.infoList .val {display:table-cell; text-align:right;}


/*================================================ DataList ================================================*/
[class^=data] [class*=Cell] {display:table-cell; text-align:center; vertical-align:middle;}
[class^=data] .checkCell {width:90px; padding-right:10px;}
[class^=data] .dateCell {width:180px; padding-right:10px; color:#222; font-size:16px;}
[class^=data] .infoCell {width:auto;}
[class^=data] .stateCell {width:150px;}
[class^=data] .moneyCell {width:190px;}
[class^=data] .txtCell {width:400px;}
[class^=data] .accoBtnCell {width:90px;}
[class^=data] .chkGroupCell {width:280px;}
[class^=data] .titCell {width:140px;}

.dataList .infoCell {padding-left:30px; text-align:left;}
.dataList .block .infoCell:not(:first-child) {padding-left:10px;}

.dataList .moneyCell {padding-right:25px; text-align:right;}
.dataList .block .moneyCell:not(:last-child) {padding-right:0;}
.dataList .stateCell {color:#222; font-size:18px; font-weight:700;}
.dataList .stateCell .ipt[type='checkbox'] + label:before, 
.dataList .stateCell .ipt[type='radio'] + label:before {top:5px;}
.dataList [class^=btn_] {margin:10px 0 5px;}
.dataList [class^=btn_] + [class^=btn_] {margin-top:5px;}

.dataList {margin-bottom:-1px; border-top:1px solid #333;}
.dataList > li {padding:0; border-bottom:1px solid #e0e0e0;}
.dataList .block {display:table; position:relative; width:100%; padding:25px 0 26px; table-layout:fixed;}
.dataList .dateCell > span {display:block;}
.dataList .time {padding:0; background:none; color:#666;}
.dataList .tit {display:block; color:#222; font-size:20px; font-weight:400;}
.dataList .tit .state {display:inline-block; position:relative; margin-left:10px; padding-left:12px; color:#e80163;}
.dataList .tit .state:before {content:''; position:absolute; top:50%; left:0; width:1px; height:16px; margin-top:-8px; background-color:#ccc;}
.dataList .info {margin-top:7px;}
.dataList .info > span {/*display:inline-block;*/ position:relative; margin-right:12px; padding-right:17px; color:#666; vertical-align:middle;}
.dataList .info > span:before {content:''; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background-color:#ccc;}
.dataList .info > span:last-child {margin-right:0; padding-right:0;}
.dataList .info > span:last-child:before {display:none;}
.dataList .info .noLine:before {display:none;}
.dataList .info em {color:#333; font-weight:400;}
.dataList .info .infoMoney {display:inline-block; padding:0 5px 0 20px; font-size:24px; font-weight:700; vertical-align:middle;}
.dataList .info .iptWrap {margin-left:20px;}
.dataList .info + .info {margin-top:3px;}
.dataList .moneyCell em {font-weight:400;}
.dataList .money {display:block; color:#333; font-size:20px;}
.dataList .money em {display:inline-block; padding-right:2px; letter-spacing:-0.05em; font-weight:700; vertical-align:top;}
.isIE .dataList .money em {vertical-align:baseline;}
.dataList del {color:#888 !important;}
.dataList del.money {text-decoration:none;}
.dataList .stateCell > span {display:block;}
.dataList select.ipt {width:125px; margin:5px 0 0 0;}

.dataList .txtCell {color:#222; text-align:center;}
.dataList .txtCell > span {display:inline-block; position:relative; margin-right:12px; padding-right:17px; vertical-align:middle;}
.dataList .txtCell > span:before {content:''; position:absolute; top:50%; right:0; width:1px; height:14px; margin-top:-7px; background-color:#ccc;}
.dataList .txtCell > span:last-child {margin-right:0; padding-right:0;}
.dataList .txtCell > span:last-child:before {display:none;}
.dataList .txtCell .noLine {display:block; margin-right:0; margin-bottom:2px; padding-right:0;}
.dataList .point {color:#222;}
.dataList .moneyCell .links {margin:7px 0;}
.dataList .moneyCell .del {display:inline-block; position:relative; margin-right:40px; font-size:16px;}
.dataList .moneyCell .del:before {content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 1px; background-color: #000;}
.dataList .moneyCell .del:after {content: '→'; position: absolute; top: 0; right: -28px;}

.dataList .cardImgCell {position:relative; width:215px; padding-left:30px; padding-right:60px; text-align:center;}
.dataList .block .cardImgCell:not(:first-child) {width:185px; padding-left:0;}
.dataList .cardImgCell + [class*=Cell] {padding-left:0 !important;}
.dataList .cardImgCell img {max-width:125px; max-height:125px; border-radius:5px;}
.dataList .cardImgCell .links {margin:20px 0 0;}
.dataList .iptCell {width:170px; padding-left:10px; text-align:left;}
.dataList .iptWrap {margin-right:0;}
.dataList .iptWrap .ipt{width:160px;}
.dataList .hashTag {margin-top:20px; font-size:14px;}
.dataList .hashTag > span {margin-right:10px;}
.dataList .feeCell {width:325px;}
.dataList .feeCell .item {display:inline-block; min-width:95px; padding-top:5px; text-align:center;}
.dataList .feeCell .item span {display:block; padding-top:3px;}
.dataList .chkGroupCell {text-align:left;}
.dataList .chkGroupCell .singleIpt {display:block;}
.dataList .chkGroupCell .singleIpt + .singleIpt {margin-left:0;}

.dataList .detail {padding:15px 5px; border-top:1px solid #eee; background-color:#f8f8f8;}
.dataList .detail .infoList {font-size:0;}
.dataList .detail .infoList > li {display:inline-block; width:100%; padding:4px 25px; color:#666; font-size:14px; vertical-align:top; white-space:nowrap;}
.dataList .infoList .item,
.dataList .infoList .val {display:inline-block; text-align:left; vertical-align:top;}
.dataList .infoList .item {padding-right:15px;}
.dataList .infoList .val {color:#333;}
.dataList .infoList div + div {padding-top:8px;}
.dataList .infoList.div2 > li {width:auto; min-width:50%;}
.dataList .infoList.div3 > li {width:auto; min-width:33.3333%;}
.dataList .infoList.div4 > li {width:auto; min-width:25%;}
.dataList .btnArea {margin:10px 0 0; padding-right:25px; font-size:14px; text-align:right;}
.dataList .detail .links {font-size:14px;}
.dataList .detail .btnArea .links + .links {margin-left:23px !important;}
.dataList .detail .btnArea .links + .links:before {content:''; position:absolute; top:50%; left:-16px; height:12px; margin-top:-6px; border-right:1px solid #d2d2d2;}

.dataList .titCell .tit {font-size:16px; font-weight:700;}

.dataList p {margin-top:-10px; padding:0 0 15px 0; font-size:14px;}
.dataList .userMsg {margin:-20px 20px 29px; text-align:left;}

.dataHead {display:table; position:relative; width:100%; margin-bottom:-1px; padding:16px 0 15px; border-top:1px solid #333; border-bottom:1px solid #c8c8c8; table-layout:fixed;}
.dataHead [class*=Cell] {color:#222; font-size:16px;}

.dataTotal {margin-bottom:30px; padding:25px 25px 22px 30px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8; color:#222; font-size:18px;}
.dataTotal:after {display:block; content:''; clear:both;}
.dataTotal .tit {float:left; line-height:35px;}
.dataTotal .total {float:right; line-height:35px;}
.dataTotal .money {display:inline-block; min-width:200px; padding-left:75px; color:#2b64ce; font-size:22px; font-weight:700; text-align:right; vertical-align:middle;}

.dataTotal.bgC1 {background-color:#e6f5fe;}
.dataList .dataTotal {margin-bottom:0; border:none;}

.dataTotal.upper {border:none; background-color:#e2f3fc;}

/* 주 사용 카드 설정 */
.mainCard .single {padding-bottom:42px;}
.mainCard .ipt + label {width:26px; height:25px; padding-left:26px !important;}
.mainCard .ipt + label:before {width:26px; height:25px; margin:0; border:none; border-radius:0; background:url(../img/pc/common/ico_mainCard.png) no-repeat 0 0; box-shadow:none;}
.mainCard .ipt:checked + label:before {background-position:0 -25px; box-shadow:none;}
.mainCard .ipt:checked + label:after {display:none !important;}
.mainCard .ipt:checked + label:hover:before,
.mainCard .ipt:checked:focus + label:before {border:none; box-shadow:none;}
.mainCard ~ .cardImgCell,
.mainCard ~ .infoCell {position:relative; padding-bottom:40px;}
.mainCard ~ [class*=Cell] .linkArea {display:inline-block; position:absolute; bottom:0; left:0; min-width:125px; text-align:center;}
.mainCard ~ .infoCell .linkArea {margin-left:-5px; text-align:left;}


/*================================================ 카드 가이드 ================================================*/
/* .icoImgR 가 있는 정보성 리스트 */
.guideList {margin:0 -20px; font-size:0;}
.guideList > li {display:inline-block; position:relative; width:33.3333%; padding:20px 30px 20px 135px; font-size:16px; line-height:1.4; vertical-align:top;}
.guideList > li:after {display:block; content:''; clear:both;}
.guideList > li .icoImgR {position:relative; float:left; top:0; left:-105px; width:80px; height:80px; margin-right:-105px; border-radius:50%; background-color:#f1f1f1; overflow:hidden;}
.guideList > li .tit {display:block; margin-bottom:7px; color:#333; font-weight:700;}
.guideList > li img {width:100%; height:100%;}


/*================================================ 카드 List ================================================*/
.goodsList {border-top:1px solid #333; word-break:keep-all;}
.goodsList > li {display:table; padding:45px 0 50px; border-bottom:1px solid #e0e0e0; table-layout:fixed;}
.goodsList .cardImg {display:table-cell; width:340px; padding-top:5px; padding-right:30px; text-align:center; vertical-align:top;}
.goodsList .cardImg img {max-width:250px; max-height:250px; border-radius:7px;}
.goodsList .badgeArea {margin-top:20px; font-size:0;}
.goodsList .cardInfo {display:table-cell; width:740px; vertical-align:top;}
.goodsList .tit {color:#222; font-size:20px; font-weight:700; line-height:1.4;}
.goodsList .over {display: none}
.goodsList .desc {margin-top:10px; color:#666;}
.goodsList .guideList {margin:0 -15px;}
.goodsList .guideList > li {padding:30px 15px 0 90px; font-size:14px;}
.goodsList .guideList > li .icoImgR {top:-3px; left:-75px; width:60px; height:60px; margin-right:-75px; background-color:#f8f8f8;}
.goodsList .guideList > li .tit {margin-bottom:5px; font-size:14px;}
.goodsList .guideList > li img {padding:4px; opacity:0.7;}
.goodsList em {display:block; color:#333; font-size:14px;}
.goodsList .btnArea {margin:30px 0 0; padding-right:20px; text-align:right;}
.goodsList [class^=btn_].m {min-width:125px;}
.goodsList .btnArea .btnTxt_plus {float:left;}
.goodsList .btnTxt_plus {padding:0; text-align:center;}
.goodsList .btnTxt_plus span {display:inline-block; height:42px; padding:0 0 0 24px; background:url(../img/pc/content/btn_plus.png) no-repeat 0 center;}
.goodsList .txtList_disc {display:none;}
.goodsList.card .over .txtList_disc {display:block;}

[class^=badge_] {display:inline-block; height:24px; padding:0 10px; color:#01ffc1; font-size:12px; letter-spacing:-0.05em; line-height:25px; overflow:hidden;}
.badge_new {background-color:#2b64ce;}
.badge_cash {background-color:#000;}

.goodsList.card {border-bottom:1px solid #e0e0e0; overflow:hidden;}
.goodsList.card:after {display:block; content:''; clear:both;}
.goodsList.card > li {display:block; float:left; width:33.3333%; height:500px; margin-bottom:-1px; padding:50px 20px 20px; overflow: hidden;}
.goodsList.card .goods {position:relative; min-height:400px;} 
.goodsList.card .cardImg {display:block; position:relative; width:100%; height:250px; padding:0;}
.goodsList.card .cardImg img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}
.goodsList.card .badgeArea {position:absolute; bottom:0; left:0; width:100%;}
.goodsList.card .cardInfo {display:block; width:auto; margin-top:30px;}
.goodsList.card .tit {text-align:center;}
.goodsList.card .desc {display:block; display:-webkit-box; max-height:50px; text-align:center; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.goodsList.card .guideList {display:none}
.goodsList.card .over {display:block; position:absolute; top:0; left:0; width:100%; height:400px; padding:39px; border:1px solid #c8c8c8; border-radius:12px; background-color:#fff; box-shadow:0 4px 10px rgba(0,0,0,0.15); /*overflow:hidden;*/ transform: translate(0,120%); -ms-transform: translate(0,120%); transition: all 0.3s ease-in-out;}
.goodsList.card .over.on {transform: translate(0,0); -ms-transform: translate(0,0);}
.goodsList.card .over .tit {margin-right:-10px; text-align:left;}
.goodsList.card .txtList_disc > li {margin-top:2px; font-size: 14px;}
.goodsList.card .btnArea {position:absolute; right:39px; bottom:35px; left:39px; margin:0; padding:0; text-align:center;}
.goodsList.card .btnArea [class^=btn_] {float:left; min-width:114px; margin:5px 0; padding:0 5px;}
.goodsList.card .btnArea [class^=btn_]:nth-child(even) {float:right;}
.goodsList.card .btnArea [class^=btn_]:nth-child(odd):last-child {width:100%;}
.goodsList.card .btnArea [class^=btn_]:not(.btnTxt_plus):first-child {width:100%;}
.goodsList.card .btnArea [class^=btn_]:not(.btnTxt_plus):first-child ~ [class^=btn_]:nth-child(odd) {float:right;}
.goodsList.card .btnArea [class^=btn_]:not(.btnTxt_plus):first-child ~ [class^=btn_]:nth-child(even) {float:left;}
.goodsList.card .btnArea [class^=btn_]:not(.btnTxt_plus):first-child ~ [class^=btn_]:nth-child(odd):last-child {width:114px;}
.goodsList.card .btnArea [class^=btn_]:not(.btnTxt_plus):first-child ~ [class^=btn_]:nth-child(even):last-child {width:100%;}

.popup .goodsList.card .over {padding:39px 25px;}
.popup .goodsList.card .btnArea {right:25px; left:25px;}

.goodsList.en .txtList_disc {display:block;}

.goodsList.enterprise.card .btnArea:not(ul) {display:none;}
ul.btnArea .accoItem [class^=btn] {width:100%; margin:0 !important; text-align:center;}
ul.btnArea .accoItem .accoBtn {display:inline-block; width:100%; margin-top:10px !important; color:#fff;}
ul.btnArea .accoItem.on .accoBtn:not(.round) {border-radius:4px 4px 0 0;}
ul.btnArea .accoItem .accoBtn:before {content:none;}
ul.btnArea .accoItem .accoBtn:after {content:''; display:inline-block; width:30px; height:30px; background:url(../img/pc/common/btn_acco_btnarea.png) no-repeat center center; vertical-align:middle; transition:transform 0.25s;}
ul.btnArea .accoItem.on .accoBtn:after {transform:rotate(180deg); -ms-transform:rotate(180deg);}
ul.btnArea .accoItem .accoBody {position:absolute; top:100%; left:0; right:0; border:1px solid #2b64ce; border-top:none; border-radius:0 0 4px 4px; background:#fff; z-index:2;}
ul.btnArea .accoItem .accoBody [class^=btn] {color:#333; background-color:transparent;}
ul.btnArea .accoItem .accoBody [class^=btn]:hover,
ul.btnArea .accoItem .accoBody [class^=btn]:focus {color:#2b64ce; background-color:#ecfeff;}
.cardDetail ul.btnArea {display:inline-block; min-width:210px; margin:0 auto;}
.cardDetail ul.btnArea .accoItem .accoBody {margin-top:10px; border:1px solid #2b64ce; border-radius:4px;}

/*.cardAppli {display:inline-block; position:relative; margin-left:5px; vertical-align:middle;}
.cardAppli:focus .inner,
.cardAppli:hover .inner {display:block;}
.cardAppli .btn_p {position:relative; margin:0; z-index:1;}
.cardAppli .inner {display:none; position:absolute; top:42px; left:0; width:239px; padding-top:4px; border:1px solid #2b64ce; border-radius:0 4px 4px 4px; background-color:#fff; overflow:hidden;}
.cardAppli .inner a {display:block; padding-left:15px; color:#333; font-size:16px; line-height:46px; text-align:left;}
.cardAppli .inner a:focus,
.cardAppli .inner a:hover {background-color:#ecfeff; color:#2b64ce;}
.cardAppli .btn_p:focus + .inner {display:block;}*/

/* goods 보기 형태 */
.goodsType {display:inline-block; font-size:0;}
.goodsType li {padding:0;}
.goodsType li + li {margin-left:16px;}
.goodsType .ipt + label {width:24px; height:26px; padding-left:24px !important; font-size:1px; border:1px solid #fff; overflow:hidden; opacity:0.5;}
.goodsType .ipt + label:before {display:none;}
.goodsType .card {background:url(../img/pc/content/btn_card.png) no-repeat center center;}
.goodsType .list {background:url(../img/pc/content/btn_list.png) no-repeat center center;}
.goodsType .ipt:checked + label {opacity:1;}
.goodsType .ipt + label:hover,
.goodsType .ipt:focus + label {border-color:#888;}


/*================================================ 신규발급 카드 List ================================================*/
.goodsSumList {border-top:1px solid #333; border-bottom:1px solid #e0e0e0; word-break:keep-all;}
.goodsSumList:after {display:block; content:''; clear:both;}
.goodsSumList li {float:left; width:50%; margin-bottom:-1px; padding:39px 0 39px 190px; border-bottom:1px solid #e0e0e0;}
.goodsSumList li:after {display:block; content:''; clear:both;}
.goodsSumList .cardImg {position:relative; float:left; left:-160px; width:124px; margin-right:-160px; text-align:center;}
.goodsSumList .cardImg img {max-width:124px; max-height:124px; border-radius:5px;}
.goodsSumList .cardInfo {float:left; width:100%; min-height:100px;}
.goodsSumList .tit {display:block; display:-webkit-box; height:56px; color:#222; font-size:20px; font-weight:700; line-height:1.4; white-space:normal; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.goodsSumList .desc {margin-top:5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.goodsSumList .btnArea {margin:0; text-align:left;}
.goodsSumList .btnArea [class^=btn_]:first-child {margin-left:0;}


/*================================================ ico 리스트 ================================================*/
.icoStepBox {padding:50px 55px 42px; border:1px solid #e0e0e0; text-align:center;}
.icoStepBox > .icoStepList {margin:0;}
.icoStepList {display:table; width:100%; margin:15px 0 30px;}
.icoStepList > li {display:table-cell; position:relative; font-size:16px; text-align:right; vertical-align:top;}
ol.icoStepList > li:before {content:''; position:absolute; top:36px; left:50%; width:16px; height:20px; margin-left:-61px; background:url(../img/pc/content/icoStep_arrow.png) no-repeat center center;}
.icoStepList > li:first-child:before {background:none !important;}
.icoStepList > li:first-child {width:110px;}
.icoStepList .block {display:inline-block; padding:0 10px;}
.icoStepList .tit {display:block; position:relative; margin:3px -10px 0; color:#333; line-height:1.5; text-align:center;}
.icoStepList .tit em {color:#222;}

.icoStepList.plusSum {width:auto; margin:35px auto 20px;}
.icoStepList.plusSum > li {width:170px;}
.icoStepList.plusSum > li:before {content:''; position:absolute; top:36px; left:50%; width:16px; height:20px; margin-left:-67px; background:url(../img/pc/content/icoStep_plus.png) no-repeat center center;}
.icoStepList.plusSum > li:first-child {width:120px;}
.icoStepList.plusSum > [role=presentation]:before {background:url(../img/pc/content/icoStep_equals.png) no-repeat center center;}
.icoStepList.plusSum > [role=presentation] .icoImgR {background-color:#e5f4fc;}
.icoStepList.plusSum > [role=presentation] .tit {padding-top:25px;}
.icoStepList.plusSum > [role=presentation] .tit .pointC1 {position:absolute; top:0; left:0; width:100%;}
.icoStepList.plusSum .icoImgR {width:100px; height:100px;}

.icoStepList.varS {width:auto; margin:15px 0 0;}
.icoStepList.varS > li {padding:0 10px;}
.icoStepList.varS > li:first-child {min-width:auto;}
ol.icoStepList.varS {margin:15px 0 30px;}
ol.icoStepList.varS > li {min-width:170px; padding:0;}

.icoStepBox {margin:20px 0 35px;}
.icoStepBox .icoStepList.varS {margin:0 auto;}
.icoStepBox .icoStepList.varS > li {text-align:center;}
.icoStepBox .icoStepList.varS > li:first-child {min-width:170px;}
.icoStepBox .icoStepList.varS > li:before {margin-left:-90px;}

.accoBody .icoStepList.varS > li {width:170px; text-align:center;}
.accoBody .icoStepList.varS > li:before {margin-left:-90px;}
.accoBody .icoStepList.varS > li .tit {}
.accoBody .icoStepList.varS > li:first-child {width:90px;}
.accoBody .icoStepList.varS > li:first-child .tit,
.accoBody .icoStepList.varS > li:first-child .icoImgR {margin-left:0; margin-right:40px;}


/* 아이콘 radius 처리 */
.icoImg {display:inline-block;}
.icoImgR {display:inline-block; position:relative; width:90px; height:90px; border-radius:50%; background-color:#f8f8f8;}
.icoImgR > img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%);}

/*================================================ BBS ================================================*/
/* 테이블 */
.bbsTbl {border-top:1px solid #333; background-color:#fff;}
.bbsTbl thead + tbody tr:hover {background-color:#ecfeff;}
.bbsTbl th,
.bbsTbl td {padding:25px 20px 23px; border-bottom:1px solid #e0e0e0; color:#333; line-height:1.4;}
.bbsTbl th {border-bottom:1px solid #c8c8c8; color:#222; font-size:16px; font-weight:400;}
.bbsTbl td {white-space:nowrap;}
.bbsTbl tr:last-child td {border-color:#c8c8c8;}
.bbsTbl a {display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bbsTbl a:focus,
.bbsTbl a:hover {text-decoration:underline;}
.bbsTbl img {vertical-align:middle;}
.bbsTbl .icoNew {display:inline-block; margin-left:4px;}
.bbsTbl .thum {width:132px; height:74px;}
.bbsTbl .tit {font-size:18px; font-weight:normal;}
.bbsTbl p {margin-top:10px; color:#666; line-height:1.5; white-space:normal;}
.bbsTbl .date,
.bbsTbl .views {display:block; margin:5px 0; color:#666;}

/* 리스트 */
.bbsList {border-top:1px solid #333; border-bottom:1px solid #c8c8c8; background-color:#fff;}
.bbsList > li {border-top:1px solid #e0e0e0; font-size:16px; color:#333; line-height:1.4;}
.bbsList > li:first-child {border-top:none;}
.bbsList a, .bbsList .inner {display:table; width:100%; table-layout:fixed;}
.bbsList a:focus,
.bbsList a:hover {text-decoration:underline;}
.bbsList div {display:table-cell; padding:26px 20px 23px; text-align:center; vertical-align:middle;}
.bbsList .num {width:100px;}
.bbsList .img {width:172px;}
.bbsList .thum {width:132px; height:74px;}
.bbsList .cont {text-align:left;}
.bbsList .tit {display:block; font-size:18px; font-weight:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bbsList p {display:block; display:-webkit-box; max-height:48px; margin-top:10px; color:#666; line-height:1.5; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.bbsList .info {width:140px;}
.bbsList .date,
.bbsList .views {display:block; margin:5px 0; color:#666;}
.bbs_badge {display:inline-block; margin-right:5px; padding:1px 5px; border-radius:3px; background-color:#546d82; color:#fff; font-size:13px; vertical-align:middle;}

/* 이미지 리스트 */
.imgBbs {position:relative; margin:0 -12px; padding-top:20px; font-size:0; border:none;}
.imgBbs:before, .imgBbs:after {content:''; position:absolute; top:0; left:12px; right:12px; border-top:1px solid #333;}
.imgBbs:after {top:auto; bottom:0; border-top:none; border-bottom:1px solid #c8c8c8;}
.imgBbs > li {display:inline-block; width:25%; margin-top:10px; padding:0px 12px 30px; vertical-align:top; border-top:none;}
.imgBbs a {display:block; padding:0;}
.imgBbs div {display:block; width:100% !important; padding:0; text-align:left;}
.imgBbs .cont {min-height:50px; margin-top:17px;}
.imgBbs .tit {display:block; display:-webkit-box; max-height:50px; line-height:1.5; white-space:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.imgBbs .info {margin-top:13px;}
.imgBbs .info:after {display:block; content:''; clear:both;}
.imgBbs .date {float:left; margin:0;}
.imgBbs .views {float:right; margin:0;}
.imgBbs .img {position:relative; height:142px; overflow:hidden;}
.imgBbs .thum {position:absolute; top:50%; left:50%; width:100%; max-width:100%; height:auto; max-height:142px; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}

/* 이미지 리스트 - 동영상 */
.video .img:before {content:''; position:absolute; top:50%; left:50%; width:40px; height:40px; margin:-20px 0 0 -20px; background:url(../img/pc/common/ico_video_play_thum.png) no-repeat 0 0;}

/* 이미지 리스트 - 웹진 */
.imgBbs.webzin .thum {width:auto; height:120px;}
.imgBbs.webzin .cont {min-height:auto;}

/* 부가정보 */
.tblInfo {margin-bottom:10px;}
.tblInfo:after {display:block; content:''; clear:both;}
.tblInfo p {font-size:16px;}
.tblInfo .info {float:left; color:#666;}
.tblInfo .info > span {display:inline-block; font-size:14px; vertical-align:middle;}
.tblInfo .info > span + span {margin-left:5px;}
.tblInfo .info > span + .date {position:relative; padding-left:9px;}
.tblInfo .info > span + .date:before {content:''; position:absolute; top:50%; left:0; height:11px; margin-top:-6px; border-right:1px solid #d2d2d2;}
.tblInfo .info em {margin-right:1px; color:#222; font-weight:normal;}
.isIE .tblInfo .info em {vertical-align:middle;}
.tblInfo .bbsSort {float:right; text-align:right;}
.tblInfo .goodsType {float:left;}
.tblInfo .bbsIpt {float:right; margin-top:-10px;}
.tblInfo .bbsIpt span {display:inline-block; vertical-align:middle;}
.tblInfo .ipt {width:auto; height:35px; line-height:33px; margin:0 0 0 20px;}

/* 상세 */
.bbsView {border-top:1px solid #1a1a1a; border-bottom:1px solid #ccc;}
.bbsView .head {padding:35px 0 30px; border-bottom:1px solid #e0e0e0;}
.bbsView .tit {color:#222; font-size:20px; line-height:1.4; font-weight:700;}
.bbsView .views {display:inline-block; position:relative; margin-left:9px; padding-left:11px; color:#888; vertical-align:middle;}
.bbsView .views:before {content:''; position:absolute; top:50%; left:0; width:1px; height:13px; margin-top:-7px; background-color:#ccc;}
.bbsView .body {padding:40px 0; line-height:1.7;}
.bbsView .attachFile {padding:25px 0 24px; border-top:1px solid #e0e0e0; font-size:0;}
.bbsView .tblInfo {margin:13px 0 0;}
.attachFile .links {margin:3px 30px 3px 20px !important; color:#222;}
.attachFile .links:before {content:''; position:absolute; top:50%; left:-20px; width:14px; height:19px; margin-top:-10px; background:url(../img/pc/common/ico_file.png) no-repeat 0 0;}
.attachFile .links:after {display:none;}
.attachFile .links:focus:after,
.attachFile .links:hover:after {display:block;}

.bbsView .targetSel {padding:20px 0; border-bottom:1px solid #e0e0e0;}
.bbsView .targetSel:after {display:block; content:''; clear:both;}
.bbsView .targetSel > div {display:inline-block; float:left; line-height:32px;}
.bbsView .targetSel .tit {padding-right:50px; color:#333; font-size:16px; font-weight:700;}
.bbsView .targetSel [class^=btn_] {margin-left:25px;}

/* 파일첨부 */
.fileArea {position:relative;}
.fileArea:after {display:block; content:''; clear:both;}
.fileArea .attachFile {float:right; max-width:250px; text-align:left;}
.fileArea .attachFile .links {margin:3px 20px 3px 20px !important; font-size:16px;}
.iptFile {display:inline-block; margin-right:6px; vertical-align:middle;}
.iptFile {width:410px; height:42px; margin-right:5px; border:1px solid #c8c8c8; border-radius:4px; background-color:#fff; color:#333; font-size:16px; line-height:normal; vertical-align:middle; overflow:hidden;}
.iptFile:focus {border:1px solid #2b64ce;}
.iptFile::-webkit-file-upload-button {height:46px; margin:0px; padding:0 5px; border:none; border-right:1px solid #c8c8c8; background-color:#f0f0f0; line-height:1.0;}
.iptFile::-ms-value {border:1px solid #fff; border-radius:4px; background-color:#fff;}
.iptFile::-ms-browse {border:none; border-left:1px solid #c8c8c8; background-color:#f0f0f0; box-shadow:none;}

/* 이전/다음 */
.bbsPager {border-top:1px solid #ccc; font-size:18px;}
.bbsPager > li {padding:23px 20px 17px 29px; border-bottom:1px solid #ccc;}
.bbsPager a:focus,
.bbsPager a:hover {color:#2b64ce;}
.bbsPager a:focus:after,
.bbsPager a:hover:after {content:''; position:absolute; bottom:1px; left:130px; right:0; border-bottom:1px solid #2b64ce;}
.bbsPager .tit {display:inline-block; position:relative; max-width:100%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.bbsPager [class^=item] {display:inline-block; position:relative; width:125px; padding-left:35px; color:#666; font-size:16px;}
.bbsPager [class^=item]:before {content:''; position:absolute; top:50%; left:0; width:16px; height:11px; margin-top:-6px; background:url(../img/pc/common/ico_arrow.png) no-repeat 0 0;}
.bbsPager .itemPrev:before {transform:rotate(180deg); -ms-transform:rotate(180deg);}
.bbsPager span.tit {color:#999;}

/* 미디어게시판 상세(갤러리,동영상) */
[class^=mediaView]:after {content:''; clear:both; display:block;}
[class^=mediaView] img {max-width:100%;}
[class^=mediaView] .mediaArea {float:left; width:712px; box-sizing:border-box;}
[class^=mediaView] .mediaArea .inner {position:relative; height:400px; overflow:hidden;}
[class^=mediaView] .mediaArea .inner .viewList {white-space:nowrap; font-size:0;}
[class^=mediaView] .mediaArea .inner .viewList > li {display:inline-block;}
[class^=mediaView] .mediaArea .inner [class^=btn] {position:absolute; top:50%; width:40px; height:40px; margin:-20px 0 0 0; background-color:rgba(0,0,0,0.3) !important; transition:transform 0.25s; outline:rgba(0,0,0,0);}
[class^=mediaView] .mediaArea .inner [class^=btn][disabled] {background-color:rgba(0,0,0,0.1) !important;}
[class^=mediaView] .mediaArea .inner [class^=btn]:not([disabled]):hover,
[class^=mediaView] .mediaArea .inner [class^=btn]:not([disabled]):focus {background-color:rgba(0,0,0,0.5) !important;}
[class^=mediaView] .mediaArea .inner .btnPrev {left:0; border-radius:0 5px 5px 0; background:url(../img/pc/common/ico_media_btn_prev.png) no-repeat center center;}
[class^=mediaView] .mediaArea .inner .btnNext {right:0; border-radius:5px 0 0 5px; background:url(../img/pc/common/ico_media_btn_next.png) no-repeat center center;}
[class^=mediaView] .mediaThum,
[class^=mediaView] .mediaDesc {float:right; width:338px;}
[class^=mediaView] .mediaThum .inner,
[class^=mediaView] .mediaDesc .inner {height:400px; overflow-x:hidden; overflow-y:auto; box-sizing:border-box;}
[class^=mediaView] .thumList {margin:-20px -10px 0 -10px; font-size:0;}
[class^=mediaView] .thumList > li {display:inline-block; width:50%; margin-top:20px; padding:0 10px; vertical-align:top;}
[class^=mediaView] .btnArea {margin-bottom:0;}
[class^=mediaView] .viewList a {display:inline-block;}
[class^=mediaView] .viewList .img {position:relative; width:712px; height:400px; background:#f8f8f8;}
[class^=mediaView] .viewList .img img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}

.thumList .img {position:relative; width:100%; height:90px;}
.thumList .img img {position:absolute; top:50%; left:50%; max-width:100%; max-height:100%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
/*.thumList a {outline:rgba(0,0,0,0);}*/
.thumList a .img {position:relative; border:1px solid #fff;}
.thumList a:hover .img,
.thumList a:focus .img,
.thumList .on .img {border-color:#2b64ce;}

.imgBbs.thumList {padding:36px 0 0; white-space:nowrap; border:none; overflow:hidden;}
.imgBbs.thumList:before,
.imgBbs.thumList:after {content:none;}
.imgBbs.thumList li {width:100%; margin:0; padding:0; font-size:0;}
.imgBbs.thumList li a {display:inline-block; width:25%; padding:0 12px; box-sizing:border-box; vertical-align:top;}
.imgBbs.thumList .img {width:252px; height:142px;}
.imgBbs.thumList .img img {width:auto; height:auto;}


/* .pagingBullet {margin:-20px -4px 16px 0; text-align:right;}
.pagingBullet button {position:relative; display:inline-block; width:20px; height:20px; vertical-align:middle;}
.pagingBullet button:before {content:''; position:absolute; top:4px; bottom:4px; left:4px; right:4px; border-radius:100%; background-color:#c8c8c8;}
.pagingBullet button.on:before {background-color:#2b64ce;} */

.imgBbs.swiperWrap .swiper-controls {bottom:auto; left:auto; right:6px; top:0; width:auto !important;}
.imgBbs.swiperWrap [class^=swiper-button-] {width:20px; height:20px; margin:0 2px;}
.imgBbs.swiperWrap .swiper-pagination-bullet {width:20px; height:20px; margin:0 2px;}
.imgBbs.swiperWrap .swiper-pagination-bullet:before {top:3px; left:3px; width:12px; height:12px;background-color:#c8c8c8; border:none;}
.imgBbs.swiperWrap .swiper-pagination-bullet-active:before {background-color:#2b64ce;}


.mediaViewVideo .mediaArea .img {position:relative;}
.mediaViewVideo .mediaArea .img:before {content:''; position:absolute; top:50%; left:50%; width:96px; height:96px; margin:-48px 0 0 -48px; background:url(../img/pc/common/ico_video_play.png) no-repeat 0 0;}


/*================================================ Search ================================================*/
.srchBox {padding:20px; border:1px solid #ccc;}
.srchBox td {height:62px; padding:5px 0; text-align:left;}
.srchBox .th {padding:17px 5px 0 30px; color:#222; font-size:18px; vertical-align:top; font-weight:700;}
.srchBox .th.vm {padding-top:0;}
.srchBox .btnArea {margin:10px -18px 0; padding-top:20px; border-top:1px solid #f2f2f2;}
.srchBox .btnArea .btn_d {height:50px; font-size:19px;}
.srchBox + * {margin-top:50px;}

/* 게시판 검색 */
.bbsSrchBox {margin-bottom:40px; padding:40px 0; background-color:#f8f8f8; text-align:center;}
.bbsSrchBox .tit {display:inline-block; padding-right:40px; color:#222; font-size:18px; line-height:42px; vertical-align:middle;}
.bbsSrchBox .btn_d {margin:0;}
.bbsSrchBox .btn_l.s {min-width:0;}

.customSrchBox {padding:40px; background-color:#f1f1f1; text-align:center;}
.customSrchBox .tit {margin-bottom:20px; color:#222; font-size:24px; font-weight:700;}
.customSrchBox .btn_d {margin:0;}
.customSrchBox .keyword {margin-top:25px;}
.customSrchBox .keyword .tit {display:inline-block; margin:0; padding-right:11px; font-size:16px !important;}
.customSrchBox .keyword .tit span {display:inline-block; padding-left:11px; color:#c8c8c8; font-family:'Dotum', '돋움', Arial, Helvetica, sans-serif; font-weight:normal; vertical-align:middle;}
.customSrchBox .keyword .links {color:#666;}
.customSrchBox .keyword .links:after {border-color:#b4b4b4;}
.customSrchBox .keyword .links + .links {margin-left:10px !important;}

.scrollWrap {max-height: 228px; margin-bottom:30px; border-top:1px solid #333; border-bottom:1px solid #e0e0e0; overflow: auto; }
.scrollWrap.address {max-height: 193px;}
.scrollWrap.address table {margin:0; border:none;}
.scrollWrap.address table tbody tr:last-child td {border: none;}
.scrollWrap.address table td {font-size: 14px;}


/*================================================ Summary ================================================*/
/* total */
.totalSum {position:relative; padding:45px 40px 50px 60px; background-color:#e6f5fe;}
.totalSum .inner:after {display:block; content:''; clear:both;}
.totalSum .total {float:left; padding-top:12px; color:#333; letter-spacing:-0.05em; vertical-align:top;}
.totalSum .inner .tit {margin-bottom:12px; font-size:18px; font-weight:700;}
.totalSum .inner .tit + .amount {margin-top:-12px;}
.totalSum .inner .date {margin-bottom:12px;}
.totalSum .amount > span {display:block;}
.totalSum .money {color:#2b64ce; font-size:18px;}
.totalSum .money em {display:inline-block; padding-right:3px; font-size:36px; letter-spacing:-0.06em;}
.totalSum .small {margin-top:3px; color:#666; font-size:14px;}
.totalSum .card {margin-top:15px;}
.totalSum .infoList {float:right; width:680px !important; vertical-align:top;}
.totalSum .infoList > li {float:left; width:300px; margin:0 20px; padding:13px 0 12px; border-bottom:1px solid #cedfea; letter-spacing:-0.05em;}
.totalSum .infoList.full > li {width:640px;}
.totalSum .infoList .item {vertical-align:middle;}
.totalSum .infoList .val {color:#333; vertical-align:middle;}
.totalSum .infoList .val [class^=btn_] {margin-left:15px;}
.totalSum .infoList .val .links {margin-right:15px;}
.totalSum .btnArea {margin:20px 0 0; padding-right:20px;}
.totalSum .month {display:inline-block; position:absolute; top:0; width:70px; height:70px; background-color:#2b64ce; color:#fff; font-size:18px; font-weight:700; line-height:70px; text-align:center;}
.totalSum .month + .total {padding-top:65px;}
.totalSum .linkGroup {margin-top:-5px; padding-right:5px; text-align:right;}
.totalSum .linkGroup .links {color:#2b64ce;}

.popup .totalSum .infoList {width:640px !important;}
.popup .totalSum .infoList > li {width:280px;}
.popup .totalSum .infoList.full > li {width:600px;}

.totalSum.card {padding:60px;}
.totalSum.card .inner {display:table; width:100%; margin:-6px 0;}
.totalSum.card .cardImg {display:table-cell; text-align:left; vertical-align:middle;}
.totalSum.card .cardImg img {max-width:124px; max-height:124px;}
.totalSum.card .infoList {display:table-cell; float:none; width:590px !important; padding-left:35px; vertical-align:middle;}
.totalSum.card .infoList > li {float:none; width:auto; margin:0; padding:3px 0 2px; border-bottom:none;}
.totalSum.card .infoList .item {min-width:150px; vertical-align:top;}
.totalSum.card .infoList .val {text-align:left; vertical-align:top;}
.totalSum.card .total {display:table-cell; float:none; padding-top:0; text-align:right; vertical-align:middle;}
.totalSum.card .money {margin-bottom:-12px;}
.totalSum.card .links {margin-left:10px; font-size:14px; vertical-align:middle;}

.srchBox .totalSum.card {margin:35px -20px -30px; padding:35px 60px;}
.srchBox .totalSum.card .inner {height:220px;}
.srchBox .totalSum.card .month {right:60px;}
.srchBox .totalSum.card .cardImg {width:305px; padding-right:55px; text-align:center;}
.srchBox .totalSum.card .cardImg img {max-width:250px; max-height:250px;}
.srchBox .totalSum.card .total {text-align:left;}
.srchBox .totalSum.card .val {margin-top:35px; padding-top:15px; border-top:1px solid #cedfea;}

/* 고객상담센터 - ARS */
.totalSum.ars {padding:33px 40px 33px 60px; background:#f8f8f8;}
.totalSum.ars .total {padding-top:12px;}
.totalSum.ars .tit {margin-bottom:10px;}
.totalSum.ars .num {margin:-7px 0 -5px;}
.totalSum.ars .num a {display:inline-block; position:relative; font-size:28px; font-weight:700; letter-spacing:-0.05em;}
.totalSum.ars .num a + a {margin-left:18px; padding-left:18px;}
.totalSum.ars .num a + a:before {display:inline-block; content:''; position:absolute; top:9px; left:0; width:1px; height:22px; background:#e0e0e0;}
.totalSum.ars .desc {margin-top:7px; font-weight:700;}
.totalSum.ars .txtList_remark {margin:5px 0;}
.totalSum.ars .infoList {width:325px !important;}
.totalSum.ars .infoList > li {width:305px; border-bottom:1px solid #e0e0e0;}
.totalSum.ars .infoList > li:last-child {border-bottom:none;}

/* 이자 */
.interSum {display:table; width:100%; margin-bottom:30px; padding:40px 70px 25px; background-color:#f8f8f8; table-layout:fixed;}
.interSum > li {display:table-cell; position:relative; text-align:center;}
.interSum > li:before {content:''; position:absolute; top:0; bottom:15px; left:0; width:1px; background-color:#e0e0e0;}
.interSum > li:first-child:before {display:none;}
.interSum .item {display:block; margin-bottom:8px; color:#666; font-size:16px;}
.interSum .val {display:inline-block; position:relative; color:#333; font-size:18px; vertical-align:middle;}
.interSum .val.del:before {content:''; position:absolute; top:31px; left:0; width:100%; height:1px; background-color:#000;}
.interSum em {display:inline-block; padding-right:3px; font-size:36px; letter-spacing:-0.05em;}
.interSum .txt {display:block; margin-top:-5px; color:#666; font-size:13px;}
.interSum .val + .val {margin-left:11px; padding-left:33px; background:url(../img/pc/common/ico_arrow2.png) no-repeat 0 24px; text-decoration:none;}

table + .interSum {margin-top:40px;}

/* 결제일 변경 */
.interSum.dateChange {padding-bottom:45px;}
.interSum.dateChange .item {margin-bottom:12px; color:#222;}
.interSum.dateChange .val,
.interSum.dateChange em {font-size:24px; font-weight:700;}
.interSum.dateChange select {width:120px; margin-top:-2px; color:#222;}
.interSum.dateChange .val + .val {margin-left:50px; padding-left:73px; background:url(../img/pc/common/ico_arrow6.png) no-repeat 0 50px;}

/* 조회결과 */
.resulSum {position:relative; margin-bottom:40px; padding:0;}
.resulSum:before {content:''; position:absolute; top:5px; bottom:10px; left:50%; width:1px; background-color:#e0e0e0;}
.resulSum:after {display:block; content:''; clear:both;}
.resulSum > li {float:left; width:50%; padding-right:25px; text-align:center;}
.resulSum > li:after {display:block; content:''; clear:both;}
.resulSum > li:last-child {padding:0 0 0 25px;}
.resulSum .item {float:left; padding-top:13px;}
.resulSum .val {float:right;}
.resulSum em {color:#333; font-size:28px;}

.borderArea {padding:45px 60px 60px; border:1px solid #e0e0e0;}
.borderArea.scrollY {max-height:500px;}
[class^=table] + .borderArea {margin-top:40px;}

/* 보유 카드내역 */
.holdingSum {display:table; width:100%; min-height:190px; margin-bottom:30px; padding:50px 0 35px 50px; background-color:#f8f8f8;}
.holdingSum .inner {display:table-cell; vertical-align:middle;}
.holdingSum .tit {color:#222; font-size:28px; letter-spacing:-0.05em; line-height:1.4;}
.holdingSum .txtList_guide {min-height:16px; margin:15px 0 0;  padding-left:23px; background:url(../img/pc/common/ico_point2.png) no-repeat 0 3px; font-size:14px; text-align:center; display:inline-block;}
.holdingSum ul {display:table-cell; text-align:right; vertical-align:middle;}
.holdingSum ul > li {display:inline-block; position:relative; width:230px; padding:0 7px; text-align:center; vertical-align:top;}
.holdingSum ul > li:before {content:''; position:absolute; top:15px; left:0; width:1px; height:66px; background-color:#e0e0e0;}
.holdingSum .item {display:block; margin-top:5px; color:#666; font-size:14px;}
.holdingSum .val {display:block; color:#2b64ce; font-size:18px;}
.holdingSum em {display:inline-block; padding-right:2px; font-size:36px; letter-spacing:-0.05em;}
.holdingSum li button {margin:5px 0;}

/* 자동차 - 월납입금예상조회 */
.interSum.dateTotal {background-color:#fff;}
.interSum.dateTotal .item {font-size:18px; color:#222; font-weight:700;}
.interSum.dateTotal select {width:180px; margin-right:0;}
.interSum.dateTotal .val + .val {background:url(../img/pc/common/ico_arrow9.png) no-repeat 0 50px; margin-left:14px; padding-left:32px;}

/*================================================ 아코디언 ================================================*/
.accoBody {display:none;}
.accoBtn {display:block; position:relative; width:100%; color:#222; text-align:left; cursor:pointer;}
button.accoBtn,
a.accoBtn {transition: transform 0.25s}
.accoBtn:before {content:''; position:absolute; top:50%; right:25px; width:30px; height:30px; margin-top:-15px; background:url(../img/pc/common/btn_acco.png) no-repeat center center; transition:transform 0.25s;}
.accoItem.on .accoBtn:before {transform:rotate(180deg); -ms-transform:rotate(180deg); background:url(../img/pc/common/btn_acco_on.png) no-repeat center center;}
.accoBtn.noBtn:before{display:none} 
.btnIco_acco.accoBtn {display:inline-block; width:30px; background-image:none;}
.btnIco_acco.accoBtn:before {right:0; background-image:url(../img/pc/common/btn_acco.png);}

.accoTbl .accoHead > td:not(.th) {position:relative; padding-right:50px;}
.accoTbl .accoHead .btnIco_acco.accoBtn {position:absolute; top:50%; right:15px; margin-top:-15px;}
.srchBox .accoTbl .accoHead .btnIco_acco.accoBtn {right:20px;}
.accoTbl .accoBodyWrap > td {height:auto; padding:0; border:none;}
.accoTbl .accoBodyWrap .accoBody {margin:0;}
[class^=table].accoTbl .accoBodyWrap .accoBody {border-bottom:1px solid #e0e0e0;}
.accoTbl .accoBody .tableX td {text-align:center;}

.accoBody .accoItem .accoBtn:before {transform:none; -ms-transform:none; background:url(../img/pc/common/btn_acco.png) no-repeat center center;}
.accoBody .accoItem.on .accoBtn:before {transform:rotate(180deg); -ms-transform:rotate(180deg); background:url(../img/pc/common/btn_acco_on.png) no-repeat center center;}


/*================================================ FAQ ================================================*/
.faqList {border-top:1px solid #333;}
.faqList > li {border-bottom:1px solid #c8c8c8; border-top:none; border-right:none; border-left:none;}
.faqList > li + li {margin-top:0;}
.faqList .accoBtn {padding:32px 60px 30px 60px; font-size:20px; font-weight:700;}
.faqList .accoBtn:before {top:35px; margin-top:0;}
.faqList [class^=ico] {display:inline-block; text-indent:-30px;}
.faqList .icoQ {position:relative; top:1px; color:#2b64ce; font-size:24px;}
.faqList .icoA {padding-top:3px; color:#333; font-size:20px;}
.faqList .accoBody {display:none; position:relative; padding:40px 50px 40px 60px; border-top:1px solid #e0e0e0; background-color:#f8f8f8; color:#666;}


/*================================================ 추가정보 ================================================*/
.addInfoList > li {border:1px solid #e0e0e0; text-align:left;}
.addInfoList > li + li {margin-top:-1px;}
.addInfoList .accoBtn {padding:24px 80px 23px 40px; font-size:22px;}
/*.addInfoList .accoBtn:focus {outline-style: solid; outline-color: #79b0ff; outline-width: 1px; background-color: rgba(226, 253, 254, 0)}*/
.addInfoList .accoBtn:after {display:block; content:''; clear:both;}
.addInfoList .accoHead {position:relative;}
.addInfoList .accoHead a.tit {display:block; position:relative; padding:24px 80px 23px 40px; color:#222; font-size:22px; font-weight:700;}
.addInfoList .accoHead a.tit:before {content:''; position:absolute; top:50%; right:25px; width:30px; height:30px; margin-top:-15px; background:url(../img/pc/common/btn_acco.png) no-repeat center center; transform:rotate(-90deg); -ms-transform:rotate(-90deg);}
.addInfoList .accoHead > .links,
.addInfoList .accoBtn span.links {position:absolute; top:50%; right:80px; margin-top:-11px;}
.addInfoList .accoBody {display:none; padding:10px 40px 30px 40px;}
.addInfoList .txtList_disc {margin-top:0;}
.addInfoList [class*=txtList_] {margin-bottom:0;}
.addInfoList [class*=txtList_] > li.txtM {font-size:16px !important;}
.addInfoList [class*=txtList_] .txtList_remark {margin:7px 0 5px;}
.addInfoList .btnArea {margin:50px 0 20px;}
.addInfoList .btnArea + [class*=txtList_] {margin-top:50px;}
.addInfoList .guideBox:not(.extra) {padding:0; background-color:#fff;}
.addInfoList .guideBox.extra {margin-top:15px;}
.addInfoList .setApt .ipt {width:500px;}
.addInfoList .links {margin-left:5px !important;}
.addInfoList.notice .accoBtn {padding:32px 80px 27px 80px; background:url(../img/pc/common/ico_notice.png) no-repeat 40px 35px; font-size:18px;}

.addInfoList .accoBtn > .total {display:table; height:50px; position:absolute; top:18px; right:80px; color:#666; font-size:14px; text-align:right;}
.addInfoList .accoBtn > .total .inner {display:table-cell; vertical-align:middle;}
.addInfoList .accoBtn .money {display:block; color:#222; font-size:18px;}
.addInfoList .accoBody .titArea {margin-top:35px;}
.addInfoList .accoBody .titArea .money {float:right; font-size:18px;}

.addInfoList .icoImg {margin-right:15px;}

.addInfoList.cardInfo .accoBody {padding-left:100px;}
.cardInfo .titH4 {position:relative;}
.cardInfo .titH4 .icoImg {position:absolute; top:3px; left:-61px;}
/* .cardInfo .titH4:before {content:''; position:absolute; top:4px; left:-61px; width:45px; height:45px; background:url(../img/pc/content/cardInfo_ico.png) no-repeat 0 0;}
.cardInfo .icoEdu:before {background-position:0 0;}
.cardInfo .icoTransport:before {background-position:-45px 0;}
.cardInfo .icoLeisure:before {background-position:-90px 0;}
.cardInfo .icoDuty:before {background-position:-135px 0;}
.cardInfo .icoDepartment:before {background-position:-180px 0;}
.cardInfo .icoLife:before {background-position:-225px 0;}
.cardInfo .icoWedding:before {background-position:-270px 0;}
.cardInfo .icoBook:before {background-position:-315px 0;}
.cardInfo .icoTax:before {background-position:-360px 0;}
.cardInfo .icoShop:before {background-position:-405px 0;}
.cardInfo .icoOnline:before {background-position:0px -45px;}
.cardInfo .icoLodgment:before {background-position:-45px -45px;}
.cardInfo .icoTravel:before {background-position:-90px -45px;}
.cardInfo .icoTrAgency:before {background-position:-135px -45px;}
.cardInfo .icoAirline:before {background-position:-180px -45px;}
.cardInfo .icoOverseas:before {background-position:-225px -45px;}
.cardInfo .icoOil:before {background-position:-270px -45px;}
.cardInfo .icoParking:before {background-position:-315px -45px;}
.cardInfo .icoRestaurant:before {background-position:-360px -45px;}
.cardInfo .icoPayment:before {background-position:-405px -45px;}
.cardInfo .icoMedical:before {background-position:0px -90px;}
.cardInfo .icoAutopay:before {background-position:-45px -90px;}
.cardInfo .icoFurniture:before {background-position:-90px -90px;}
.cardInfo .icoConvenience:before {background-position:-135px -90px;}
.cardInfo .icoDiscount:before {background-position:-180px -90px;}
.cardInfo .icoCar:before {width:47px; background-position:-225px -90px;} */
/* 카드상세 아코디언 관련 */
.cmsArea strong.titH4 {display: inline-block;}
.specialAcco .accoBtn {position:relative; padding-left:100px;}
.specialAcco .accoBtn img {position: absolute; top: 21px; left: 40px;}
.specialAcco > .titH4:not(strong) {margin-bottom:20px; font-size: 24px; font-weight: 700; color:#222;}
.cardInfo .ico {position: absolute; left: -60px; top: 2px; width: 42px; height: auto;}
.cardInfo .ico.icoWrap img {opacity: 0;}
.cardInfo .ico.icoWrap {width:45px; height:45px; padding: 5px; border:1px solid #cacaca; border-radius: 50%;}
.cardInfo .ico.icoWrap .bg {width: 100%; height: 100%;}
.cmsArea ul.divider {padding-top: 20px; margin-top: 40px; border-top: 1px dotted #aaa;}
.cmsArea .cardInfo ul.divider {margin-left: -60px;}
.cmsArea .accoBody .pointStore {margin: 10px -12px 10px;}
.cmsArea .addInfoList ~ .titH4 + [class*=txtList_] {margin-top:0;}
.cmsArea .msgBox.sub {margin-top: -20px; margin-bottom:70px;}
.crdDetail .msgBox.sub {display: block; position: relative;}
.crdDetail .msgBox.sub .btnArea {position: absolute; bottom: 35px; right: 45px; display: block; margin:0;}
.crdDetail table.icoTbl td:not(.th) {text-align: left;}
.crdDetail .gas p {display: inline-block; vertical-align: middle;}
.crdDetail .gasFraction {display:inline-block; position:relative; padding:0 6px; margin-left: 3px; vertical-align: middle;  text-align: center;}
.crdDetail .gasFraction:after {content: ''; position: absolute; top:50%; left:0; right:0; width:100%; height: 1px; background-color: #999;}
.crdDetail .gasFraction em {display:block; position: relative; left:0; right:0;}
.crdDetail .gasFraction span {display: block;}
.cmsArea .txtList_remark:not(ul):before {color: inherit;}
.cmsArea .subMenuLink {margin-top: 40px; margin-bottom: 30px;}
.cmsArea .subMenuLink li > * {padding-top: 7px;}
.cmsArea .subMenuLink li .icoImg {margin-right: 0}
.addInfoList .links.mg0 {margin-left:0px !important;}
/*.crdDetail .tabPanel:last-child .accoBody {padding-top: 0}*/

.checkList {border-top:1px solid #333;}
.checkList > li {border-bottom:1px solid #c8c8c8;}
.checkList > li + li {margin-top:0;}
.checkList .accoBtn {padding:22px 75px 19px 30px; color:#333; font-size:18px; font-weight:700;}
.checkList .accoBtn:before {top:20px; margin-top:0;}
.checkList .accoBtn .total {float:right; padding-top:2px; font-size:16px;}
.checkList .accoBody {display:none; position:relative; padding:35px 30px 35px 60px; border-top:1px solid #e0e0e0; background-color:#f8f8f8; color:#666;}
.checkList .iptGroup {font-size:0;}
.checkList .iptGroup.div_4 li {width:25%; padding-right:15px; font-size:16px; vertical-align:top;}

.contList {border-top:1px solid #333;}
.contList > li {padding:30px 0; border-bottom:1px solid #c8c8c8; color:#333;}
.contList > li:after {display:block; content:''; clear:both;}
.contList > li + li {margin-top:0;}
.contList .tit {color:#333; font-size:18px; font-weight:700;}
.contList [class*=txtList_] {margin-bottom:0;}
ol.contList .num {display:inline-block; float:left; width:90px; padding-left:30px; color:#2b64ce; font-size:24px; font-weight:700;}
ol.contList .num + p {float:left; padding-top:7px; width:950px;}

.contList > li.accoItem {padding:0;}
.contList .accoHead {position:relative; padding:22px 75px 19px 30px; font-size:18px; font-weight:700;}
.contList button.accoBtn {position:absolute; top:50%; right:25px; margin-top:-15px;}
.contList .accoBody {display:none; position:relative; padding:35px 30px 35px 60px; border-top:1px solid #e0e0e0; background-color:#f8f8f8; color:#666;}

.contCopy {margin-bottom:40px; color:#333; font-size:24px;}

.smartTenCom {position:relative; padding:15px; background-color:#f2f2f2; overflow:hidden;}
.smartTenCom:before,
.smartTenCom:after,
.smartTenCom > ol:before,
.smartTenCom > ol:after {content:''; position:absolute; width:130px; height:130px; border-radius:50%; background-color:#f2f2f2;}
.smartTenCom:before {top:-55px; left:-55px;}
.smartTenCom:after {top:-55px; right:-55px;}
.smartTenCom > ol:before {bottom:-55px; left:-55px;}
.smartTenCom > ol:after {bottom:-55px; right:-55px;}
.smartTenCom > ol {padding:75px 95px 50px; background-color:#fff;}
.smartTenCom > ol > li {position:relative; padding:0 0 30px 65px;}
.smartTenCom > ol > li:last-child {padding-bottom:0;}
.smartTenCom .num {position:absolute; top:-6px; left:0; color:#2b64ce; font-size:30px; font-weight:700;}
.smartTenCom .tit {color:#222; font-size:22px; font-weight:700;}


/*================================================ Terms(약관) ================================================*/
.termsWrap {margin:10px 0 30px; border:1px solid #e0e0e0; border-top-color:#333; border-bottom:none;}
.termsWrap > .tit {margin:0; padding:22px 70px 21px 20px; border-bottom:1px solid #e0e0e0; background-color:#f8f8f8; color:#333; font-size:16px; font-weight:700;}
.termsWrap > .accoBody {padding:30px 60px 25px; border-bottom:1px solid #e0e0e0; font-size:14px; line-height:1.8;}
.termsWrap .ipt + label {padding-left:40px; color:#333;}
.termsWrap label [class^=pointC] {font-weight:400;}
.termsWrap .accoHead {position:relative;}
.termsWrap .accoHead .btnIco_acco {position:absolute; top:50%; right:25px; margin-top:-15px;}
.termsWrap .accoBody {display:none; background-color:#fff;}

.termsWrap .accoHead .btnIco_view {position:absolute; top:50%; right:25px; margin-top:-15px;}

.termsWrap .iptGroup {margin:-12px -50px -12px -20px;}
.termsWrap .iptGroup > li > div {padding:10px 65px 11px 0;}
.termsWrap .iptGroup > li {display:block; padding:0;}
.termsWrap .iptGroup > li .ipt + label {padding-top:2px;}
.termsWrap .iptGroup .accoBody {padding:10px 65px 11px 40px;}
.termsWrap .iptGroup .accoBody .inner {max-height:250px; margin-bottom:10px; padding:20px 25px; border:1px solid #e0e0e0; overflow-y:auto;}
.termsWrap .iptGroup.iptBtn {margin:0 0 10px 0;}
.termsWrap .iptGroup.iptBtn li .ipt + label {padding:1px 19px 0;}
.termsWrap .desc {padding-left:40px; color:#666; font-size:14px;}
.termsWrap .links {margin-left:20px; font-size:14px;}
.termsWrap .chkGroup {margin-bottom:10px;}
.termsWrap .chkGroup .singleIpt + .singleIpt {margin-left:40px;}
.termsWrap .sTit {margin:5px 0 6px; color:#222; font-weight:700;}
.termsWrap .downChk {margin-bottom:10px; padding:10px 40px 0; background-color:#f8f8f8;}
.termsWrap .downChk .iptGroup {margin:0 0 5px; padding-bottom:5px;}
.termsWrap .downChk .iptGroup > li > div {padding:5px 65px 6px 0;}
.termsWrap .downChk .links {position:absolute; top:12px; right:-10px;}
.termsWrap .downChk .links:after {display:none;}
.termsWrap .downChk .chkGroup {margin:10px 0 0; padding-left:40px;}
.termsWrap .mainTab {width:100%;}

/* 동의 */
.consentWrap {margin:30px 0; padding:12px 30px 22px; border:1px solid #e0e0e0; background-color:#f8f8f8; color:#333; text-align:right;}
.consentWrap p,
.consentWrap div,
.consentWrap .titH4 {margin-top:10px; margin-bottom:5px; text-align:left;}
.consentWrap div.ar {margin-top:0;}
.consentWrap li {color:#333;}
.consentWrap .txt {font-weight:700;}
.consentWrap .emailCon {margin-top:25px;}
.consentWrap .emailCon .ipt {margin-left:5px;}
.consentWrap .emailCon .links {float:right; margin-top:11px; font-size:14px;}

.titArea + .consentWrap {margin-top:10px;}


/*================================================ 팝업 ================================================*/
.popWrap {display:none; position:fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:rgba(0,0,0,0.4); overflow:hidden; z-index:900; outline:rgba(0,0,0,0.5);}
.popup {display:table; position:relative; height:100%; margin:0 auto; padding-right:35px; padding-left:35px; overflow:hidden;}
.popContain {display:table-cell; position:relative; height:100%; vertical-align:middle;}
.popCont {position:relative; padding:100px 0 125px; background-color:#fff; overflow:hidden;}
.popCont .btnIco_close {position:absolute; top:0; right:5px; z-index:11;}
.popCont .btnArea.sticky {position:absolute; padding-bottom:40px; z-index: 1}
.popCont .btnArea.sticky [class^=btn_] {min-width:90px; height:46px; line-height:46px;}
.popHead {display:table; position:absolute; top:0; left:0; width:100%; height:100px; border-bottom:1px solid #e0e0e0; background-color:#fff; overflow:hidden; z-index:10;}
.popHead h1 {display:table-cell; height:50px; padding:5px 100px 0 40px; font-size:24px; line-height:1.2; vertical-align:middle;}
.popBody .titH2 {font-size:18px;}
.popBody {position:relative; height:100%; max-height:none; margin-top:-100px; padding:35px 40px 0; z-index: 2}
.popBody.on {overflow-y:auto; -webkit-overflow-scrolling:touch;}
.popHead + .popBody {margin:0; padding:35px 40px 0;}
.popInner {position:relative; -webkit-transform:translateZ(0); -ms-transform:translateZ(0);}
.popBody section {width:100%;}
.popBody section + section {margin-top:30px;}
.popBody .infoCopy {color:#222; font-size:18px; font-weight:700;}
.popBody .infoDesc {margin:13px 0 9px; color:#666; line-height:1.6;}
.popBody .infoDesc + .infoDesc {margin-top:20px;}
.popBody .icoImgR {vertical-align:top;}
.popBody .icoImgR + .infoCopy {margin-top:20px;}

.popCont div.titArea .desc {margin-top:0;}
.popCont .totalSum {padding:40px 20px 50px 40px}

.popCont.col_3 {width:270px !important;}
.popCont.col_4 {width:360px !important;}
.popCont.col_5 {width:450px !important;}
.popCont.col_6 {width:540px !important;}
.popCont.col_7 {width:630px !important;}
.popCont.col_8 {width:720px !important;}
.popCont.col_9 {width:810px !important;}
.popCont.col_10 {width:900px !important;}
.popCont.col_11 {width:990px !important;}
.popCont.col_12 {width:1080px !important;}

.popCont.alert,
.popCont.col_3,
.popCont.col_4,
.popCont.col_5 {padding:60px 0 115px;}
.popCont.alert .popHead,
.popCont.col_3 .popHead,
.popCont.col_4 .popHead,
.popCont.col_5 .popHead {height:60px;}
.popCont.alert .popHead h1,
.popCont.col_3 .popHead h1,
.popCont.col_4 .popHead h1,
.popCont.col_5 .popHead h1 {padding:5px 70px 0 30px; font-size:20px;}
.popCont.alert .popBody,
.popCont.col_3 .popBody,
.popCont.col_4 .popBody,
.popCont.col_5 .popBody {text-align:center;}
.popCont.col_3 .popHead + .popBody,
.popCont.col_3 .popHead + .popBody,
.popCont.col_4 .popHead + .popBody,
.popCont.col_5 .popHead + .popBody {padding:35px 30px 0;}

.popCont.col_6 > .btnIco_close,
.popCont.col_7 > .btnIco_close,
.popCont.col_8 > .btnIco_close,
.popCont.col_9 > .btnIco_close,
.popCont.col_10 > .btnIco_close,
.popCont.col_11 > .btnIco_close,
.popCont.col_12 > .btnIco_close,
.full.popCont > .btnIco_close {top:20px; right:25px; background:url(../img/pc/common/btn_close2.png) no-repeat center center;}

/* full 팝업 */
.full.popCont {width:100%; min-width:1080px;}

body.popOn {overflow: hidden;}
body.popOn .wrapper {overflow: hidden;}
body.windowPop {min-width: 0; background: #fff; overflow: hidden; }
body.windowPop .popHead {position: fixed; top: 0; left: 0; right: 0; background-color: #fff; z-index: 2;}
body.windowPop .popBody {width: 100% !important;}
html.windowPop,
body.windowPop .popWrap,
body.windowPop .popup,
body.windowPop .popContain,
body.windowPop .popCont,
body.windowPop .popBody,
body.windowPop .popInner {position:static; height: auto; overflow: unset;}
body.windowPop .popInner {padding-right: 40px;}
body.windowPop .popCont {position: fixed; top: 0; bottom: 0; left: 0; right: 0; padding-bottom: 100px; overflow: hidden;}
body.windowPop .popBody {padding-right: 0px; overflow: auto;} 
body.windowPop .popCont .btnIco_close {position: fixed;} 
body.windowPop .btnArea.sticky {position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: 1000;}
body.hasScroll.windowPop.popOn, body.hasScroll.windowPop.popOn .popCont > .btnArea {padding-right: 17px; background: #fff}


.popCont .bbsSrchBox {margin-bottom:30px; padding:30px 0;}
.popCont .srchBox {padding:11px 10px 20px;}
.popCont .srchBox td {height:64px; padding:4px 0;}
.popCont .srchBox .th {padding:19px 0 0 15px;}
.popCont .srchBox .btnArea {margin:11px -8px 0; padding-top:20px;}
.popCont .srchBox .btn_d {min-width:90px; height:46px; line-height:46px;}
.popCont .srchBox + * {margin-top:25px;}

.popCont .mainTab {width:100%;}


/* 한도상향 안내 팝업 */
.interSum.limit {margin-top:30px;}
.interSum.limit {padding:30px 10px 30px;}

/* 팝업 */
.adminPopWrap {display:none; position:absolute; top:0; left:0; right:0; padding-top:185px; background-color:rgba(0,0,0,0.4); overflow:hidden; z-index:900; outline:rgba(0,0,0,0.5); text-align:center;}
.adminPopWrap .popCont {display:inline-block; margin:10px; width:540px; vertical-align:top; padding:60px 0 80px;}
.adminPopWrap .popHead {height:60px; text-align:left;}
.adminPopWrap .popHead h1 {padding:5px 100px 0 30px; font-size:18px;}

.adminPopWrap .closeBox {left:0; right:0; bottom:0; border-top:1px solid #ddd; text-align:right; background-color:#f0f0f0; padding:9px 20px !important;}
.adminPopWrap .closeBox .singleIpt {vertical-align:middle;}
.adminPopWrap .closeBox .singleIpt label {font-size:14px;}
.adminPopWrap .closeBox button {margin:0 0 0 14px; height:32px !important; line-height:30px !important;}

/*================================================ 인증 ================================================*/
/*.certContain {padding:70px 0; background-color:#aaa; font-size:20px; font-weight:bold; text-align:center; color:#fff; letter-spacing:0;}*/











/* alert */
.popCont.alert {min-width:436px; min-height:200px;}
.alert .popBody {height: auto !important; margin-top:-60px; padding:60px 30px 0;}
.alert .popHead + .popBody {margin-top:0;}
.alert .msg {text-align:center;}
.alert .msg [class^=titH]:first-of-type {margin-top:0;}
.alert .noData {margin:0; padding:70px 0 0 0; border:none; background-position:center top;}
.nowAlert {z-index: 1201}



/* 20200104 추가 */
/* iptWrap */
.iptWrap {display:inline-block; position:relative; max-width:100%; margin-right:5px; vertical-align:middle;}
.iptWrap .ipt.unit:not(.front) {text-align:right !important;}
.iptWrap .ipt.unit:not(.front)::-moz-placeholder {text-align:right !important;}
.iptWrap .ipt.unit:not(.front):-ms-input-placeholder {text-align:right !important;}
.iptWrap .ipt.unit:not(.front)::-webkit-input-placeholder {text-align:right !important;}
.iptWrap .btnIco_del {visibility:hidden; position:absolute; top:1px; right:1px; width:32px; height:40px; background:none;}
.ipt[readonly] + .btnIco_del, .ipt[disabled] + .btnIco_del {visibility:hidden !important;}
.iptWrap .btnIco_del:before,
.iptWrap .btnIco_del:after {content:''; display:block; position:absolute; top:50%; left:10px; width:2px; height:12px; margin-top:-7px; background-color:#666; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.iptWrap .btnIco_del:after {transform:rotate(135deg); -ms-transform:rotate(135deg);}
.iptWrap .btnIco_del.hasMargin {right:11px}
.iptWrap.on .ipt[disabled]:focus ~ .unit, .iptWrap.on .ipt[readonly]:focus ~ .unit {display:inline-block;}
.iptWrap span.unit {position:absolute; top:1px; right:1px; padding:0 15px 0 5px; font-size:16px; line-height:40px;}
.iptWrap .btnIco_del.hasMargin ~ span.unit {right:11px;}
.iptWrap .ipt.front ~ span.unit {right:auto !important; left:1px; padding:0px 5px 0 14px;}
.iptWrap.on .btnIco_del {visibility:visible;}
.iptWrap.on .ipt:focus {padding-right: 32px;}
.iptWrap.on .ipt[disabled] ~ .btnIco_del, .iptWrap.on .ipt[readonly] ~ .btnIco_del {visibility:hidden;}
.iptWrap.on .ipt:focus:not(.front) ~ .unit {display:none}
.iptWrap.on .ipt[readonly]:focus ~ .unit,
.iptWrap.on .ipt.disabled:focus ~ .unit,
.iptWrap.on .ipt[disabled]:focus ~ .unit {display: inline-block;}

.iptWrap.full .ipt {width:100%;}
/** + .iptWrap.full {margin-top:10px;}*/
.iptWrap.full {width:100%; max-width:855px;}

/* E-mail */
ul.mailtip {border:1px solid #ccc; background:#fff; text-align:left; font-size:14px; overflow:hidden; zoom:1;}
ul.mailtip:after {content:''; display:block; clear:both;}
ul.mailtip li p {margin:0 9px; padding:8px 5px; text-align:inherit; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; cursor:pointer;}
ul.mailtip li.active {background:#ecfeff; color:#0048ce;}
ul.mailtip li.hover {background:#ecfeff;}

/* Date picker */
.dateWrap {display:inline-block; position:relative; margin-right:5px; vertical-align:middle;}
.dateWrap .ui-datepicker-trigger, .btnIco_month {position: absolute; top:1px; right: 1px; width:41px; height: 40px; border:none; background:none; overflow:hidden; transition:none; color: transparent;}
.ui-datepicker {z-index: 1100 !important;}
.ui-datepicker .btnIco_close {position:absolute; right:6px; top:6px; width:40px; height:40px; background:url(../img/pc/common/btn_close_date.png) no-repeat center; color: transparent;}
.ui-datepicker .btnIco_close:focus,
.ui-datepicker .btnIco_close:hover {border:none;}
/* .popOn .ui-datepicker {position: absolute !important; top:46px !important; left:0 !important; opacity: 1 !important} */
.ui-datepicker-trigger + .ui-datepicker {position: absolute !important; top:46px !important; left:0 !important; opacity: 1 !important}

/* Month picker */
.monthPicker {display:none; position: absolute; top:300px; left:300px; width:284px; margin:0; padding:0 25px; border:1px solid #e0e0e0; background:#fff; z-index: 500;}
.monthPicker.on {display: block;}
.monthPicker .topArea {padding: 20px 0 8px 0; text-align:center; background-color:#fff; box-sizing:border-box}
.monthPicker select.ipt {display: inline-block; width:auto !important; height:42px; padding:0 38px 0 15px; border:1px solid #fff; border-radius:4px; background: #fff url(../img/pc/common/btn_select_date.png) no-repeat right 15px center; line-height: 40px; font-size: 20px; color: #000; font-family: 'NanumSqure Bold', sans-serif; vertical-align: top; box-sizing: border-box;}
.monthPicker .btnIco_close {position: absolute; right: 6px; top: 6px; width: 40px; height: 40px; background: url(../img/pc/common/btn_close_date.png) no-repeat center; color: transparent;}
.monthPicker .monthList:after {content: ''; display: table; clear: both;}
.monthPicker .monthList .btn_l {float:left; position:relative; min-width:0; width: 58px; height: 38px; margin: 0 0 -1px -1px; padding: 0; border-color:#c8c8c8; border-radius: 0px; text-align: center; line-height: 36px; vertical-align: middle; font-size: 14px; color: #333; box-sizing: border-box; z-index: 1}
.monthPicker .monthList .btn_l:focus {z-index: 2;}
.monthPicker .monthList .btn_l:hover {background-color: #eee;}
.monthPicker .monthList .btn_l:first-child {border-radius: 2px 0 0 0;}
.monthPicker .monthList .btn_l:nth-child(4) {border-radius: 0 2px 0 0;}
.monthPicker .monthList .btn_l:nth-child(9) {border-radius: 0 0 0 2px;}
.monthPicker .monthList .btn_l:last-child {border-radius: 0 0 2px 0;}
.monthPicker .monthList .btn_l.on {color:#fff; border-color:#2b64ce; background-color:#2b64ce;}
.monthPicker .monthList .btn_l:not(.on).today {background-color:#d8edfb;}
.monthPicker .monthList .btn_l .blind {display: none}
.monthPicker .monthList .btn_l.today .blind.to, .monthPicker .monthList .btn_l.on .blind.sel {display: block;} 
.monthPicker .btnArea {padding: 21px 0 30px; margin: 0; background: #fff}
.monthPicker .btnArea .btn_l.s {min-width: 130px;}

/* popup loading */
.lpLoadingWrap,
.popCont .loadingWrap {position:absolute; top:0; left:0; bottom:0; right:0; display:table !important; width:100%; box-sizing: border-box; z-index: 1300; background-color: rgba(255,255,255,0.8);}
.lpLoadingWrap .loadingArea {display:table-cell; padding-bottom:80px; vertical-align:middle; text-align: center;}
.lpLoadingWrap .loading {display:block; width:30px; height:30px; background: url(../img/pc/common/ico_loading.png) no-repeat 0 0 / cover; margin:auto; animation: spin 1160ms infinite linear;}
.lpLoadingWrap ~ div {display: none;}
@keyframes spin{
	0%{-webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg)}
	100%{-webkit-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg)}
}

/*=========================================== Tooltip ==============================================*/
.tip {display:inline-block; position:relative; vertical-align:middle; font-size:0; font-weight:normal;}
.tip + p {margin-left:10px; vertical-align: middle;}
.tipWrap {display:inline-block; position:relative; width:18px; height:18px; font-size:0; text-align:left; vertical-align:middle;}
.tipWrap .btnIco_tip {display: inline-block; position:absolute; width:18px; height:18px; border-radius:50%; background-color:#333; background-position:-40px -30px; vertical-align:middle; overflow: hidden; }
body:not(.isMobile) .tipWrap:hover .btnIco_tip, 
.tipWrap .btnIco_tip:focus, 
.tipWrap.on .btnIco_tip {/*background-position: 0 bottom; 추후 추가될 경우 살리기*/}
.tipWrap.on .tooltip {display:block; opacity:1; outline:rgba(0,0,0,0);}
.tipWrap.on .btnIco_close {display:block;}
.tip [class*=col_] {float: none;}

.toolTip {display: none;}
.tooltip {display:none; position:absolute; top:50%; left:0; width:auto; min-width:150px; padding:15px; margin-left:31px; background-color:#fff; border: 1px solid #333; text-align:left; font-size:14px; transition:opacity .15s linear; box-sizing: border-box; z-index:500; opacity: 0; border-radius: 0px; /*box-shadow:  3px 3px 5px rgba(0,0,0,0.15);*/}
.tooltip.in {display:block; opacity:1;}
.tooltip > .tit {display:block; margin-bottom:10px; border-radius:5px 5px 0 0; line-height:1;}
.tooltip .cont {padding-right: 15px;}
.tooltip .btnIco_close {display:none; position: absolute; top: 10px; right: 10px; width: 20px; height: 20px; border: none; background: url('../img/pc/common/btn_close_tooltip.png') no-repeat center;}
.tooltip .arrow {position: absolute; overflow: hidden; border-width: 0; width: 8px; height: 22px; top: 50%; left: -8px; margin-top: -13px;}
.tooltip .arrow:after {content: ""; display: block; position: absolute; width: 12px; height: 12px; left: 3px; bottom: 3px; text-align: center; background: #fff; transform: rotate(45deg); -ms-transform: rotate(45deg); border: 1px solid #333;}

.left .tooltip {margin-right:auto; margin-left: -12px;}
.left .tooltip .arrow {width:9px; height:14px; top:50%; left:auto; right:-8px; margin-top:-9px}
.left .tooltip .arrow:after {content:""; display:block; width:11px; height:11px; left:auto; right:2px; bottom:0;}

.top .tooltip {top: auto; bottom: 34px; margin-left: auto; margin-right: auto; }
.top .tooltip .arrow {width: 16px; height: 9px; left: 50%; top: auto; bottom: -9px; margin-left: 0px;}
.top .tooltip .arrow:after{content: ""; display: block; width: 11px; height: 11px; bottom: 3px;}

.bottom .tooltip {left:-50%; top:32px; margin-left:10px; margin-right: auto}
.bottom .tooltip .arrow {width: 20px; height: 9px; left: 50%; right: 0; top: 0; margin-top: -9px; margin-left: -8px;}
.bottom .tooltip .arrow:after {content: ""; display: block; width: 11px; height: 11px; top: 3px; left: 1px;}
.tip.noti {position: absolute;}
.noti .tooltip, .noti .tooltip .arrow:after {border-color: #2b64ce; background-color: #ecfeff;}

/*================================================ customSlt ================================================*/
/* customSlt */
.customSlt {position:relative; margin:5px 0;}
.customSlt .ipt.asSlt.mini {width:157px;}
.customSlt:not(.cardSlt) {display: inline-block; margin:0;}
.customSlt.on:not(.cardSlt) {z-index: 500;}
.customSlt .asSlt {text-align: left}
.customSltBox {display:none; position: absolute; left:0px; right:5px; margin:-1px 0 0 0; padding:0 0 20px 0; border:1px solid #c8c8c8; border-radius:0 0 2px 2px; background-color: #fff; z-index: 500;}
.customSlt.on .ipt.asSlt {border-radius: 4px 4px 0 0;}
.customSlt.on .customSltBox {display: block;}
.customSltListWrap {max-height:200px; margin-right:10px; overflow: auto;}
.customSltList {margin:0;}
.customSltList li button {display:block; width:100%; padding:8px 0 8px 20px; color:#666; text-align: left; font-size:14px; box-sizing: border-box;}
.customSltList li button:hover, .customSltList li button:focus {background-color: #ecfeff}
.customSltList li button.on {color:#222;}
.customSlt .customSearch {padding:15px 10px 7px;}
.customSlt .search {width:100%; height:34px; border-color:#e0e0e0; border-radius: 0; background-color: #f8f8f8; color:#333;}
.customSlt .search.firstSet {background: #f8f8f8 url(../img/pc/common/ico_search_s.png) no-repeat 10px 9px;}
.customSlt button.ipt.asSlt {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}


/*================================================ ie9 ================================================*/
.ie9 select.ipt {padding-right:0; background-image:none;}
.ie9 .ipt.date,
.ie9 .ipt.month {background-image:none;}
.ie9 .ui-datepicker-trigger {background:transparent url(../img/pc/common/ico_calendar.png) no-repeat 100% center !important;}

/* 공통 윈도우 팝업 */
.winPop .popWrap {display:block}
.winPop .popup {display:block;padding:0;}
.winPop .popContain {display:block}

/* 공통 table 컬러 */
[class^=table] tr.pointC5.bold th {font-weight:700; color:#222;}
[class^=table] tr.pointC1 td {color:#2b64ce}

/************** 사이즈 팝업 **************/
/* 관리자 팝업 사이즈 정의 */
.popWrap.admin .popBody {padding:0;}
body.windowPop .admin .popInner {padding-right:0;}
.popWrap.admin .popHead {height:100px;}
.popWrap.admin .popCont {padding:100px 0 50px;}
.popWrap.admin .swiperWrap .imgArea {text-align:center;}
.popWrap.admin .popCont .btnIco_close {top:22px;}
.popWrap.admin .popInner .btnArea {margin:30px 0 0; padding-bottom:30px;}
.popWrap.admin .btnArea a {padding:0 4px;}
/* 팝업 하단 영역 */
.popWrap.admin .popCont .btnArea .ipt[type='checkbox'] + label {font-size:14px;}
.popWrap.admin .popCont .btnArea .ipt[type='checkbox'] + label:before {width:18px; height:18px; top:3px;}
.popWrap.admin .popCont .btnArea .ipt[type='checkbox']:checked + label:before {background-position:1px 3px;}
.popWrap .popCont .btnArea.sticky.closeBox {position:absolute; left:0; right:0; bottom:0; border-top:1px solid #ddd; text-align:right; background-color:#f0f0f0; padding:9px 20px;}
.popWrap .popCont .btnArea.sticky.closeBox .singleIpt {font-size:16px; vertical-align:middle;}
.popWrap .popCont .btnArea.sticky.closeBox button {margin:0 0 0 14px; height:32px; line-height:30px;}
/* 슬라이드 버튼 */
.popWrap.admin .swiperWrap .btnNext,
.popWrap.admin .swiperWrap .btnPrev {position:absolute; top:50%; left:0; width:25px; height:44px; margin:-22px 0 0 0; background:url(../img/pc/content/btn_popslide_set.png) no-repeat 0 0; z-index:10;}
.popWrap.admin .swiperWrap .btnPrev {left:40px; background-position:0 0;}
.popWrap.admin .swiperWrap .btnNext {left:auto; right:40px; background-position:100% 0;}
.popWrap.admin .popCont .swiperWrap .swiper-controls {width:100%; position:static; margin: 10px 0 20px;}

/* 사이즈 - 대 */
.popWrap.admin .popCont.col_12 .imgArea img {width:1080px; height:400px;}
.popWrap.admin .popCont.col_12 .btnArea a img {height:60px;}
.popWrap.admin .popCont.col_12 .swiperWrap .btnPrev,
.popWrap.admin .popCont.col_12 .swiperWrap .btnNext {margin:-100px 0 0 0;}
/* 사이즈 - 중 */
.popWrap.admin .popCont.col_9 .imgArea img {width:810px; height:340px;}
.popWrap.admin .popCont.col_9 .btnArea a img {height:46px;}
.popWrap.admin .popCont.col_9 .swiperWrap .btnPrev,
.popWrap.admin .popCont.col_9 .swiperWrap .btnNext {margin:-80px 0 0 0;}
/* 사이즈 - 소 */
.popWrap.admin .popCont.col_6 .popHead {height:60px;}
.popWrap.admin .popCont.col_6 .popHead h1 {padding:5px 100px 0 30px; font-size:18px;}
.popWrap.admin .popCont.col_6 {padding:60px 0 50px;}
.popWrap.admin .popCont.col_6 .btnIco_close {background:url(../img/pc/common/btn_close1.png) no-repeat center center; top:0; right:20px;}
.popWrap.admin .popCont.col_6 .imgArea img {width:540px; height:240px;}
.popWrap.admin .popCont.col_6 .btnArea a img {height:32px;}
.popWrap.admin .popCont.col_6 .swiperWrap .btnPrev,
.popWrap.admin .popCont.col_6 .swiperWrap .btnNext {right:30px; width:21px; height:36px; background-position:100% 100%; margin:-68px 0 0 0;}
.popWrap.admin .popCont.col_6 .swiperWrap .btnPrev {left:30px; right: auto; background-position:0 100%;}
.popWrap.admin .popCont.col_6 .popInner .btnArea {margin:20px 0 0; padding-bottom:20px;}
.popWrap.admin .popCont.col_6 .swiperWrap .swiper-controls {margin: 0 0 20px;}

/*================================================ 공인인증서 ================================================*/
#ecertDialogWrap.ui-dialog {width:804px !important; background-color:#fff; padding:0;}
/* 인증서 헤더 */
#ecertDialogWrap.ui-dialog .ui-dialog-titlebar {padding:0 40px; border-bottom:1px solid #e0e0e0;}
#ecertDialogWrap.ui-dialog .ui-dialog-titlebar .ui-dialog-title {height:70px; font-size:24px; letter-spacing:-0.04em; line-height:70px; float:none;}
#ecertDialogWrap.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {position:absolute; top: 5px; right: 10px; width:60px; height:60px; background:url(../img/pc/common/btn_close1.png) no-repeat center center;}
#ecertDialogWrap.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close span {background:none;}
/* 인증서 컨텐츠 */
#ecertDialogWrap.ui-dialog #ecertDialog {padding:40px 40px 0; height: auto !Important;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select {padding:13px 0 10px; position:relative;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select > a {margin-left:10px;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select > a:first-child {margin-left:0;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select #listUSB {background-color:#fff; width:188px; border:1px solid #333; position:absolute; top:120px; left:110px; z-index:10;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select #listUSB li {padding:8px 10px; border-top:1px solid #ddd; font-weight:700; cursor:pointer;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select #listUSB li:first-child {border-top:0;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select #listUSB li:hover,
#ecertDialogWrap.ui-dialog #ecertDialog .cert-select #listUSB li:focus {background-color:#ecfeff;}
#ecertDialogWrap.ui-dialog #ecertDialog .cert-list {height: 200px; overflow: auto;}
#ecertDialogWrap.ui-dialog #ecertDialog h2 {font-weight:700; font-size:18px; color:#222;}
#ecertDialogWrap.ui-dialog #ecertDialog #table-certlist {}
#ecertDialogWrap.ui-dialog #ecertDialog #table-certlist th,
#ecertDialogWrap.ui-dialog #ecertDialog #table-certlist td {padding:15px 20px 13px;}
#ecertDialogWrap.ui-dialog #ecertDialog #table-certlist td {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#ecertDialogWrap.ui-dialog #ecertDialog #table-certlist tr:hover,
#ecertDialogWrap.ui-dialog #ecertDialog #table-certlist tr:focus {background-color:#ecfeff;}

#ecertDialogWrap.ui-dialog #ecertDialog .form-cert-password {position:relative; margin-top:30px;}
#ecertDialogWrap.ui-dialog #ecertDialog .form-cert-password .password-wrapper {position:relative; padding-bottom:30px; font-size:18px; font-weight:700;}
#ecertDialogWrap.ui-dialog #ecertDialog .form-cert-password .password-wrapper #certPassword {display:block; margin-top:7px; background-color:#ecfeff !important; width:100%; color:#333 !important;}
#ecertDialogWrap.ui-dialog #ecertDialog .form-cert-password .password-wrapper #btnKpUserPwd {position: absolute; right: 0; top: 36px;}
#ecertDialogWrap.ui-dialog #ecertDialog .form-cert-password p {position:absolute; bottom:0; left:0;}
/* 인증서 버튼 */
#ecertDialogWrap.ui-dialog [class^=ui-button] {margin:0 5px;}
#ecertDialogWrap.ui-dialog .ui-dialog-buttonpane {text-align:center; padding:0; margin:0; border:0;}
#ecertDialogWrap.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none; padding:15px 0; display:inline-block;}
#ecertDialogWrap.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button {float:left; min-width:90px; height:46px; padding:0; line-height:46px; background-color:#dee3e6; border-radius:4px; color:#222;}
#ecertDialogWrap.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:first-child {float:right; background-color:#2b64ce; color:#fff;}

.gridFocusSet,
.waGridShow {display:block; position: absolute; left:0; width:100%; height:0; background-color:#2b64ce; color:#fff; font-size:14px; font-weight:bold; line-height:1; text-align:center; overflow:hidden; z-index:9999;}
.gridFocusSet:focus,
.gridFocusSet:active,
.waGridShow:focus,
.waGridShow:active {height:auto; margin-top:0; padding:10px 0px;}

/*================================================ oldIE 하위 브라우저 ================================================*/
/* 아이콘 이미지 위치 - icoImgR > img 공통 현상 */
.oldIE .icoImgR > img {top:10px; left:10px; transform:none; -ms-transform:none;}
.oldIE .etcInfo .icoImgR > img,
.oldIE .etaxInfo .icoImgR > img,
.oldIE .plusSrvList .icoImgR > img,
.oldIE .guideList > li .icoImgR > img,
.oldIE .certiCopy .icoImgR > img {top:0; left:0; transform:none; -ms-transform:none;}
.oldIE .plusSum .icoImgR > img {top:15px; left:15px; transform:none; -ms-transform:none;}
.oldIE .etcInfo.taxPayInfo .icoImgR > img {top:50%; left:50%; transform:none; -ms-transform:none; margin-top:-16px; margin-left:-16px;}

/* topMsg내 일반버튼과 X버튼 겹침 현상 ie9 ~ ie11 */
.isIE .topMsg .inner .btn_l {display:block;}

/* step box 화살표 이미지 처리 */
.oldIE .stepArrow > li:before {content:''; position:absolute; top:50%; right:-11px; width:11px; height:20px; margin-top:-10px; border:0; box-sizing:border-box; transform:none; -ms-transform:none; z-index:1; background:#fff url(../img/pc/content/ico_oldie_steparrow.png) no-repeat 0 0;}
.oldIE .stepArrow > li:last-child:before {contnet:none;}
.oldIE .conBlockList.div_1.stepArrow > li:before {content:''; position:absolute; top:auto; right:auto; bottom:-11px; left:50%; margin-left:-10px; width:20px; height:11px; border:0; box-sizing:border-box; transform:none; -ms-transform:none; z-index:1; background:#fff url(../img/pc/content/ico_oldie_steparrow2.png) no-repeat 0 0;}
.oldIE .conBlockList.div_1.stepArrow > li:last-child:before {contnet:none;}

/* 자동차 - 지점안내 팝업 tabList 깨짐 : tabList > li {display:table} */
.oldIE [class*=div_].tabList > li {display:table-cell;}
.oldIE [class*=div_].tabList > li span {display:block; line-height:48px;}

/* iptBtn 리스트 간격 오류 공통 현상 */
.oldIE .iptBtn .ipt + label {min-width:74px; box-sizing:content-box;}
.oldIE .iptBtn.logo[class*=div_] .ipt + label {min-width:144px;}
.oldIE .iptBtn.mini li label {min-width:50px;}

/* 약관 border 재정립 */
.oldIE .termsWrap {border-top:1px solid #333; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}

/* 툴팁 size */
.oldIE .tooltip {min-width:188px;}

/* swiperWrap height */
.oldIE .myEvent .swiperWrap.eventThum {height:353px;}
.oldIE .bnfMain .swiperWrap {height:315px;}
.oldIE .recomMenu .swiperWrap {height:169px;}
.oldIE .infoBanner .swiperWrap {height:105px;}
.oldIE .recomCardArea .swiperWrap {height:300px;}
.oldIE .keepCardArea .swiperWrap {height:297px;}
.oldIE .cardMain .fullBanner .swiperWrap {height:315px;}
.oldIE .swiperWrap.eventThum {height:231px;}
.oldIE .swiperWrap.recomCardGroup {height:166px;}
.oldIE .swiperWrap.useEventList {height:270px;}
.oldIE .swiperWrap.useCardInfo {height:402px;}
.oldIE .swiperWrap.overProBox {height:813px;}
.oldIE .swiperWrap.overMallBox {height:237px;}
.oldIE .swiperWrap.entBanner,
.oldIE .entBanner .slideList > li {height:547px;}
.oldIE .swiperWrap.entCardInfo,
.oldIE .entCardInfo .slideList > li {height:320px;}
.oldIE .swiperWrap.entCardService,
.oldIE .entCardService .slideList > li {height:313px;}
.oldIE .swiperWrap.bannerSwiper,
.oldIE .bannerSwiper .slideList > li {height:150px;}
.oldIE .swiperWrap.myBanner {height:114px;}
.oldIE .swiperWrap.bbsList.imgBbs.thumList {height:245px;}
.oldIE .topVisualArea.myMain {height:226px;}
.oldIE .welFMainVisual .swiperWrap {height:450px;}
.oldIE .infoArea .swiperWrap.myCardList {height:197px; overflow:hidden;}
.oldIE .myMainCont .myCardList.swiperWrap {height:390px; overflow:hidden;}
.oldIE .myMainCont .myCardList.swiperWrap .slideList > li {height:390px; box-sizing: border-box;}

/* 기업 메인 */
.oldIE .entMainHistory {padding-bottom:70px;}
.oldIE .entMainHistory .downloadList > li .tit {padding-top:2px; padding-left:35px;}

/* 모바일 - 카드터칭 아이콘 위치 */
.oldIE .divLignLogo .img img {position:static; transform:none; -ms-transform:none;}

/* table left border */
.oldIE table:after {content:'';position:absolute;top:-1px;bottom:-1px;left:0;border-left:2px solid #fff;}

/* 회사소개 - 비전/핵심가치/슬로건 화살표 이미지 처리 */
.oldIE .visionArea .vision_box1 .tit,
.oldIE .visionArea .vision_box2 .tit {border-bottom:0;}
.oldIE .visionArea .vision_box1 .tit:after {width:168px; height:11px; margin-left:-84px; background:url(../img/pc/content/arrow_vision_box1.png) no-repeat 0 0; border:0; transform:none; -ms-transform:none;}
.oldIE .visionArea .vision_box2 .tit:after {width:168px; height:11px; margin-left:-84px; background:url(../img/pc/content/arrow_vision_box2.png) no-repeat 0 0; border:0; transform:none; -ms-transform:none;}

/* 파일찾기 버튼 위치 */
.oldIE .setFile {position:relative; padding-right:100px;}
.oldIE .setFile > button {position:absolute; right:0;}

/* tableX th, td first line */
.oldIE .tableX th:first-child, 
.oldIE .tableX td:first-child {border-left:0;}

/* 검색버튼 아이콘 이미지 처리 */ 
.oldIE .header .gnbArea .gnb_search > span:after {content:none;}
.oldIE .header .gnbArea .gnb_search > span:before {content:''; position:absolute; top:16px; left:19px; width:26px; height:26px; border-radius:0; border:0; transform:none; -ms-transform:none; background:url(../img/pc/content/ico_bg_search.png) no-repeat 0 0;}
.oldIE .srchOpen .header .gnb_search:after,
.oldIE .srchOpen .header .gnbArea .gnb_search > span:before {content:none;}
.oldIE .srchOpen .header .gnb_search:before {content:''; position:absolute; top:19px; left:22px; width:20px; height:20px; border-radius:0; border:0; transform:none; -ms-transform:none; background:url(../img/pc/content/ico_bg_search_x.png) no-repeat 0 0;}

/* inputbox X버튼 이미지 처리 */ 
.oldIE .iptWrap .btnIco_del:before {content:''; display:block; position:absolute; top:50%; left:10px; width:12px; height:12px; margin-top:-6px; background-color:transparent; transform:none; -ms-transform:none; background:url(../img/pc/content/ico_ie_input_x.png) no-repeat 0 0;}
.oldIE .iptWrap .btnIco_del:after {content:none;}

/* 기업 메인 로그인 아이콘 ie9~11 */
.isIE .topLoginArea .formArea .id,
.isIE .topLoginArea .formArea .pw {background-position:0 1px;}

/* 기업 메인 cardIssue */
.oldIE .topCardArea .linkArea {display:block;}
.oldIE .topCardArea .linkArea:after {content:''; display:block; clear:both;}
.oldIE .topCardArea .linkArea > li {display:inline-block; float:left;}

/* bbs목록 이미지 위치 */
.oldIE .imgBbs .thum {position:static; transform:none; -ms-transform:none;}
.oldIE .imgBbs.webzin .thum {top:10px; left:20px; transform:none; -ms-transform:none;}

/* .event목록 이미지 위치 */
.oldIE .eventImg > img:not(.evtIco) {position:static; transform:none; -ms-transform:none; width:100%;}

/* 카드메인 목록형 리스트 bg */
.oldIE .goodsList.card > li {background-color:#fff;}

/* 카드메인 */
.oldIE .cardMain .recomCardArea .slideList > li {height: 300px !important;}
.oldIE .cardMain .keepCardArea .swiperWrap {height: 297px !important;}
.oldIE .cardMain .keepCardArea .swiper-container {height: 244px; overflow: hidden;}
.oldIE .cardMain .keepCardArea .btnNext,
.oldIE .cardMain .keepCardArea .btnPrev {z-index: 300;}
.oldIE .cardMain .keepCardArea .goodsSumList > li {float:left; width: 305px !important; height: 244px !important;}
.oldIE .keepCardArea .cardImg > img {-ms-transform: translate(-50%, -50%);}

/* 이용대금 명세서 */
.oldIE .recomMenuArea {overflow: hidden;}

/* 접근성 그리드 테이블 */
.waTable{border-collapse:collapse;border:solid thin rgb(224, 224, 224);}
.waTable td, .waTable th{border:solid thin rgb(224, 224, 224);font-size:13px;text-align:center;font-weight:400;height:30px;color:#000;}
.waTable th{background-color:#F1F1F1;color:#000;}
.waTable a{text-decoration:underline;cursor:pointer;}

/* 넷퍼넬 유량제어 솔루션 */
.netfunnel_popup_container{position: fixed !important; top: 50% !important; left: 50% !important; transform: translate(-50%, -50%) !important; width: 340px; min-height: 380px; letter-spacing: -0.04em; border-radius: 16px; background-color: #fff; z-index: 2;}
.netfunnel_popup_head {position: relative; padding: 0; border-bottom: 1px solid #eee; text-align: right;}
.netfunnel_popup_head .logo{position: absolute; top: 50%; left: 25px; transform: translateY(-50%); height: 16px; image-rendering: -webkit-optimize-contrast;}
.netfunnel_popup_body {padding: 0px 30px; line-height: 1.6;}
.netfunnel_popup_body .netfunnel_popup_title{margin-top: 35px;font-size: 21px;font-weight: 700;color: #000;text-align: center;}
.netfunnel_popup_body dl {text-align: center;}
.netfunnel_popup_body .cont{ margin-top: 25px; text-align: right; font-size: 16px;}
.netfunnel_popup_body .cont > * {display: inline-block; vertical-align: top;}
.netfunnel_popup_body .cont .timeleft {padding-left: 2px;}
.netfunnel_popup_body .cont .timeleft span{color: rgb(79, 127, 249); font-weight: bold;}
.netfunnel_popup_progressbar{margin-top: 15px; height: 8px; background-color: #f0f0f0; border-radius: 4px; overflow: hidden;}
.netfunnel_popup_progressbar .percent{display: block; width: 0; height: 100%; transition: width 0.25s linear; background: linear-gradient(to right, rgb(79, 127, 249), rgb(44, 101, 245) 70%); border-radius: 4px; overflow: hidden;}
.netfunnel_popup_guide{margin-top: 30px; font-size: 16px;}
.netfunnel_popup_guide .nwait{color: rgb(79, 127, 249); font-weight: bold;}
.netfunnel_popup_foot{padding: 20px 0 15px;margin:0 30px 0;font-size: 16px;}
.netfunnel_popup_foot .txtList_remark{margin-top: 0;}

/* TWO CHAIRS Lounge */
#twoChairsInfo.on {background:transparent url(../img/pc/content/TWO_CHAIRS_info_on.png) no-repeat 0 0 !important; border-color: unset !important;}
#twoChairsInfo {background:transparent url(../img/pc/content/TWO_CHAIRS_info_off.png) no-repeat 0 0 !important; border-color: unset !important;}
#twoChairsConcierge.on {background:transparent url(../img/pc/content/TWO_CHAIRS_concierge_on.png) no-repeat 0 0 !important; border-color: unset !important;}
#twoChairsConcierge {background:transparent url(../img/pc/content/TWO_CHAIRS_concierge_off.png) no-repeat 0 0 !important; border-color: unset !important;}
#twoChairsContent1 {content: url(../img/pc/content/TWO_CHAIRS_content1.png);}
#twoChairsContent2 {content: url(../img/pc/content/TWO_CHAIRS_content2.png);}
#twoChairsContent3 {content: url(../img/pc/content/TWO_CHAIRS_content3.png);}
#twoChairsContent4 {content: url(../img/pc/content/TWO_CHAIRS_content4.png);}
#twoChairsContent5 {content: url(../img/pc/content/TWO_CHAIRS_content5.png);}
#twoChairsBtn {content: url(../img/pc/content/TWO_CHAIRS_btn.png);}
#twoChairsTitle {content: url(../img/pc/content/TWO_CHAIRS_title.png);}
#twoChairsConciergeContent {content: url(../img/pc/content/TWO_CHAIRS_concierge_content.png);}
#twoChairsConciergeContent2 {content: url(../img/pc/content/TWO_CHAIRS_concierge_content2.png);}
#twoChairsBnfTitle {content: url(../img/pc/content/TWO_CHAIRS_bnf_title.png);}
#twoChairsBnfContent1 {content: url(../img/pc/content/TWO_CHAIRS_bnf_content1.png);}
#twoChairsBnfContent2 {content: url(../img/pc/content/TWO_CHAIRS_bnf_conten2.png);}
#twoChairsBnfContent3 {content: url(../img/pc/content/TWO_CHAIRS_bnf_content3.png);}
#twoChairsBnfContent4 {content: url(../img/pc/content/TWO_CHAIRS_bnf_content4.png);}
#twoChairsBnfContent5 {content: url(../img/pc/content/TWO_CHAIRS_bnf_content5.png);}
#twoChairsBnfBtn {content: url(../img/pc/content/TWO_CHAIRS_bnf_btn.png);}