@charset "utf-8";
@import "font.css";

* {margin:0;padding:0;box-sizing: border-box;}
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
table {border-collapse:collapse;border-spacing:0;}

html {overflow-y:scroll;}
body, html {width:100%;height:100%;}
body, textarea, select, input, button {font:14px 'Noto Sans KR', sans-serif;}
a {color:#18191c;text-decoration:none;}
a:hover {color:#18191c;text-decoration:none;}
button {border:0;padding:0;background:transparent;cursor:pointer;*overflow:visible;}
button::-moz-focus-inner {padding:0;border:0;}

/*@font-face {*/
/*font-family: 'NEXONLv2Gothic';*/
/*src: url("../font/NEXONLv2Gothic.eot");*/
/*src: url("../font/NEXONLv2Gothic.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2Gothic.woff") format("woff"), url("../font/NEXONLv2Gothic.ttf") format("truetype");*/
/*}*/
/*@font-face {*/
/*font-family: 'NEXONLv2GothicBold';*/
/*src: url("../font/NEXONLv2GothicBold.eot");*/
/*src: url("../font/NEXONLv2GothicBold.eot?#iefix") format("embedded-opentype"), url("../font/NEXONLv2GothicBold.woff") format("woff"), url("../font/NEXONLv2GothicBold.ttf") format("truetype");*/
/*}*/

.hidden {visibility:hidden;width:0;height:0;overflow:hidden;font-size:0;line-height:0;padding:0;}
.dimmed {position:fixed;width:100%;height:calc(100% + 63px);background-color:#000000;opacity: 0.5;z-index:888888;margin-top:-63px}
.wrapper {min-height:100%;}
.scroll {overflow:auto;}
.scroll::-webkit-scrollbar {width: 12px !important;} 
.scroll::-webkit-scrollbar-track {background-color: transparent;}
.scroll::-webkit-scrollbar-thumb {border-radius:8px;background-color: #dadee6;background-clip: padding-box;border: 4px solid transparent;}
.scroll::-webkit-scrollbar-button {width: 0;height: 0;}

.inputTxtSec {position:relative;}
.inputTxtSec:hover .inputTxt {border-color:#0c77ff;}
.inputTxt {width:100%;padding:0 40px 0 16px;border-radius: 4px;  border: solid 1px #dadee6;  background-color: #ffffff;}
.inputTxt:hover, .inputTxt:focus {border-color:#0c77ff;}
.inputTxtSec.disabled .inputTxt {border: solid 1px #dadee6;  background-color: #e9ecf2;color:#a2a9b6;pointer-events: none !important;opacity: 0.5;}
.inputTxtSec.disabled {pointer-events: auto !important;opacity: 1;}
.inputTxtSec .deleteBt {visibility:hidden;position:absolute;top:12px;right:16px;display:inline-block;width:24px;height:24px;background:url(../image/bt_delete.png) no-repeat center center;}
.inputTxtSec .deleteBt:hover {background-image: url(../image/bt_delete2.png);}
input::placeholder, textarea::placeholder {color:#a2a9b6;line-height: 1.5;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color:#a2a9b6;line-height: 1.5;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#a2a9b6;line-height: 1.5;}
textarea:hover {border-color:#0c77ff !important;}
.error {border-color:#ff6060 !important;}
.error_text {color:#EF5D5D;}
.disabled {pointer-events: none !important;opacity: 0.5;}
.selectboxSec {position:relative;letter-spacing: -0.4px;}
.selectboxSec a.selected {color:#0e77ff !important;font-weight:700 !important;}
.selectboxSec .selectTxt .selectBt {cursor: pointer;}
.selectboxSec .selectTxt {width:100%;height:40px;border-radius: 3px;font-size:16px;font-weight:400 !important;border:1px solid #d8d9dc;background-color:#ffffff;}
.selectboxSec .selectTxt:hover, .selectboxSec .selectTxt.selected  {border-color:#d8d9dc;}
.selectboxSec.error .selectTxt {border-color:#ff6060;}
.selectboxSec .selectTxt a {display:block;background-image:url(../image/bul_arr_bk3.png);background-repeat:no-repeat;background-position:right 16px center;background-size:20px 20px;color:#17191d !important;}
.selectboxSec .selectTxt.selected a {color:#272627 !important;}
.selectboxSec .selectTxt a span {overflow:hidden;display:block;padding:6px 40px 9px 15px;text-overflow: ellipsis;white-space: nowrap;}
.selectboxSec .selectTxt.on {background-color:#ffffff;border-color:#0e77ff;}
.selectboxSec .selectTxt.on:hover, .selectboxSec .selectTxt.selected.on {border-color:#0e77ff;}
.selectboxSec .selectList {display:none;position:absolute;z-index:5;overflow:auto !important;top:41px;left:0;width:100% !important;max-height:448px !important;padding:4px;border-radius: 3px;  box-shadow: 0 15px 20px 0 rgba(0, 0, 0, 0.16);  border: solid 1px #0e77ff;  background-color: #fff;}
.selectboxSec .selectList a {overflow:hidden;display:block;height:40px;padding:6px 8px 0 15px;color:#737881;font-size:16px;font-weight:400;text-overflow: ellipsis;white-space: nowrap;cursor: pointer;line-height: 1.71;letter-spacing: -0.35px;}
.selectboxSec .selectList a:hover {background:#ecf1fa;border-radius: 3px;}

.checkboxSec input {position:absolute;top:-3px;left:-3px;width:0px;height:0px;-moz-appearance: none;}
.checkboxSec label {display:flex;cursor:pointer; align-items: center;}
.checkboxSec3 label {align-items: flex-start;}
.checkboxSec label > .check {flex:0 0 24px;width:24px;height:24px;border-radius: 3px;border: solid 1px #d8d9dd;  background-color: #ffffff;}
.checkboxSec.error label > .check {border-color:#ff6060;}
.checkboxSec label > .txt {padding-left:12px;text-align:left;word-break: keep-all;letter-spacing: -0.48px;}
.checkboxSec input[type="checkbox"]:checked + label > .check {background-color:#0c77ff;background-image:url(../image/img_checkbox.png);background-repeat:no-repeat;background-position:center center;border-color:#0c77ff;}
.checkboxSec label:hover > .check {border-color:#005cc9;}
.checkboxSec input[type="checkbox"]:checked + label:hover > .check {background-color:#005cc9;}
.checkboxSec p.txt2 {padding-left:36px;}
.checkboxSec p.txt2 a {text-decoration: underline;color:#0c77ff;}
.checkboxSec p.txt2 a:hover {color:#005cc9;}
.checkboxSec2 label > .check {flex:0 0 16px;width:16px;height:16px;border-radius: 2px;border: solid 1px #dadee6;}
.checkboxSec2 label > .txt {padding-left:8px;font-size: 12px; letter-spacing: -0.24px;}
.checkboxSec2 input[type="checkbox"]:checked + label > .check {background-color:#18191c;background-image:url(../image/img_checkbox_s.png);}
.checkboxSec2 label:hover > .check, .checkboxSec2 input[type="checkbox"]:checked + label > .check {border-color:#18191c;}
.checkboxSec2 input[type="checkbox"]:checked + label:hover > .check {background-color:#000000;}

.radioSec input {position:absolute;top:-3px;left:-3px;width:0px;height:0px;-moz-appearance: none;}
.radioSec label {position:relative;height:24px;cursor:pointer;display:inline-block;font-size:0;}
.radioSec label > .radio {display:inline-block;width:24px;height:24px;margin-right:12px;border:1px solid #dadee6;border-radius: 50%;vertical-align: middle;}
.radioSec label > .txt {vertical-align: middle;font-size: 16px;line-height: 1.5;letter-spacing: -0.48px;color: #18191c;}
.radioSec input[type="radio"]:checked + label > .radio {border-color:#0c77ff;}
.radioSec input[type="radio"]:checked + label > .radio::before {position:absolute;top:6px;left:6px;content:'';display:block;width:12px;height:12px;background-color:#0c77ff;border-radius: 50%;}
.radioSec input[type="radio"] + label:hover > .radio {border-color:#005cc9;}
.radioSec input[type="radio"]:checked + label:hover > .radio::before {background-color:#005cc9;}

.bt {display:inline-block;font-weight:700;text-align:center;border-radius: 4px;}
.bt1, .bt5 {width:240px;height:56px;padding-top:14px;font-size:18px;border:1px solid #c4c9d4;}
.bt1:hover, .bt5:hover {border-color:#0c77ff;color:#0c77ff;}
.bt2 {width:240px;height:48px;padding-top:12px;font-size:16px;color:#ffffff;background-color:#0c77ff;}
.bt2:hover {color:#ffffff;background-color:#005cc9;}
.bt2.disabled {background-color: #dadee6;color:#9198a5;}
.bt3 {width:100%;height:48px;padding-top:12px;font-size:16px;color:#ffffff;background-color:#18191c;letter-spacing: -0.48px;line-height: 1.5;}
.bt3:hover {color:#ffffff;background-color:#005cc9;}
.bt4 {width:100%;height:48px;padding-top:12px;font-size:16px;color:#18191c;background-color:#e9ecf2;letter-spacing: -0.48px;line-height: 1.5;}
.bt4:hover {background-color:#c4c9d4;}
.bt5 {width:200px;}


.pageSec {font-size:0;text-align:center;}
.pageSec a {display:inline-block;width:32px;height:32px;margin:0 1px;padding-top:5px;text-align:center;letter-spacing: -0.49px;color:#ffffff; color:#9fa1a7;font-size: 14px;}
.pageSec a:hover {color:#0c77ff;}
.pageSec a.current {background-color:#17191d;color:#ffffff;}
.pageSec a.prevBt, .pageSec a.nextBt, .pageSec a.firstBt, .pageSec a.lastBt {width:26px;margin:0;background-repeat: no-repeat;background-position:center center;}
.pageSec a.prevBt {margin-right:9px;background-image: url(../image/img_prev.png);}
.pageSec a.prevBt:hover {background-image: url(../image/img_prev_over.png);}
.pageSec a.nextBt {margin-left:9px;background-image: url(../image/img_next.png);}
.pageSec a.nextBt:hover {background-image: url(../image/img_next_over.png);}
.pageSec a.firstBt {background-image: url(../image/img_first.png);}
.pageSec a.firstBt:hover {background-image: url(../image/img_first_over.png);}
.pageSec a.lastBt {background-image: url(../image/img_last.png);}
.pageSec a.lastBt:hover {background-image: url(../image/img_last_over.png);}

.fullLayerSec {width:100%;height:100%;background-color:#ffffff;z-index:10000;}
.fullLayerSec .layerContents {padding:320px 40px 0;text-align: center;}
.fullLayerSec p.txt1 {padding-top:80px;font-family: "Pretendard Variable", Pretendard, sans-serif; font-size: 28px;font-weight: 700;line-height: 1.5;letter-spacing: -0.98px;color: #18191c;background:url(../image/img_error.png) no-repeat center top;word-break: keep-all;}
.fullLayerSec p.txt2 {padding:24px 0 0px;font-family: "Pretendard Variable", Pretendard, sans-serif;font-size: 16px;line-height: 1.5;letter-spacing: -0.48px;color: #747a86;word-break: keep-all;}
.fullLayerSec .btSec {margin-top:60px;}
.fullLayerSec .btSec .bt {height:56px;padding-top:14px;font-size:18px;}
.fullLayerSec .btSec .bt3 {width:240px;}
.fullLayerSec p.txt2 br.line {display:none;}
.fullLayerSec.pageError p.txt1 {background-image: url(../image/img_alert4.png);}
.fullLayerSec.svcError p.txt1 {background-image: url(../image/img_inspection.png);}
.fullLayerSec.svcError dl {max-width:291px;width:100%;height:85px;margin:16px auto 0;padding-top:16px;background-color:#fafbfc;color:#ff6060;font-size:16px;line-height: 1.57;letter-spacing: -0.48px;text-align:center;}
.fullLayerSec.svcError dl dt {font-weight:700;}
.fullLayerSec.ieError .layerContents {padding-top:300px;}
.fullLayerSec.ieError .brM {display:none;}
.fullLayerSec.ieError p.txt1 {padding-top:0;background:none;}
.fullLayerSec.ieError ul {margin-top:56px;text-align:center;font-size:0;}
.fullLayerSec.ieError ul li {display:inline-block;width:56px;height:88px;margin:0 28px;padding-top:67px;background-repeat: no-repeat;background-size:56px 56px;background-position: center top;font-size: 14px;line-height: 1.57;letter-spacing: -0.48px;color: #000;}
.fullLayerSec.ieError ul li.chrome {background-image:url(../image/img_chrome.png);}
.fullLayerSec.ieError ul li.edge {background-image:url(../image/img_edge.png);}
.fullLayerSec.ieError ul li.safari {background-image:url(../image/img_safari.png);}

/* QA - 기획 변경 https://app.zeplin.io/project/6268b4d3010a01bf849c573a/screen/64ed91dc70125c25ffaab4c4  */
.fullLayerSec.pageError .btSec {
    min-width: 320px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
@media screen and (min-width:640px) and (max-width:1079px) {    
    .fullLayerSec .layerContents {padding-top:300px;}
}

@media screen and (min-width:1px) and (max-width:639px) {
    .fullLayerSec {min-width: 360px;}
    .fullLayerSec .layerContents {padding:140px 28px 104px;}
    .fullLayerSec p.txt1 {padding-top:68px;font-size:20px;background-size:52px 52px;letter-spacing: -0.7px;}
    .fullLayerSec p.txt2 {padding-top:20px;font-size:14px;line-height:1.57;}
    .fullLayerSec p.txt2 br.line {display:block;}
    .fullLayerSec .btSec {position:fixed;bottom:0;left:0;width:100%;padding:32px 16px 24px;background-color:#ffffff;}
    .fullLayerSec .btSec._btSec2 {position:static;width:100%;padding:0;background-color:#ffffff;}
    .fullLayerSec .btSec .bt {width:100%;max-width:none;height:48px;padding-top:12px;font-size:16px;line-height: 1.5;  letter-spacing: -0.48px;}
    .selectboxSec .selectList {max-height:290px !important;}
    .fullLayerSec.svcError dl {max-width:280px;height:73px;margin:8px auto 0;padding-top:12px;font-size:14px;}
    .fullLayerSec.ieError .layerContents {padding-top:140px;}
    .fullLayerSec.ieError .brM {display:block;}
    .fullLayerSec.ieError .brPC {display:none;}
    .fullLayerSec.ieError ul {margin-top:52px;}
    .fullLayerSec.ieError ul li {height:76px;margin:0 18px;padding-top:58px;background-size:48px 48px;font-size: 12px;line-height: 1.5;letter-spacing: -0.26px;}
}

@media screen and (max-width: 640px) {
    .scroll::-webkit-scrollbar {width: 6px !important;background-color: transparent !important;}
    .scroll::-webkit-scrollbar-track {background-color: transparent !important;}
    .scroll::-webkit-scrollbar-thumb {border-radius:8px !important;border: 1px solid transparent;border-right: 2px solid transparent}
    .scroll::-webkit-scrollbar-button {width: 0;height: 0;}
}