@charset "UTF-8";

@import url("/css/ui/main.css");
@import url("/css/ui/modal.css");
@import url("/css/ui/camera.css");
@import url("/css/ui/history.css");
@import url("/css/ui/login.css");
@import url("/css/ui/header.css");


@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'), url('/fonts/pretendard/Pretendard-Black.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Black.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'), url('/fonts/pretendard/Pretendard-ExtraBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'), url('/fonts/pretendard/Pretendard-Bold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'), url('/fonts/pretendard/Pretendard-SemiBold.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'), url('/fonts/pretendard/Pretendard-Medium.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'), url('/fonts/pretendard/Pretendard-Regular.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'), url('/fonts/pretendard/Pretendard-Light.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Light.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'), url('/fonts/pretendard/Pretendard-ExtraLight.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-ExtraLight.woff') format('woff');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'), url('/fonts/pretendard/Pretendard-Thin.subset.woff2') format('woff2'), url('./woff-subset/Pretendard-Thin.woff') format('woff');
}
/*폰트설정 : 끝*/


/*기타 설정 : 시작 */
html{-webkit-text-size-adjust:none; 
-ms-user-select:none; -khtml-user-select:none;
-webkit-user-select:none; user-select:none; 
-webkit-touch-callout:none; }
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body,a,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,tr,th,td,
form,fieldset,label,legend,input,textarea,button,menu{margin:0px;padding:0px; -webkit-text-size-adjust:none;}
body,input,textarea,select,table,button,code{color:#1f1f1f;
font-family: /*'NanumSquare'*/'Pretendard'; font-weight: 400; text-align: left; font-style:normal; } 
body{width:100%; position:relative;word-wrap:break-word;word-break:break-all; 
background: #dadada;
min-width:280px; min-height: 100vh;}
nav,menu,ul,li,ol{list-style:none;}
div{display:block;}
table{border-collapse:collapse; border-spacing:0;}
img,fieldset{border:none;}
em,address{font-style:normal;}
select{cursor: pointer; background: none}
section,article,header,footer,nav,aside,hgroup{display:block;}
button{border:none; background:none; cursor:pointer !important; margin:0; padding:0}
button:focus{outline:none;}
a{margin:0px; padding:0px; text-decoration:none; cursor:pointer;}
a:hover, a:active{text-decoration:none !important;}
table{table-layout: fixed;}
.clearFix:after{content:""; display:block; clear:both;}
.ibFix{line-height:0px;}
.hiddenFix{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
caption{position: absolute; overflow: hidden; top: 0; left: 0; width: 1px; height: 1px; line-height: 0;
text-indent:-10000px}
label{cursor:pointer;}
.floatLeft{float: left;} .floatLeft:after{content:""; display:block; clear:both;}
.floatRight{float: right; position: relative;} .floatRight:after{content:""; display:block; clear:both;}
.pageFix{overflow: hidden;}
.tCenter{text-align: center;}
.inside{display: inline-block;}
.inside:after{content: ""; display: block; clear: both;}
.row{display: block; width: 100%; position: relative;}
.row:after{content: ""; display: block; clear: both;}
.bold{font-weight: 700}

select {
   -webkit-appearance:none; /* for chrome */
   -moz-appearance:none; /*for firefox*/
   appearance:none;
}

select::-ms-expand{
   display:none;/*for IE10,11*/
}

:root {
  --main: #012754;
  --red: #fa0202;
}

.red{color:var(--red) !important}



/*.gotoTop{
    position: fixed;
    display: none;
    z-index: 100;
    width: 50px;
    height: 50px;
    background: url(../images/go_top75.png) center no-repeat;
    background-size: 50px 50px;
    bottom: 19px;
    right: 16px;
    filter : drop-shadow(0 3px 6px rgba(0,0,0,0.15));
}*/

/*기타 설정 : 끝*/






/*레이아웃 : 시작*/
.allWrap{
    display: block;
    position: relative;
    width: 100%;
    max-width: 1000px;
    min-width: 280px;
    min-height: 100vh;
    margin:0 auto;
    /*padding:0 0 92px;*/
    
    /*border-left:1px solid #e0e0e0;
    border-right:1px solid #e0e0e0;*/
}


.centerWrap{
    display: block;
    width: 100%;
    margin:0 auto;
    position: relative;
    padding:0 20px;
}

.centerWrap:after{content: ""; display: block; clear: both;}

.grayBg{background:#EEF0F2;}

.contents{
    display: block;
    width: 100%;
    padding: 62px 0 0;
}


/*레이아웃 : 끝*/





/*버튼 : 시작*/
.buttonOk{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color:var(--main) !important;
    background: #fff;
    margin:33px 0 0;
}

.buttonMain{
    display: block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    border-radius: 10px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    background:var(--main);
    color: #fff !important;
}

.buttonMain.disabled{
    background: #E1E1E1;
}


.buttonCancel{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 54px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    background:#EAEAEA;
    color: var(--main) !important;
}

.buttonBlackLine{
    display: block;
    width: 100%;
    height: 54px;
    line-height: 52px;
    border-radius: 10px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    color:var(--main) !important;
    background: #fff;
    border:1px solid var(--main) !important;
}
/*버튼 : 끝*/



.saveIdPw{
    display: block;
    width: 100%;
    margin:24px 0 0;
}

.saveIdPw:after{
    content: ""; display: block; clear: both;
}


.bInput input[type=checkbox]{
    margin: 0;
    box-sizing: border-box;
    padding: 0;
    line-height: normal;
}

.bInput {
    position: relative;
    display: inline-block;
    max-width: 100%;
    height: 30px;
}

.saveIdPw .bInput{
    float: left;
}


.saveIdPw .bInput + .bInput{margin: 0 0 0 20px;}

.bInput:after{content: ""; display: block; clear: both;}

.bInput input + .txt {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: 500;
    color:#222;
    padding:0 0 0 28px;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bInput input {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}

.bInput input[type="checkbox"]:focus+.txt{
    /*outline:2px solid #20787c; outline-offset: -2px;*/
}

.bInput input[type="checkbox"]:not(:checked)+.txt {
    background: url(../images/checkbox-off-z.svg) left no-repeat;
    background-size: 24px 24px;
}

.bInput input[type="checkbox"]:checked+.txt {
    background: url(../images/checkbox-on-z.svg) left no-repeat;
    background-size: 24px 24px;
    /*color:var(--main);*/
    font-weight: 700;
}









































































































































































































/*#######################################*/
@media screen and (max-width: 1000px) {


} /*반응형 1000px 끝*/



/*#######################################*/
@media screen and (max-width: 600px) {

    

} /*반응형 600px 끝*/








/*#######################################*/
@media screen and (max-width: 500px) {

    .buttonMain{
        font-size: 16px;
    }


} /*반응형 488px 끝*/








@media screen and (max-width: 420px) {

    

} /*반응형 488px 끝*/


@media screen and (max-width: 400px) {



} /*반응형 400px 끝*/


@media screen and (max-width: 380px) {


} /*반응형 380px 끝*/


@media screen and (max-width: 360px) {


} /*반응형 360px 끝*/






@media screen and (max-width: 340px) {


} /*반응형 320px 끝*/









@media screen and (max-width: 320px) {

} /*반응형 320px 끝*/



@media screen and (max-width: 300px) {

 
} /*반응형 300px 끝*/