@charset "utf-8";
/********************************** Fonts S ************************************/
    @font-face{
        font-family:'SpoqaHanSansNeo';
        font-style:normal;
        font-weight:400;
        src:url('../css/font/SpoqaHanSansNeoRegular.woff2') format('woff2');
    }
    @font-face{
        font-family:'SpoqaHanSansNeo';
        font-style:normal;
        font-weight:500;
        src:url('../css/font/SpoqaHanSansNeoMedium.woff2') format('woff2');
    }
    @font-face{
        font-family:'SpoqaHanSansNeo';
        font-style:normal;
        font-weight:700;
        src:url('../css/font/SpoqaHanSansNeoBold.woff2') format('woff2');
    }

    @font-face {
        font-family: 'pass';
        font-style: normal;
        font-weight: 400;
        src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATsAA8AAAAAB2QAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAcg9+z70dERUYAAAF0AAAAHAAAAB4AJwANT1MvMgAAAZAAAAA/AAAAYH7AkBhjbWFwAAAB0AAAAFkAAAFqZowMx2N2dCAAAAIsAAAABAAAAAQAIgKIZ2FzcAAAAjAAAAAIAAAACAAAABBnbHlmAAACOAAAALkAAAE0MwNYJ2hlYWQAAAL0AAAAMAAAADYPA2KgaGhlYQAAAyQAAAAeAAAAJAU+ATJobXR4AAADRAAAABwAAAAcCPoA6mxvY2EAAANgAAAAEAAAABAA5gFMbWF4cAAAA3AAAAAaAAAAIAAKAE9uYW1lAAADjAAAARYAAAIgB4hZ03Bvc3QAAASkAAAAPgAAAE5Ojr8ld2ViZgAABOQAAAAGAAAABuK7WtIAAAABAAAAANXulPUAAAAA1viLwQAAAADW+JM4eNpjYGRgYOABYjEgZmJgBEI2IGYB8xgAA+AANXjaY2BifMg4gYGVgYVBAwOeYEAFjMgcp8yiFAYHBl7VP8wx/94wpDDHMIoo2DP8B8kx2TLHACkFBkYA8/IL3QB42mNgYGBmgGAZBkYGEEgB8hjBfBYGDyDNx8DBwMTABmTxMigoKKmeV/3z/z9YJTKf8f/X/4/vP7pldosLag4SYATqhgkyMgEJJnQFECcMOGChndEAfOwRuAAAAAAiAogAAQAB//8AD3jaY2BiUGJgYDRiWsXAzMDOoLeRkUHfZhM7C8Nbo41srHdsNjEzAZkMG5lBwqwg4U3sbIx/bDYxgsSNBRUF1Y0FlZUYBd6dOcO06m+YElMa0DiGJIZUxjuM9xjkGRhU2djZlJXU1UDQ1MTcDASNjcTFQFBUBGjYEkkVMJCU4gcCKRTeHCk+fn4+KSllsJiUJEhMUgrMUQbZk8bgz/iA8SRR9qzAY087FjEYD2QPDDAzMFgyAwC39TCRAAAAeNpjYGRgYADid/fqneL5bb4yyLMwgMC1H90HIfRkCxDN+IBpFZDiYGAC8QBbSwuceNpjYGRgYI7594aBgcmOAQgYHzAwMqACdgBbWQN0AAABdgAiAAAAAAAAAAABFAAAAj4AYgI+AGYB9AAAAAAAKgAqACoAKgBeAJIAmnjaY2BkYGBgZ1BgYGIAAUYGBNADEQAFQQBaAAB42o2PwUrDQBCGvzVV9GAQDx485exBY1CU3PQgVgIFI9prlVqDwcZNC/oSPoKP4HNUfQLfxYN/NytCe5GwO9/88+/MBAh5I8C0VoAtnYYNa8oaXpAn9RxIP/XcIqLreZENnjwvyfPieVVdXj2H7DHxPJH/2/M7sVn3/MGyOfb8SWjOGv4K2DRdctpkmtqhos+D6ISh4kiUUXDj1Fr3Bc/Oc0vPqec6A8aUyu1cdTaPZvyXyqz6Fm5axC7bxHOv/r/dnbSRXCk7+mpVrOqVtFqdp3NKxaHUgeod9cm40rtrzfrt2OyQa8fppCO9tk7d1x0rpiQcuDuRkjjtkHt16ctbuf/radZY52/PnEcphXpZOcofiEZNcQAAeNpjYGIAg///GBgZsAF2BgZGJkZmBmaGdkYWRla29JzKggxD9tK8TAMDAxc2D0MLU2NjENfI1M0ZACUXCrsAAAABWtLiugAA) format('woff');
    }
