@charset "utf-8";
.hide-text {font-size:0; line-height:0; text-shadow:none; color:transparent;}
.mypage_wrap.ty02 .sub_division_contents .cart_contents {padding:0 !important;}

.order_gcPay {display: block; letter-spacing: -0.7px;}
.order_gcPay img {-webkit-user-drag: none;}
.order_gcPay a:hover {text-decoration: none;}
.order_gcPay .po {color:#3053bc; }
.order_gcPay .ez-radio {margin: 0 10px 0 0;}
.order_gcPay .ez-checkbox {margin: 0 6px 0 0;}
.order_gcPay .ez-radio-on{background: transparent url('../images/payment/bg_radio_gcone_on.png') 0 0px no-repeat; background-size: 15px;}
.order_gcPay .ez-checkbox-on{background: transparent url('../images/payment/bg_checkbox_gcone_on.png') 0 0px no-repeat; background-size: 15px;}
.payment-hide .ez-radio, .payment-hide ez-radio-on { display: none !important; background-image: url('') !important;  }

/*220609 폰트크기 수정*/
.order_gcPay h4 {margin:0 !important; font-size:13px;}

.order_gcPay .titWrap {display: flex; align-items: center; justify-content: space-between; margin-bottom: 5px; }

.order_gcPay .btnWrap li {position: relative; display: inline-block; border: 1px solid #d6d6d6; margin:0; padding: 0 10px !important; font-size: 11px; height:30px; line-height: 30px; cursor: pointer; text-transform: uppercase; font-weight: 600; color:#999;}
.order_gcPay .btnWrap li:first-child{margin: 0!important;}
.order_gcPay .btnWrap .ico_info:before,
.order_gcPay .btnWrap .ico_set:before{content: ""; display: inline-block; width:16px; height:16px; margin-right:5px; margin-top:-3px; vertical-align: middle;}
.order_gcPay .btnWrap .ico_info:before {background: url("../images/payment/ico_info.png") no-repeat; background-size: 100%;}
.order_gcPay .btnWrap .ico_set:before {background: url("../images/payment/ico_setting.png") no-repeat;  background-size: 100%;}
.order_gcPay .gcpay_listWrap > li {display:block; padding:15px 0; border-bottom:1px solid #eeeeee; margin: 0;}
.order_gcPay .gcpay_listWrap > li:last-child { border-bottom:0;}
.order_gcPay .gcpay_listWrap > li.bank .ez-radio{margin-top:-20px;}/*체크박스 위로 강제이동*/
.order_gcPay .gcpay_listWrap > li.common {padding-bottom: 0;}

/*이벤트문구영역 220519 추가*/
.order_gcPay .eventWrap {padding: 15px 15px; background:#f5f9ff; margin:20px 0 10px 0; border-radius: 15px; text-align: center;}
.order_gcPay .eventWrap:after {display:block; content:""; clear: both;}
.order_gcPay .eventWrap dt{font-size: 14px; float: none; width: auto; font-weight: 600; color: #3053bc; display:block;}
.order_gcPay .eventWrap dt:before {content: ""; display: block; width:30px; height:30px; background: url('../images/payment/ico_event_tit.png')no-repeat; background-size: cover; margin: 0 auto; margin-bottom: 10px;}
.order_gcPay .eventWrap dt .sm_txt {font-weight: 500; font-size: 12px;}
.order_gcPay .eventWrap dd {display: block; width: 100%; color: #3053bc;}
.order_gcPay .eventWrap dd li{font-size:12px; color: #333; padding-bottom: 5px;}
.order_gcPay .eventWrap dd li:last-child{padding-bottom: 0;}

/*이벤트문구영역 하단문구 220609 추가*/
.order_gcPay .pointW {font-size: 13px; padding: 5px 0; text-align: center; word-break: keep-all;}
.order_gcPay .pointW strong{color: #000;}

.order_gcPay .slick-current .selectWrap {display: block; margin-top:10px;}
.order_gcPay .slick-initialized .slick-slide {opacity: 0.7; filter: blur(1px);}
.order_gcPay .slick-initialized .slick-current{opacity: 1;  filter: blur(0px);}

.order_gcPay .listW {display: flex; align-items: center; position: relative;}
.order_gcPay .listW.chk_on ~ .conW {height: auto; visibility: visible; overflow: visible; padding: 20px 0 0 0;}
.order_gcPay .listW .payment-label {color: #666; display: inline-block; flex: 1 0; font-size: 15px; font-weight: 600;}
.order_gcPay .listW .payment-label .logo {display:inline-block; background: url('../images/payment/logo_gcpay.png') no-repeat; width:70px; height:19px; background-size: 100%; vertical-align: top;}
.order_gcPay .listW .payment-label span {display: inline-block; vertical-align: middle;}
.order_gcPay .stxt{font-size:12px; color:#aaa; margin-top:3px; display: block; vertical-align: middle;}


/*슬라이드 영역*/
.order_gcPay .slideW {margin-bottom:0!important;}
.order_gcPay .slideW .slick-prev,
.order_gcPay .slideW .slick-next{z-index:1; width:20px; height: 20px; border: 0; top:75px;  transform: rotate(315deg); }
.order_gcPay .slideW .slick-prev {border-top: 2px solid #b1b1b1; border-left: 2px solid #b1b1b1;left: 0;}
.order_gcPay .slideW .slick-next {border-bottom: 2px solid #b1b1b1; border-right: 2px solid #b1b1b1; right: 0;}
.order_gcPay .slideW .slick-prev:before, .order_gcPay .slideW .slick-next:before {content: ""; display: none;}
.order_gcPay .slideW .slick-prev:hover, .order_gcPay .slideW .slick-next:hover{border-color: #909090;}

.order_gcPay .slideW .slick-disabled {opacity: 0;}
.order_gcPay .slideW .slick-slide:not(:last-child) {margin-right: 10px;}
.order_gcPay .conW {height: 0; visibility: hidden; overflow: hidden;}

.order_gcPay .boxW {position: relative; width: 250px; height: 155px; border-radius: 10px; margin: 0 auto; cursor: pointer; box-sizing:border-box; overflow: hidden;}
.order_gcPay .boxW .card_logo {position: absolute; top: 15px; left: 15px; width:100px; height:24px; background-size: 100%;}
.order_gcPay .boxW .detaW {color: #fff; font-size: 15px; position: absolute; left: 15px; bottom: 15px;}
.order_gcPay .ca_code_000 .detaW {color: #000;}
.order_gcPay .boxW .detaW .txt{padding-bottom:5px; display: block; line-height: 1; color: #fff; text-align: left;}
.order_gcPay .boxW .detaW .number {letter-spacing: 0; opacity: .6;}

/*카카오뱅크 시*/
.order_gcPay .boxW.ba_code_021 .detaW {color: #000;}

/*카드&계좌 불가시*/
.order_gcPay .boxW.none {position: relative}
.order_gcPay .boxW.none:before {content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background: #000; opacity: 0.7; z-index: 1;}
.order_gcPay .boxW.none .noneTxt{display: flex; align-items: center; justify-content: center; font-size: 14px; text-align: center; color: #fff; height: 100%; width: 100%; position: relative; z-index: 2;}


@media (max-width: 359px){
    .order_gcPay .boxW  {width: 230px; height: 142px;}
    /*220609 레이아웃 수정*/
    .order_gcPay h4 {margin-bottom: 8px !important;}
    .order_gcPay .titWrap {flex-direction: column;}
}

.order_gcPay .ca_point {border: 2px solid #3053bc; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .25s;}
.order_gcPay .ca_point .contW {padding:15px;}
.order_gcPay .ca_point .contW .txt {letter-spacing: -1px; line-height: 1.7; color: #333; font-size: 13px; font-weight: 600; padding: 0;}
.order_gcPay .ca_point .contW a{display: block; background:#3053bc; color: #fff; font-size: 14px; padding: 8px; border-radius: 50px; margin-top:15px; transition: .25s;}

.order_gcPay .ca_new {border: 2px dashed #3053bc;text-align: center; display: flex; align-items: center; justify-content: center; transition: .25s;}
.order_gcPay .ca_new a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.order_gcPay .ca_new .ico{display: block; width: 45px; height: 45px; margin-bottom:10px; fill:#3053bc;}
.order_gcPay .ca_new .txt {font-weight: 600; letter-spacing: -1px; padding:0;}

/*하단페이징*/
.order_gcPay .slick-dots {position: relative; margin: 15px 0 0 0 !important; bottom: 0;}
.order_gcPay .slick-dots li {margin: 0; width:17px; height:17px;}
.order_gcPay .slick-dots li button:before{display: none;}
.order_gcPay .slick-dots li button:after {content: '●'; display: inline-block; font-size: 10px; color: #ddd;}
.order_gcPay .slick-dots li.slick-active button:after {color:#3053bc;}

/*하단영역(포인트/할부영역)*/
.order_gcPay .selectWrap {margin-top:5px;}
.order_gcPay .selectWrap .ez-checkbox{margin-top:-2px;}
.order_gcPay .cardW .selectWrap ul{display: flex; align-items: center; justify-content: space-between;}
.order_gcPay .bankW .selectWrap,
.order_gcPay .bankW .selectWrap .receiptWrap {display: none;}
.order_gcPay .bankW .receiptWrap {margin-top:10px; padding-top:10px; border-top: 1px solid #eee;}
.order_gcPay .bankW .receiptWrap li {padding-top:10px;}
.order_gcPay .bankW .receiptWrap li:first-child{padding-top: 0;}

.order_gcPay .receiptWrap label {margin-right:10px;}
.order_gcPay .receiptWrap .ez-radio {margin: 0 5px 0 0;}

.order_gcPay .listW.chk_on ~ .conW .selectWrap,
.order_gcPay .checkW.chk_on ~ .receiptWrap{display: block;}

/*일반결제*/
.payco > div {width: auto !important;}
.order_gcPay .payment_method_select {padding: 0;}
.order_gcPay #payment_type {margin-top:-5px;}
.order_gcPay #payment_type > li > div.active .desc {color: #ddd;}
.order_gcPay #typereceiptlay label {vertical-align: middle;}

div.default_table_style li {margin: 5px 0;}
/*.order_gcPay #payment_type > li > div {display:flex; flex-direction: column;  justify-content: center;}*/
/*.order_gcPay #payment_type > li > div:before {height:33px; position: relative;}*/
/*.order_gcPay #payment_type > li > div > label {height: auto;}*/
/*.order_gcPay #payment_type > li > div p {!*padding-top:10px;*!}*/
/*.order_gcPay #payment_type > li > div > label .ez-radio,*/
/*.order_gcPay #payment_type > li > div > label .ez-radio-on {height: 0;}*/

/*카드영역*/
.ca_code_001   {background-color: #529e4b; }  /* 001. 농협NH카드 */
.ca_code_001 .card_logo   {background: url('../images/payment/ca_code_001.png') no-repeat;}
.ca_code_002   {background-color: #1691d3; }  /* 002. 우리카드 */
.ca_code_002 .card_logo   {background: url('../images/payment/ca_code_002.png') no-repeat;}
.ca_code_003   {background-color: #3f5bb5;}  /* 003. 신한카드 */
.ca_code_003 .card_logo   {background: url('../images/payment/ca_code_003.png') no-repeat;}
.ca_code_004   {background-color: #786d62;}  /* 004. KB국민카드 */
.ca_code_004 .card_logo   {background: url('../images/payment/ca_code_004.png') no-repeat;}
.ca_code_005   {background-color: #008375; }  /* 005. 하나카드 */
.ca_code_005 .card_logo   {background: url('../images/payment/ca_code_005.png') no-repeat;}
.ca_code_006   {background-color: #004785; }  /* 006. 씨티카드 */
.ca_code_006 .card_logo   {background: url('../images/payment/ca_code_006.png') no-repeat;}

.ca_code_025   {background-color: #0c4da2;}  /* 025. 삼성카드 */
.ca_code_025 .card_logo   {background: url('../images/payment/ca_code_025.png') no-repeat;}
.ca_code_026   {background-color: #231f20;}  /* 026. 현대카드 */
.ca_code_026 .card_logo   {background: url('../images/payment/ca_code_026.png') no-repeat;}
.ca_code_027   {background-color: #ed1c24;}  /* 027. 롯데카드 */
.ca_code_027 .card_logo   {background: url('../images/payment/ca_code_027.png') no-repeat;}
.ca_code_028   {background-color: #21356c; }  /* 028. VISA */
.ca_code_028 .card_logo  {background: url('../images/payment/ca_code_028.png') no-repeat;}
.ca_code_029   {background-color: #21356c; }  /* 029. 마스터카드 */
.ca_code_029 .card_logo  {background: url('../images/payment/ca_code_029.png') no-repeat;}
.ca_code_030   {background-color: #0c4da2;}  /* 030. 비씨카드 */
.ca_code_030 .card_logo   {background: url('../images/payment/ca_code_030.png') no-repeat;}
.ca_code_031   {background-color: #231f20;}  /* 031. 현대백화점 */
.ca_code_031 .card_logo   {background: url('../images/payment/ca_code_031.png') no-repeat;}
.ca_code_032   {background-color: #0050a0;}  /* 032. 갤러리아 */
.ca_code_032 .card_logo   {background: url('../images/payment/ca_code_032.png') no-repeat;}

/*카드영역+은행로고*/
.ca_code_007   {background-color: #003d89;}  /* 007. IBK기업은행 */
.ca_code_007 .card_logo   {background: url('../images/payment/ba_code_007.png') no-repeat;}
.ca_code_008   {background-color: #023279;}  /* 008. KDB산업은행 */
.ca_code_008 .card_logo   {background: url('../images/payment/ba_code_008.png') no-repeat;}
.ca_code_009   {background-color: #17c600;}  /* 009. SC제일은행 */
.ca_code_009 .card_logo   {background: url('../images/payment/ba_code_009.png') no-repeat;}
.ca_code_010   {background-color: #89d100;}  /* 010. 대구은행 */
.ca_code_010 .card_logo   {background: url('../images/payment/ba_code_010.png') no-repeat;}
.ca_code_011   {background-color: #e83434;}  /* 011. 부산은행 */
.ca_code_011 .card_logo   {background: url('../images/payment/ba_code_011.png') no-repeat;}
.ca_code_012   {background-color: #084295;}  /* 012. 전북은행 */
.ca_code_012 .card_logo   {background: url('../images/payment/ba_code_012.png') no-repeat;}
.ca_code_013   {background-color: #836d52;}  /* 013. 경남은행 */
.ca_code_013 .card_logo   {background: url('../images/payment/ba_code_013.png') no-repeat;}
.ca_code_014   {background-color: #006fce;}  /* 014. 제주은행 */
.ca_code_014 .card_logo   {background: url('../images/payment/ba_code_014.png') no-repeat;}
.ca_code_015   {background-color: #005cd9;}  /* 015. 광주은행 */
.ca_code_015 .card_logo   {background: url('../images/payment/ba_code_015.png') no-repeat;}
.ca_code_016   {background-color: #005367;}  /* 016. 새마을금고 */
.ca_code_016 .card_logo   {background: url('../images/payment/ba_code_016.png') no-repeat;}
.ca_code_017   {background-color: #00cbec;}  /* 017. 수협중앙 */
.ca_code_017 .card_logo   {background: url('../images/payment/ba_code_017.png') no-repeat;}
.ca_code_018   {background-color: #0050a0;}  /* 018. 신용협동조합(신협) */
.ca_code_018 .card_logo   {background: url('../images/payment/ba_code_018.png') no-repeat;}
.ca_code_019   {background-color: #de040a;}  /* 019. 우체국 */
.ca_code_019 .card_logo   {background: url('../images/payment/ba_code_019.png') no-repeat;}
.ca_code_020   {background-color: #120063;}  /* 020. 케이뱅크 */
.ca_code_020 .card_logo   {background: url('../images/payment/ba_code_020.png') no-repeat;}
.ca_code_021   {background-color: #ffe400;}  /* 021. 카카오뱅크 */
.ca_code_021 .card_logo   {background: url('../images/payment/ba_code_021.png') no-repeat;}
.ca_code_022   {background-color: #007360;}  /* 022. 상호저축은행 */
.ca_code_022 .card_logo   {background: url('../images/payment/ba_code_022.png') no-repeat;}
.ca_code_023   {background-color: #022562;}  /* 023. 산림조합 */
.ca_code_023 .card_logo   {background: url('../images/payment/ba_code_023.png') no-repeat;}
.ca_code_024   {background-color: #0064ff;}  /* 024. 토스뱅크 */
.ca_code_024 .card_logo   {background: url('../images/payment/ba_code_024.png') no-repeat;}

/*계좌영역*/
.ba_code_001   {background-color: #00b259;}  /* 001. NH농협 */
.ba_code_001 .card_logo   {background: url('../images/payment/ba_code_001.png') no-repeat;}
.ba_code_002   {background-color: #1691d3;}  /* 002. 우리은행 */
.ba_code_002 .card_logo   {background: url('../images/payment/ba_code_002.png') no-repeat;}
.ba_code_003   {background-color: #3f5bb5;}  /* 003. 신한은행(통합) */
.ba_code_003 .card_logo   {background: url('../images/payment/ba_code_003.png') no-repeat;}
.ba_code_004   {background-color: #786d62;}  /* 004. KB국민은행 */
.ba_code_004 .card_logo   {background: url('../images/payment/ba_code_004.png') no-repeat;}
.ba_code_005   {background-color: #116d65;}  /* 005. KEB하나은행 */
.ba_code_005 .card_logo   {background: url('../images/payment/ba_code_005.png') no-repeat;}
.ba_code_006   {background-color: #004785;}  /* 006. 씨티은행 */
.ba_code_006 .card_logo   {background: url('../images/payment/ba_code_006.png') no-repeat;}
.ba_code_007   {background-color: #003d89;}  /* 007. IBK기업은행 */
.ba_code_007 .card_logo   {background: url('../images/payment/ba_code_007.png') no-repeat;}
.ba_code_008   {background-color: #023279;}  /* 008. KDB산업은행 */
.ba_code_008 .card_logo   {background: url('../images/payment/ba_code_008.png') no-repeat;}
.ba_code_009   {background-color: #17c600;}  /* 009. SC제일은행 */
.ba_code_009 .card_logo   {background: url('../images/payment/ba_code_009.png') no-repeat;}
.ba_code_010   {background-color: #89d100;}  /* 010. 대구은행 */
.ba_code_010 .card_logo   {background: url('../images/payment/ba_code_010.png') no-repeat;}
.ba_code_011   {background-color: #e83434;}  /* 011. 부산은행 */
.ba_code_011 .card_logo   {background: url('../images/payment/ba_code_011.png') no-repeat;}
.ba_code_012   {background-color: #084295;}  /* 012. 전북은행 */
.ba_code_012 .card_logo   {background: url('../images/payment/ba_code_012.png') no-repeat;}
.ba_code_013   {background-color: #836d52;}  /* 013. 경남은행 */
.ba_code_013 .card_logo   {background: url('../images/payment/ba_code_013.png') no-repeat;}
.ba_code_014   {background-color: #006fce;}  /* 014. 제주은행 */
.ba_code_014 .card_logo   {background: url('../images/payment/ba_code_014.png') no-repeat;}
.ba_code_015   {background-color: #005cd9;}  /* 015. 광주은행 */
.ba_code_015 .card_logo   {background: url('../images/payment/ba_code_015.png') no-repeat;}
.ba_code_016   {background-color: #005367;}  /* 016. 새마을금고 */
.ba_code_016 .card_logo   {background: url('../images/payment/ba_code_016.png') no-repeat;}
.ba_code_017   {background-color: #00cbec;}  /* 017. 수협중앙 */
.ba_code_017 .card_logo   {background: url('../images/payment/ba_code_017.png') no-repeat;}
.ba_code_018   {background-color: #0050a0;}  /* 018. 신용협동조합(신협) */
.ba_code_018 .card_logo   {background: url('../images/payment/ba_code_018.png') no-repeat;}
.ba_code_019   {background-color: #de040a;}  /* 019. 우체국 */
.ba_code_019 .card_logo   {background: url('../images/payment/ba_code_019.png') no-repeat;}
.ba_code_020   {background-color: #120063;}  /* 020. 케이뱅크 */
.ba_code_020 .card_logo   {background: url('../images/payment/ba_code_020.png') no-repeat;}
.ba_code_021   {background-color: #ffe400;}  /* 021. 카카오뱅크 */
.ba_code_021 .card_logo   {background: url('../images/payment/ba_code_021.png') no-repeat;}
.ba_code_022   {background-color: #007360;}  /* 022. 상호저축은행 */
.ba_code_022 .card_logo   {background: url('../images/payment/ba_code_022.png') no-repeat;}
.ba_code_023   {background-color: #022562;}  /* 023. 산림조합 */
.ba_code_023 .card_logo   {background: url('../images/payment/ba_code_023.png') no-repeat;}
.ba_code_024   {background-color: #0064ff;}  /* 024. 토스뱅크 */
.ba_code_024 .card_logo   {background: url('../images/payment/ba_code_024.png') no-repeat;}

/*세팅팝업*/
.settingWrap .slick-dots {position: relative; margin: 15px 0 0 0 !important; bottom: 0;}
.settingWrap .slick-dotted.slick-slider {margin: 0;}
.settingWrap .slick-dots li {margin: 0; width:17px; height:17px;}
.settingWrap .slick-dots li button:before{display: none;}
.settingWrap .slick-dots li button:after {content: '●'; display: inline-block; font-size: 10px; color: #6f87d0;}
.settingWrap .slick-dots li.slick-active button:after {color:#fff;}

/*세팅팝업*/
table {border-collapse: collapse; border-spacing: 0;}
.settingWrap {position: fixed; top:0 !important; left:0 !important; width: 100% !important; height:100% !important; z-index: 10; background: #fff;  letter-spacing: -0.7px !important; overflow: scroll !important;}
.settingWrap .imgW {margin: 0 auto; width:100%;}
.settingWrap .imgW .popTit {text-align: center;}
.settingWrap .imgW img{ width: 100%; }
.settingWrap .imgW .slick-slide img {margin: 0 auto !important;}
.settingWrap .imgW {background: #3053bc; padding-top:40px; padding-bottom: 30px;}
.settingWrap .txtW {margin: 0 auto;padding: 25px 20px;}
.settingWrap .txtW dl {margin-top:25px;}
.settingWrap .txtW dl:first-child {margin-top:0;}
.settingWrap .txtW dt {font-size: 14px; padding-bottom:10px; color: #333; font-weight: 600;}
.settingWrap .txtW dd {font-size: 13px; padding-bottom:3px;}
.settingWrap .txtW dd:last-child,
.settingWrap .txtW li:last-child {padding-bottom: 0;}
.settingWrap .txtW li {position: relative; padding-left: 7px;}
.settingWrap .txtW li:before{content: 'ㆍ'; display: block; position: absolute; left: -5px;}

.settingWrap .tableW {padding:25px 20px;}
.settingWrap table {width: 100%;}
.settingWrap table th,
.settingWrap table td {text-align: center; padding: 15px 10px; border-bottom: 1px solid #e0e0e0;}
.settingWrap table thead th {border-top:2px solid #e0e0e0; background: #fafafa;}
.settingWrap table th.left,
.settingWrap table tbody th {text-align: left;}
.settingWrap table th {font-weight: bold;}
.settingWrap table td {}

.settingWrap .feeMonth .txtW {padding-top:0;}
.ui-dialog.change::after {
    position: relative;
    display:none;
}