@charset "utf-8";

/****************************************** reset code ******************************************/
html, body{overflow-x:hidden}
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,input,select,
time, mark, audio, video {
margin: 0;padding: 0;border: 0;font-size: 16px; line-height:1.5em;font-family: 'SUIT', sans-serif; font-weight:400; vertical-align: baseline; color:#222;word-break:keep-all; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}


button, a {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
textarea {touch-action: manipulation;  }

ol, ul , li{list-style: none;}
div, td, a, span, button, input, form, td, tr,section, label{box-sizing: border-box;}
a{text-decoration: none; display:block;}

.inner{width:75dvw; margin-left:auto; margin-right:auto;}
table{border-collapse: collapse;}
td{vertical-align: middle;}
header, footer{width:100dvw}
.wdpib{display:inline-block;}

    /* 표 기본 셋팅 */
    table {border-collapse: collapse; }
    td{vertical-align:middle; border:0; background:#f0f0f0}
    thead td{background:#F0F0F0; }


    input{border:0; }


/****************************************** input, select ******************************************/
    input{background:#F6F6F6; border:1px solid #D9D9D9; border-radius: 0.4vmin;}
    input:focus{outline:none; border:2px solid #2661b9; box-shadow:0 0 2px #2661b9}
    select { -webkit-appearance: none;-moz-appearance: none;appearance: none;padding:0.7vmin 1vmin 0.8vmin; height:4vmin;  border:1px solid #999;  border-radius:0.4vmin}
    /* 크롬, 사파리, 엣지, 오페라 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
    .pre-line{white-space: pre-line;}

    /* 파이어폭스 */
    input[type="number"] {
        -moz-appearance: textfield;
    }



/*************** 색상 ***************/
.co_white{color:#fefefe;}
.co_gray0{color: #f7f8f8;}
.co_gray1{color: #eeeef0;}
.co_gray2{color:#d9dade}
.co_gray3{color:#b8bac1}
.co_gray4{color:#91949f}
.co_gray5{color:#737784}
.co_gray6{color:#5d606c}
.co_gray7{color:#4c4e58}
.co_gray8{color:#41424b}
.co_gray9{color:#37383e}
.co_gray10{color:#26272b}

.co_0{color: #f6f5f0;}
.co_1{color: #e9e4d8;}
.co_2{color:#d5c9b3}
.co_3{color:#bda887}
.co_4{color:#a98d66}
.co_5{color:#9a7b58}
.co_6{color:#84644a}
.co_7{color:#6b4e3d}
.co_8{color:#5b4338}
.co_9{color:#503b33}
.co_10{color:#30211d}

/*************** 배경 색상 ***************/
.bco_white{background:#fefefe;}
.bco_black{background:#222;}

.bco_white{background:#fefefe;}
.bco_gray0{background: #f7f8f8;}
.bco_gray1{background: #eeeef0;}
.bco_gray2{background:#d9dade}
.bco_gray3{background:#b8bac1}
.bco_gray4{background:#91949f}
.bco_gray5{background:#737784}
.bco_gray6{background:#5d606c}
.bco_gray7{background:#4c4e58}
.bco_gray8{background:#41424b}
.bco_gray9{background:#37383e}
.bco_gray10{background:#26272b}

.bco_0{background: #f6f5f0;}
.bco_1{background: #e9e4d8;}
.bco_2{background:#d5c9b3}
.bco_3{background:#bda887}
.bco_4{background:#a98d66}
.bco_5{background:#9a7b58}
.bco_6{background:#84644a}
.bco_7{background:#6b4e3d}
.bco_8{background:#5b4338}
.bco_9{background:#503b33}
.bco_10{background:#30211d}




/****************************************** 글자 행간 ******************************************/

    .f_100{line-height:1em;}
    .f_130{line-height:1.8em;}

/****************************************** 폰트 단락 조정 ******************************************/

    .preLine{white-space: pre-line;}
    .textJust{text-align:justify;}