/********************************** Fonts E ************************************/




/********************************** Initial S ************************************/
    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;-webkit-print-color-adjust:exact;-webkit-tap-highlight-color:transparent;}
    body{word-break:break-all}
    article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block}
    nav ul, ul, ol, li{list-style:outside none none}
    blockquote, q{quotes:none}
    blockquote:before, blockquote:after, q:before, q:after{content:'';content:none}
    a{display:inline-block;}
    a:link, a:visited, a:hover, a:active{text-decoration:none}
    hr{margin-top:20px;background:#eee;}
    em, address, i{font-style:normal}
    img{border:0 none;vertical-align:top}
    fieldset{border:0 none}
    input{border:none;}
    input, select{margin:0;padding:0;vertical-align:middle}
    input[type="submit"], input[type="reset"], input[type="button"]{border:0}
    button{margin:0;padding:0;border:0 none;cursor:pointer}
    textarea{margin:0;padding:0}
    table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed}
    caption, legend{overflow:hidden;width:100%;height:0;line-height:normal;font-size:medium;opacity:0;word-break:break-all}
    fieldset, legend{position:relative;top:0;left:0}
    *:focus{outline:none;}
    *{scrollbar-width:none ! important;-ms-overflow-style:none ! important;}
    ::-webkit-scrollbar{display:none ! important;}
/********************************** Initial E ************************************/


