@CHARSET "UTF-8"; @import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css'); @import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css'); @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css'); @font-face { font-family: GmarketSans; font-style: normal; src: local("☺"), url('/css/font/GmarketSansMedium.otf') format('opentype'); font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -moz-font-smoothing: unset; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; transform:skew(-0.001deg); } * { margin:0; padding:0; box-sizing: border-box;} html { scrollbar-Track-Color:#dcdcdc; scrollbar-Face-Color:#bfbfbf; } body { font-size:16px; font-family: "Pretendard","돋움", Dotum, "굴림", Gulim, MalgunGothic, AppleGothic, Sans-serif; color:#000; text-align:left; } img { border:0; vertical-align:top; margin:0; padding:0; } ul,ol,li,dl,dt,dd { list-style:none; padding:0; margin:0; } body::-webkit-scrollbar { width:8px; } body::-webkit-scrollbar-thumb { background-color:#bfbfbf; } body::-webkit-scrollbar-track { background-color:#dcdcdc; } a { cursor:pointer; text-decoration:none; outline:none; } a:hover, a:active, a:focus { text-decoration:none; } .pcOnly{display: initial;} .mobileOnly{display: none;} .m1080Img{display: none;} .m_top{display: none;} .m_goConsult{display: none;} .show1080{display: none !important;} header{position: fixed; left: 0; top: 0; width: 100%; height: 88px; background: transparent; backdrop-filter: blur(11px); -webkit-backdrop-filter: blur(11px); transition: all .4s ease; z-index: 10; border-bottom: 1px solid #707070;} header.on{background: rgba(0, 0, 0, 0.11);} header .headerPos{position: relative; text-align: center; width: 100%; height: 100%;} header .inner{width: 1058px; height: 100%; display: inline-flex; position: relative;} header .gnb{display: inline-flex; align-items: center;} header .gnb li{margin-right: 77px; padding-top: 22px;} header .gnb li:last-child{margin-right: 0;} header .gnb li a{font-weight: 500; font-size: 18px; color: #000;} header.on .gnb{display: none;} header .goConsult{position: absolute; right: 21.9vw; top: 50%; transform: translateY(-50%); width: 188px; height: 49px; border-radius: 5px; background: #ffa923; font-weight: bold; font-size: 18px; letter-spacing: -0.9px; color: #fff; display: none; align-items: center; justify-content: center; cursor: pointer; user-select: none;} header.on .goConsult{display: flex;} header .topBtn{position: absolute; right: 42px; top: 50%; transform: translateY(-50%); cursor: pointer; display: none;} header.on .topBtn{display: block;} header .logo a{display: block; margin: 0 84px 0 50px; width: 262px; height: 80px; text-indent: -9999px; background: url('../images/logo_pcC.png') no-repeat;} header.on .logo a{background: url('/images/logo_pcC.png') no-repeat;} .wrap { user-select:none; } main{width: 100%; height: auto; background: #4a64f5; text-align: center;} main img{margin-top: 193px; margin-bottom: 108px;} section .inner{width: 1080px; margin: 0 auto; text-align: center;} section .inner.w1228{width: 1228px;} footer{width: 100%; background-color: #fff; color: #000; font-size: 15px;} footer .container{max-width: initial; width: 1080px; height: 270px; margin: 0 auto;} footer .copyright{padding: 80px 0 0 0; color:#000; font-size:1em; line-height:1.6rem; text-align: left;} footer .foot_logo{width:196px; height:26px; display:inline-block; margin-bottom:20px; background-image: url('https://nzscdn.azureedge.net/images/biz_quicktax/taxBizFooterLogo.png'); background-position: 0 center; background-size: contain; background-repeat: no-repeat; } footer .copyTxt{letter-spacing: -0.45px;} .container { width:100%; max-width:1007px; margin:0 auto; padding-top:88px; overflow:hidden; } .container .leftMenu { width:90px; float:left; margin-right:97px; } .container .leftMenu ul { margin-top:32px; } .container .leftMenu ul li { font-family:Noto Sans KR; font-size:25px; font-weight:bold; letter-spacing:-0.63px; color:#d5d5d5; line-height:2; } .container .leftMenu ul li:hover { color:#000; cursor:pointer; } .container .leftMenu ul li.on { color:#000; } .container .rightPage { width:100%; max-width:810px; padding-top:32px; margin:0 auto; } .container .rightPage .pageTitle { font-family:Noto Sans KR; font-size:25px; font-weight:bold; line-height: 50px; letter-spacing:-0.63px; color:#354e78; } .container .rightPage .detail { margin-top:17px; overflow:hidden; margin-bottom:10%; } .container .rightPage .detail.payCont{display: flex;} .container .rightPage .detail.payCont .leftArea{width: 402px; padding-right: 40px; box-sizing: border-box; border-right: 1px solid #e8e8e8;} .container .rightPage .detail.payCont .rightArea{width: 408px; padding-left: 38px; box-sizing: border-box;} .container .rightPage .detail.payCont .rightArea .redTxt { margin-bottom: 14px; letter-spacing: -0.2px; font-family:Noto Sans KR; font-size:15px; line-height:1.33; color:#ff9191; text-align:left;} .container .rightPage .detail .cardBox { width:100%; max-width:362px; height:208px; float:left; background:#609bff; border-radius:10px; margin-bottom: 12px; } .container .rightPage .detail .cardBox.error { background:url('../images/card_errorBg.png') 0 0 no-repeat; } .container .rightPage .detail .cardBox.empty { background:url('../images/cardBox_empty.png') 0 0 no-repeat; } .container .rightPage .detail .cardBox .card { text-align:center; color:#fff; } .container .rightPage .detail .cardBox .card .cardChange { width:98px; height:28px; line-height:28px; display:block; border-radius:20px; border:1px solid #fff; font-family:나눔스퀘어; font-size:11px; letter-spacing:-0.28px; margin:11px 15px 0 auto; cursor:pointer; } .container .rightPage .detail .cardBox .card .cardName { font-family:Noto Sans KR; font-size:17px; font-weight:bold; line-height:1.35; margin-top:35px; } .container .rightPage .detail .cardBox .card .cardNumber { font-family:나눔스퀘어; font-size:18px; line-height:1.17; letter-spacing:5.4px; margin-top:20px; } .container .rightPage .detail .paymentInfo { width: 100%; } .container .rightPage .detail .paymentInfo .subTitle { position: relative; } .container .rightPage .detail .paymentInfo .subTitle::after { content: '*요금제 변경은 고객센터에 문의해주세요.'; position: absolute; right: 0; bottom: 12px; font-family: Noto Sans KR; font-size: 15px; color: #ff9191; line-height: 20px; font-weight: 400;} .container .rightPage .detail .paymentInfo .labelTitle { font-family:Noto Sans KR; line-height: 30px; font-size:14px; color:#666666; font-weight:500; margin-bottom:2px; } .container .rightPage .detail .paymentInfo .labelText { font-family:Noto Sans KR; font-size:20px; font-weight:bold; line-height:1.5; color:#000; } .container .rightPage .detail .paymentInfo .price { font-size:24px; line-height:1.28; letter-spacing:-0.48px; color:#609bff; font-weight:bold; float:right; } .container .rightPage .detail .paymentInfo .price .won { font-size:16px; color:#666666; letter-spacing:-0.32px;} .container .rightPage .detail .paymentInfo .h44 { height:44px; box-sizing:border-box; } .container .rightPage .detail .paymentInfo .mb20 { margin-bottom:20px; } .container .rightPage .detail .sumLine { display: flex; justify-content: flex-end; align-items: baseline; width: 100%; overflow: hidden; } .container .rightPage .detail .sumLine .payDate { width:124px; height:36px; line-height:30px; box-sizing:border-box; display:inline-block; border-radius:10px; border:3px solid #609bff; background-color:#eef5ff; font-family:Noto Sans KR; font-size:14px; font-weight:500; color:#666666; text-align:center; float:left; margin-top:6px; } .container .rightPage .detail .sumLine .payDate .date { color:#609bff; } .container .rightPage .detail .sumLine .sumTxt { font-family:Noto Sans KR; font-size:18px; font-weight:bold; line-height:1.67; color:#666666; display:inline-block; margin-top:4px; margin-right:60px; } .container .rightPage .detail .sumLine .totalPrice { font-size:32px; line-height:1.28; letter-spacing:-0.64px; color:#609bff; font-family:NanumSquare_acEB;font-weight:bold; float:right; } .container .rightPage .detail .sumLine .totalPrice .won { font-size:21px; color:#666666; letter-spacing:-0.42px; } .container .rightPage .detail .paymentInfo.error .price { color:#ff9b00; } .container .rightPage .detail .sumLine.error .totalPrice { color:#ff9b00; } .container .rightPage .detail .sumLine.error .payDate { border-color:#ff9b00; background-color:#fff6e9; } .container .rightPage .detail .sumLine.error .payDate .date { color:#ff9b00; } .container .rightPage .detail .payerInfo { margin-bottom: 36px; } .container .rightPage .detail .subTitle { font-family:Noto Sans KR; font-size:25px; font-weight:bold; line-height: 50px; color:#354e78; letter-spacing: -0.63px;} .container .rightPage .detail .rightArea .subTitle{position: relative;} .container .rightPage .detail .rightArea .subTitle::after { content: '*무기명 카드는 등록 불가합니다.'; position: absolute; right: 0; bottom: 0; font-family: Noto Sans KR; font-size: 15px; color: #ff9191; line-height: 20px; font-weight: 400;} .container .rightPage .detail .payerInfo .req { font-family:Noto Sans KR; font-size:18px; font-weight:normal; line-height:28px; color:#ff9b00; margin-left:7px; } .container .rightPage .detail .payerInfo .addInfo { min-height:189px; background:#fff; box-sizing:border-box;} .container .rightPage .detail .payerInfo .addInfo li { margin-bottom:16px; } .container .rightPage .detail .payerInfo .addInfo li label { width:147px; margin:0; font-weight:normal; } .container .rightPage .detail .payerInfo .addInfo li .addInput { width:100%; height:38px; border:1px solid #dcdcdc; padding:0 15px; box-sizing:border-box; outline:none; font-family:Noto Sans KR; font-size:15px; color:#666666; } .container .rightPage .detail .payerInfo .addInfo li .addInput:focus { border-color:#8f8f8f; } .container .rightPage .detail .payerInfo .addInfo .labelTitle { display:inline-block; margin-bottom: 8px; line-height:20px; font-family:Noto Sans KR; font-size:14px; letter-spacing:-0.35px; color:#666666; position:relative; } .container .rightPage .detail .payerInfo .addInfo .labelTitle:after { content:"*"; position:absolute; top:0; right:-10px; color:#ff9b00; } /*input[type="checkbox"].payment_check + .agree { width:804px; min-height:53px; border:3px solid #979797; background-color:#ccc; margin-top:36.5px; } input[type="checkbox"].payment_check + .agree label span.useOptionTxt { display:inline-block; line-height:47px; cursor:pointer; box-sizing:border-box; background:url('../images/icon_check.png') 12px 14px no-repeat; padding-left:49px; font-family:Noto Sans KR; font-weight:300; font-size:16px; color:#9f9f9f; } */ .agree { width:100%; max-width: 362px; min-height:53px; border:3px solid #c92121; background-color:#ffe2e2; margin-top:14px; display: inline-block; } .agree label span.useOptionTxt { cursor: initial; display:inline-block; line-height:47px; box-sizing:border-box; background:url('../images/icon_check_on.png') 12px 14px no-repeat; padding-left:49px; font-family:Noto Sans KR; font-weight:300; font-size:16px; color:#ab2323; } .agree.empty{border-color:#979797; background-color:#ccc;} .agree.empty label span.useOptionTxt { cursor: pointer; background:url('../images/icon_check.png') 12px 14px no-repeat; color: #9f9f9f;} .btn_cardInsert { width:100%; max-width:362px; height:64px; line-height:64px; margin-top: 13px; display:block; border-radius:3px; background-color:#000; font-family:Noto Sans KR; font-size:20px; letter-spacing:-0.5px; text-align:center; color:#fff; border:none; } .btn_cardInsert[disabled] { background:#d5d5d5; color:#ffffff; cursor:default; } .container .rightPage .detail .btn_history { margin-bottom:30px; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm { display:none !important; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm + label { display:inline-block; font-weight:normal; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm + label span.useOptionTxt { width:117px; height:40px; line-height:38px; display:inline-block; cursor:pointer; box-sizing:border-box; border:1px solid #959595; border-radius:8px; background-color:#f9f9f9; font-family:Noto Sans KR; font-size:15px; font-weight:300; letter-spacing:-0.3px; color:#7e7e7e; text-align:center; margin-right:2px; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm:checked + label span.useOptionTxt { background:#609bff; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); color:#fff; border-color:#609bff; font-weight:500; } .container .rightPage .detail .item .hDate { font-family:GmarketSans; font-size:20px; font-weight:bold; line-height:30px; letter-spacing:-0.4px; text-align:left; color:#515151; display:inline-block; margin-top:10px; } .container .rightPage .rightArea .payDate.empty { border: none; width:124px; height:36px; line-height:30px; box-sizing:border-box; display: flex; align-items: center; justify-content: center; border-radius:10px; background-color:#ccc; font-family:Noto Sans KR; font-size:14px; font-weight:500; color:#666666; text-align:center;margin-left: auto; margin-right: 7px;} .container .rightPage .rightArea .payDate.empty .date { color:#979797; } .container .rightPage .rightArea .payDate { width:124px; height:36px; line-height:30px; box-sizing:border-box; display: flex; align-items: center; justify-content: center; border-radius:10px; border: 3px solid #609bff; background-color:#eef5ff; font-family:Noto Sans KR; font-size:14px; font-weight:500; color:#666666; text-align:center;margin-left: auto; margin-right: 7px;} .container .rightPage .rightArea .payDate .date { color:#609bff; font-weight: 600;} .container .rightPage .detail .item input[type="checkbox"].history_check { display:none !important; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail { height:119px; border-radius:8px; border:1px solid #e2e2e2; margin-top:9px; padding:17px 16px 20px 36px;} .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail + label { display:block; text-align:center; margin-top:-15px; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail + label span.useOptionTxt { display:inline-block; cursor:pointer; background:url('../images/icon_his_checked.png') 0px 0px no-repeat; width:91px; height:49px; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail + label span.useOptionTxt:hover { background:url('../images/icon_his_checked_on.png') 0 -6px no-repeat; width:109px; height:49px; } .container .rightPage .detail .item input[type="checkbox"].history_check:checked + .his_detail .right_area .paymentInfo.noUser { height:166px; padding:55px 26.9px 56.5px 25px; } .container .rightPage .detail .item input[type="checkbox"].history_check:checked + .his_detail { height:208px; } .container .rightPage .detail .item input[type="checkbox"].history_check:checked + .his_detail + label span.useOptionTxt { background:url('../images/icon_his_close.png') 0 0px no-repeat; width:78px; height:49px; } .container .rightPage .detail .item input[type="checkbox"].history_check:checked + .his_detail + label span.useOptionTxt:hover { background:url('../images/icon_his_close_on.png') 0 -6px no-repeat; width:96px; height:49px; } .container .rightPage .detail .item .his_detail { overflow:hidden; } .container .rightPage .detail .item .his_detail .left_area { width:calc(100% - 340px); float:left; } .container .rightPage .detail .item .his_detail .left_area li { height:35px; } .container .rightPage .detail .item .his_detail .left_area li .labelTitle { width:87px; display:inline-block; font-family:Noto Sans KR; font-size:14px; font-weight:500; line-height:2.14; color:#666666; } .container .rightPage .detail .item .his_detail .left_area li .labelValue { font-family:Noto Sans KR; font-size:16px; font-weight:500; line-height:0.63; letter-spacing:-0.32px; color:#000; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail .left_area li .tooltip { visibility:hidden; } .container .rightPage .detail .item .his_detail .right_area { width:340px; float:right; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo { width:100%; height:80px; border-radius:8px; padding:14px 26px 12.5px 25px; background-color:#f9f9f9; margin-bottom:6px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo .labelTitle { color:#979797; margin-bottom:4px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo .labelText { color:#515151; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo .price { margin-top:-2px; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail .more { display:none; } .container .rightPage .detail .item input[type="checkbox"].history_check:checked + .his_detail .more { display:block; } /* 결제오류 */ .container .rightPage .detail .item .tag_cardErr { display:none; width:72px; height:23px; background:url('../images/icon_tag_cardErr.png') 0 0 no-repeat; vertical-align:middle; margin-top:-4px; margin-left:13px; } .container .rightPage .detail .item.error .tag_cardErr { display:inline-block; } .container .rightPage .detail .item.error .payDate { border-color:#ff9b00; background-color:#fff6e9; } .container .rightPage .detail .item.error .payDate .date { color:#ff9b00; } .container .rightPage .detail .item.error input[type="checkbox"].history_check + .his_detail { border:1px solid #ff9b00; } .container .rightPage .detail .item.error input[type="checkbox"].history_check + .his_detail + label span.useOptionTxt { display:inline-block; cursor:pointer; background:url('../images/icon_hisErr_checked.png') 0px 0px no-repeat; width:91px; height:49px; } .container .rightPage .detail .item.error input[type="checkbox"].history_check + .his_detail + label span.useOptionTxt:hover { background:url('../images/icon_hisErr_checked_on.png') 0 -6px no-repeat; width:109px; height:49px; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail + label span.useOptionTxt { background:url('../images/icon_hisErr_close.png') 0 0px no-repeat; width:78px; height:49px; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail + label span.useOptionTxt:hover { background:url('../images/icon_hisErr_close_on.png') 0 -6px no-repeat; width:96px; height:49px; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail .left_area li:nth-child(3) .labelValue { color:#ff9b00; position:relative; padding-left:23px; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail .left_area li:nth-child(3) .labelValue:before { content:""; width:20px; height:20px; position:absolute; left:0; top:0; background:url('../images/icon_error.png') 0 0 no-repeat; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail .left_area li .tooltip { visibility:visible; } .container .rightPage .detail .item.error .his_detail .right_area .paymentInfo .price { color:#ff9b00; } /* 결제취소 */ .container .rightPage .detail .item .tag_cardCancel { display:none; width:62px; height:23px; line-height: 23px; background: #ef6363; vertical-align:middle; margin-top:-4px; margin-left:13px; border-radius: 30px; text-align: center; font-family: 'NanumSquareRoundR'; font-size: 11px; letter-spacing: -0.28px; color: #fff;} .container .rightPage .detail .item.cancel .tag_cardCancel { display:inline-block; } .container .rightPage .detail .item.cancel input[type="checkbox"].history_check + .his_detail { border:1px solid #ef6363; } .container .rightPage .detail .item.cancel input[type="checkbox"].history_check + .his_detail + label span.useOptionTxt { display:inline-block; cursor:pointer; background:url('../images/icon_hisCancel_checked.png') 0px 0px no-repeat; width:91px; height:31px; margin-bottom: 18px; } .container .rightPage .detail .item.cancel input[type="checkbox"].history_check + .his_detail + label span.useOptionTxt:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} .container .rightPage .detail .item.cancel input[type="checkbox"].history_check:checked + .his_detail + label span.useOptionTxt { background:url('../images/icon_hisCancel_close.png') 0 0px no-repeat; width:78px; height:31px; margin-bottom: 18px;} .container .rightPage .detail .item.cancel input[type="checkbox"].history_check:checked + .his_detail + label span.useOptionTxt:hover { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);} .container .rightPage .detail .item .tag_cardNormal { display:none; width:62px; height:23px; line-height: 23px; background: #609bff; vertical-align:middle; margin-top:-4px; margin-left:13px; border-radius: 30px; text-align: center; font-family: 'NanumSquareRoundR'; font-size: 11px; letter-spacing: -0.28px; color: #fff;} .container .rightPage .detail .item.normal .tag_cardNormal { display:inline-block; } /* 정상결제 */ /* .container .rightPage .detail .item .tag_cardNormal { width:62px; height:23px; line-height: 23px; background: #609bff; vertical-align:middle; margin-top:-4px; margin-left:13px; border-radius: 30px; text-align: center; font-family: 'NanumSquareRoundR'; font-size: 11px; letter-spacing: -0.28px; color: #fff;} .container .rightPage .detail .item .tag_cardNormal { display:inline-block; } */ .tooltip { width:378px; margin-left:68px; margin-top:-2px !important; position:relative; } .tooltip.in { opacity:1; } .tooltip.bottom .tooltip-arrow { left:19px; } .tooltip-inner { max-width:378px; position:absolute; background:#333333; color:#fff; font-family:Noto Sans KR; font-size:12px; line-height: 1.5; text-align:left; padding:6px 12px 11px 15px; } .tooltip-inner span { width:303px; word-break:keep-all; } .tooltip-inner span .tooltip-close { width:27px; height:27px; position:absolute; right: -12px; top: -10px; cursor:pointer; display:inline-block; background:url('../images/icon_tooltip-close.png') 0 0px no-repeat; } .popupArea{position: fixed; left: 0; top: 0; display: flex; width: 100%; height: 100%; justify-content: center; align-items: center; z-index: 10000; background: rgba(0,0,0,.5);} .popupArea .pop{width: 460px; height: 308px; background: url('/images/regiPopup.png') no-repeat; padding: 160px 82px 0; font-family: "Noto Sans KR"; font-size: 22px;} .popupArea .pop>p{font-family:Noto Sans KR; font-size: 22px; letter-spacing: -0.7px; color: #fff; margin-bottom: 28px; text-align: center;} .popupArea .pop>.btnArea{display: flex; justify-content: center;} .popupArea .pop>.btnArea>span{cursor: pointer; user-select: none;} .popupArea .btnArea .popClose{display: inline-flex; width: 65px; height: 40px; background: transparent; align-items: center; justify-content: center; font-family: "Noto Sans KR"; font-size: 15px; letter-spacing: -0.38px; color: #fff; text-decoration: underline;} .popupArea .btnArea .popClose:hover{background: #219bff;} .popupArea .btnArea .popClose:active{background: #58b4ff;} .popupArea .btnArea .goToPage{display: inline-flex; width: 180px; height: 40px; border: 2px solid #fff; justify-content: center; align-items: center; font-family: "Noto Sans KR"; font-size: 15px; letter-spacing: -0.38px; color: #fff; margin-left: 28px;} .popupArea .btnArea .goToPage:hover{background: #219bff;} .popupArea .btnArea .goToPage:active{background: #58b4ff;} .printCon { width: 36px; height: 36px; border-radius: 10px; margin-top:4px; margin-right:4px; float:right; background:#609bff url('../images/icon_print.png') 8px 52% no-repeat; transition: all 0.4s; } .printCon .txt { font-family: NotoSansCJKkr; font-size: 14px; font-weight: 500; color:#fff; float:right; margin-top:8px; margin-right:9px; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; } .printCon:hover { width:70px; background-color:#3469c3; cursor:pointer; } .printCon:hover .txt { visibility:visible; opacity: 1; } .printCon:active { background-color:#487FDE; } /*231212 케이렙365알파*/ @media (max-width: 1280px){ footer .container{width: calc(100% - 100px); max-width: 1080px; } } @media (max-width: 1080px){ .m1080Img{display: inline-block; width: 100%;} .w1080Img{width: 100%;} .show1080{display: initial !important;} .hide1080{display: none !important;} .pcOnly{display: none !important;} .mobileOnly{display: initial !important;} .mobileHide{display: none !important;} .pcImg{display: none;} .pcContent{display: none;} header{height: 84px;} header.on .goConsult{display: none;} header .logo a{margin: 9px 0 0 1rem; width: 196px; height: 59px; text-indent: -9999px; background: url('../images/logo_mC.png') no-repeat;} header.on .logo a{background: url('../images/logo_mC.png') no-repeat;} header .gnb{display: none;} footer{margin-bottom: 60px;} .boxFooter .pcOnly{margin: 0;} } @media screen and (max-width:1015px ){ .top_btnSet .top_btnSet_inner .rightBtn { text-align:right; float:right; margin-left:0; } .top_btnSet .top_btnSet_inner .rightBtn img { width:calc((100% - 21px) / 2); max-width:141px; } .top_btnSet .top_btnSet_inner .rightBtn img:first-child { margin-right:15px !important; } .top_btnSet .top_btnSet_inner { padding-left:10px; } .top_btnSet .top_btnSet_inner .rightBtn .top_btnApply { margin-right:20px; } .container .leftMenu { width:100%; } .container .leftMenu ul { margin-top:10px; } .container .leftMenu ul li { float:left; margin-left:20px; } .container .rightPage { padding-top:0; width:100%; padding:0 20px; } input[type="checkbox"].payment_check + .agree { width:100%; } .container .rightPage .detail.payCont .rightArea .redTxt{font-size: 13px; } } @media screen and (max-width:820px ){ .container .rightPage .detail .paymentInfo { width:100%; margin-top:30px; } .container .rightPage .detail .his_detail .paymentInfo { margin-top:0; } .container .rightPage .detail .cardBox { margin-left: calc((100% - 362px) / 2); } } @media screen and (max-width:767px ){ .top_btnSet { position:fixed; } .container { padding-top:142px; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail { padding:10px 20px; } .container .rightPage .detail .item .his_detail .left_area { width:60%; } .container .rightPage .detail .item .his_detail .right_area { width:40%; } footer .copyright{font-size: 0.9em;} } @media screen and (max-width:660px ){ .container .rightPage .detail .item .his_detail .left_area li .labelValue { font-size:14px; margin-top:-4px; display:block; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail .left_area li:nth-child(3) .labelValue:before { top:-7px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo { padding:15px; } .container .rightPage .detail .paymentInfo .labelText { font-size:18px; } .container .rightPage .detail .paymentInfo .price { font-size:21px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo .price { margin-top:0; } .container .rightPage .detail .item input[type="checkbox"].history_check:checked + .his_detail .right_area .paymentInfo.noUser { padding:55px 15px 15px; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm + label span.useOptionTxt { width:108px; } } @media (max-width: 570px){ footer .container{height: auto;} footer .copyright{padding: 12vw 0 10.4vw 0; height: auto; font-size: 0.7rem;} } @media (max-width: 510px){ footer .copyright{font-size: 2.2vw;} } @media screen and (max-width:480px ){ .container .rightPage .detail .payerInfo .addInfo { padding:10px; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm + label span.useOptionTxt { width:75px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo { padding:10px; } .container .rightPage .detail .paymentInfo .labelText { font-size:15px; } .container .rightPage .detail .paymentInfo .price { font-size:18px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo .price { margin-top:-3px; } .container .rightPage .detail .item .his_detail .left_area li .labelValue{ font-size:12px; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail .left_area li:nth-child(3) .labelValue { padding-left:0; } .container .rightPage .detail .item.error input[type="checkbox"].history_check:checked + .his_detail .left_area li:nth-child(3) .labelValue:before { display:none; } } @media screen and (max-width:380px ){ .container .rightPage .detail .cardBox { margin-left:0; } } @media screen and (max-width:360px ){ .navbar-inverse .navbar-toggle { margin-top:10px; background:#fff; margin-right:10px; } .navbar-nav { padding-top:5px; } .navbar-inverse .navbar-nav>li { padding-left:0px; } .navbar-inverse .navbar-nav>li>a { padding:10px 0; } .top_btnSet .top_btnSet_inner .rightBtn .top_btnApply { margin-right:58px; } } /* 갤럭시 폴드 화면 반쪽 */ @media screen and (max-width:280px ){ .top_btnSet .top_btnSet_inner img { display:none; } .top_btnSet .top_btnSet_inner .rightBtn { float:left; } .container .rightPage .detail .cardBox .card .cardNumber { letter-spacing:1.5px; } .container .rightPage .detail .sumLine .sumTxt { margin-right:0; } .container .rightPage .detail .payerInfo .req { margin-left:0; } input[type="checkbox"].payment_check + .agree label span.useOptionTxt { line-height:1.5; } .container .rightPage .detail .btn_history input[type="radio"].searchTerm + label span.useOptionTxt { width:116px; } .container .rightPage .detail .item .payDate { width:100%; margin-bottom:5px; } .container .rightPage .detail .item input[type="checkbox"].history_check + .his_detail { padding:10px; } .container .rightPage .detail .item .his_detail .right_area .paymentInfo .price { font-size:14px; } .container .rightPage .detail .paymentInfo .labelTitle { font-size:11px; } .container .rightPage .detail .item .his_detail .left_area li .labelTitle { font-size:11px; } .container .rightPage .detail .item .his_detail .left_area li .labelValue { font-size:12px; line-height:0.8; margin-top:-6px; } }