/********************************** Common S ************************************/
    *{box-sizing:border-box;}
    html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;}
    html{font-size:10px;}
    body{font-family:'SpoqaHanSansNeo', 'malgun', 'Apple SD Gothic Neo', '돋움', Dotum, Verdana, Arial, sans-serif;font-size:1.4rem;color:#6e7780;line-height:1.5}
    a{color:#6e7780;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
    a:hover{text-decoration:none}
    img{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-user-select:none}
    textarea{appearance:none;-webkit-appearance:none;display:inline-block;padding:1rem;border:0.1rem solid #ddd;background:#fff;line-height:1.5;font-family:'SpoqaHanSansNeo', 'Apple SD Gothic Neo', 'malgun', '돋움', Dotum, Verdana, Arial, sans-serif;font-size:1.4rem;color:#6e7780;box-sizing:border-box;}
    input, select, button{font-family:'SpoqaHanSansNeo', 'Apple SD Gothic Neo', 'malgun', '돋움', Dotum, Verdana, Arial, sans-serif;box-sizing:border-box;cursor:pointer;-webkit-tap-highlight-color:transparent}
    /*select{appearance:none;-webkit-appearance:none}*/
    /* input{border-radius:0;appearance:none;-webkit-border-radius:0;-webkit-appearance:none} */
    input[type="text"], input[type="password"], input[type="date"], input[type="time"], input[type="tel"], input[type="number"]{}
    input[type="radio"], input[type="checkbox"], button, label{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
    input[type="date"]::-ms-clear{display:none}
    input[type="date"]::-ms-reveal{display:none}
    input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="time"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus{}
    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin : 0;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }
    
    input[readonly="readonly"]{}
    input[disabled="disabled"]{}
    input::placeholder{}
    input::-webkit-input-placeholder{}
    input::-moz-input-placeholder{}
    input::-ms-input-placeholder{}
    textarea::placeholder{}
    textarea::-webkit-input-placeholder{}
    textarea::-moz-input-placeholder{}
    textarea::-ms-input-placeholder{}
    button{background-color:rgba(255,255,255,0);}
	

    :root{
        --blue1   : #209fed;
        --blue2   : #E5F1FF;
        --blue3   : #C2DCFF;
        --blue4   : #5697F0;
        --blue5   : #307FF0;
        --blue6   : #175EC7;
        --blue7   : #1D2D47;
        --gray1   : #F5F7FA;
        --gray2   : #F2F5F7;
        --gray3   : #ECEFF4;
        --gray4   : #E1E3E5;
        --gray5   : #C0C6CC;
        --gray6   : #A9B0B8;
        --gray7   : #8C959F;
        --gray8   : #6E7780;
        --gray9   : #515961;
        --gray10  : #212529;
        --white   : #ffffff;
        --informative : #0565F0;
        --success : #00A684;
        --danger  : #E5493A;
        --warning : #E18700;
    
        --shadow1 : 0px 1px 6px 0px rgba(33, 37, 41, 0.04), 0px 1px 1px 0px rgba(33, 37, 41, 0.02);
        --shadow2 : 0px 1px 16px 0px rgba(33, 37, 41, 0.04), 0px 6px 10px 0px rgba(33, 37, 41, 0.02);
        --shadow3 : 0px 2px 22px -1px rgba(33, 37, 41, 0.04), 0px 8px 10px 0px rgba(33, 37, 41, 0.02);
    
        --content01 : #A162F7;
        --content02 : #5979FF;
        --content03 : #19A562;
        --content04 : #1DBBD0;
        --content05 : #0698A1;
        --content06 : #C6A600;
        --content07 : #AC4375;
        --content08 : #6435C8;
        --content09 : #1F4079;
        --content10 : #EA695B;
    }

    .bodyScrollHidden{overflow:hidden !important;}
    .hidden{position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0)} 
    .yScroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:0;}


    /* text */
    .blue1  {color:var(--blue1 )  !important;}
    .blue2  {color:var(--blue2 )  !important;}
    .blue3  {color:var(--blue3 )  !important;}
    .blue4  {color:var(--blue4 )  !important;}
    .blue5  {color:var(--blue5 )  !important;}
    .blue6  {color:var(--blue6 )  !important;}
    .blue7  {color:var(--blue7 )  !important;}
    .gray1  {color:var(--gray1 )  !important;}
    .gray2  {color:var(--gray2 )  !important;}
    .gray3  {color:var(--gray3 )  !important;}
    .gray4  {color:var(--gray4 )  !important;}
    .gray5  {color:var(--gray5 )  !important;}
    .gray6  {color:var(--gray6 )  !important;}
    .gray7  {color:var(--gray7 )  !important;}
    .gray8  {color:var(--gray8 )  !important;}
    .gray9  {color:var(--gray9 )  !important;}
    .gray10 {color:var(--gray10)  !important;}
    .white  {color:var(--white )  !important;}
    .danger {color:var(--danger)  !important;}

    .blue1   .base{color:var(--blue1 )  !important;}
    .blue2   .base{color:var(--blue2 )  !important;}
    .blue3   .base{color:var(--blue3 )  !important;}
    .blue4   .base{color:var(--blue4 )  !important;}
    .blue5   .base{color:var(--blue5 )  !important;}
    .blue6   .base{color:var(--blue6 )  !important;}
    .blue7   .base{color:var(--blue7 )  !important;}
    .gray1   .base{color:var(--gray1 )  !important;}
    .gray2   .base{color:var(--gray2 )  !important;}
    .gray3   .base{color:var(--gray3 )  !important;}
    .gray4   .base{color:var(--gray4 )  !important;}
    .gray5   .base{color:var(--gray5 )  !important;}
    .gray6   .base{color:var(--gray6 )  !important;}
    .gray7   .base{color:var(--gray7 )  !important;}
    .gray8   .base{color:var(--gray8 )  !important;}
    .gray9   .base{color:var(--gray9 )  !important;}
    .gray10  .base{color:var(--gray10)  !important;}
    .white   .base{color:var(--white )  !important;}
    .danger  .base{color:var(--danger)  !important;}

    .tL{text-align:left !important;}
    .tC{text-align:center !important;}
    .tR{text-align:right !important;}

    .wB{font-weight:bold !important;}
    .wM{font-weight:500 !important;}
    .wL{font-weight:400 !important;}

    .w100{font-weight:100 !important;}
    .w200{font-weight:200 !important;}
    .w300{font-weight:300 !important;}
    .w400{font-weight:400 !important;}
    .w600{font-weight:600 !important;}
    .w800{font-weight:800 !important;}
    .w900{font-weight:900 !important;}

    .t12{font-size:12px;line-height:20px;letter-spacing:-0.1px;color:var(--gray8);font-weight:500;word-break:keep-all;}
    .t14{font-size:14px;line-height:22px;letter-spacing:-0.1px;color:var(--gray8);font-weight:500;word-break:keep-all;}
    .t16{font-size:16px;line-height:24px;letter-spacing:-0.1px;color:var(--gray10);font-weight:500;word-break:keep-all;}
    .t18{font-size:18px;line-height:28px;letter-spacing:-0.1px;color:var(--gray10);font-weight:500;word-break:keep-all;}

    .sDot{position:relative;padding-left:12px;}
    .sDot::before{content:"";position:absolute;left:0;top:6px;display:block;width:4px;height:4px;border-radius:50%;background-color:var(--gray5);z-index:1;}

    .rotate90{transform:rotate(90deg) !important;}
    .rotate180{transform:rotate(180deg) !important;}
    .rotate270{transform:rotate(270deg) !important;}
    .rotate360{transform:rotate(360deg) !important;}
    
@media print {	
	html, body {width:100%;}
}