@charset "utf-8";
/*
Copyright (c) 2024, Igini. All rights reserved.
version: 1.0.0
*/

/* RESET css */
html, body, div, p, span, strong, b, em, iframe, pre,
h1, h2, h3, h4, h5, h6,
img, dl, dt, dd,
fieldset, form, legend, label,
table, caption, thead, tbody, tfoot, tr, th, td,
ul, ol, li, a, input, select, textarea{margin: 0;padding: 0; border: 0 none; }
html,body { height: 100%; }
body{background:#fff;font-size:14px;line-height:1;color: #333;letter-spacing:-.025em;}
button,
textarea,
input,
select{font-family:'Open Sans','Noto Sans KR', sans-serif;font-size:14px;}
ul, ol, li{list-style:none;}
em, address{font-style:normal;}
strong{font-weight:700;}
img{border:0 none;font-size:0;line-height:0;max-width:100%;}
sup{position:relative;top:2px;font-size:11px;line-height:100%;}
table{border-collapse: collapse; border-spacing:0;}
caption{overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
th, td{ vertical-align: middle;/* white-space: nowrap */}
a{color:#333;text-decoration:none;line-height:1;}
a:hover, a:focus, a:active{text-decoration:none;}
*, html{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
*, *:before, *:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
button{padding:0;margin:0;background:transparent;border:none;cursor:pointer;}
figure{margin:0;padding:0;}
select {appearance: none;-webkit-appearance: none;-moz-appearance: none;outline: 0;margin: 0;vertical-align: middle;cursor: pointer;border: 1px solid #ccc;padding: 8px 22px 8px 8px;}
select::-ms-expand {
   display: none;
}
i{font-style:normal}

.clearfix:before, .clearfix:after{
    content:'.';
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}
/* http://sonspring.com/journal/clearing-floats */
.clearfix {
    clear:both;
    display:block;
    height:0;
    overflow:hidden;
    visibility:hidden;
    width:0;
}

/* For IE7. Move this to separate file when you notice some problems */
hr{margin:0;padding:0;border:none;border-top:1px dashed #ccc;}

.a11y-hidden{overflow:hidden;position:absolute;clip:rect(0 0 0 0); /* IE 6,7 */clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;border:0;padding:0;}
caption.a11y-hidden{position:static;}
.a11y-hidden.focusable:focus{overflow:visible;position:static;clip:auto;width:auto;height:auto;margin:0;}

/* skip */
.skip_menu{position:absolute;top:0;left:0;z-index:10000;width:100%;height:0;line-height:1}
.skip_menu a{display:block;overflow:hidden;width:1px;height:1px;margin:0 -1px -1px 0;padding:0;font-size:0;line-height:1}
.skip_menu a:active,.skip_menu a:focus,.skip_menu a:hover{position:absolute;top:0;left:0;z-index:50;width:100%;height:30px;margin:0;padding:5px 0;background:#333;color:#fff;font-weight:700;font-size:15px;text-align:center;line-height:100%}
.scroll{display:block;overflow-y:scroll;-webkit-overflow-scrolling: touch}
.screen_out{overflow:hidden;position:absolute;width:0;height:0;line-height:0;text-indent:-9999px}

a:focus,
button:focus,
input:focus,
textarea:focus,
*[role=button]:focus {
    outline:none;
}


/** RESET
===================================*/
html {-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,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,main,hgroup,menu,nav,section,summary,time,mark,audio,video {margin:0;padding:0;border:0;background:transparent;outline:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section {display:block}
ul,ol {list-style:none}
blockquote,q {quotes:none}
pre {display:inline-block}
em {font-style:normal}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
address {font-style:normal}
a {color:inherit;text-decoration:none;outline:none !important}
table {table-layout:fixed;border-collapse:collapse;border-spacing:0;empty-cells:show}
table,tr,th,td {border-collapse:collapse;border-spacing:0;empty-cells:show}
input,select {margin:0;padding:0;vertical-align:middle;outline:none}
input[type=text]:-ms-clear {display:none}
button {margin:0;padding:0;border:0;font:inherit;background:transparent;cursor:pointer;outline:none !important}
button::-moz-focus-inner {padding:0;border:0}
img {max-width:100%;vertical-align:top}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill {-webkit-text-fill-color:#000;-webkit-box-shadow: 0 0 0px 1000px rgba(0,0,0,0) inset;transition:background-color 5000s ease-in-out 0s}
input:-webkit-autofill ~ label,
input:-webkit-autofill:hover ~ label,
input:-webkit-autofill:focus ~ label,
input:-webkit-autofill ~ label {z-index:-1 !important}
textarea {resize:vertical;vertical-align:top}
body {overflow-x:hidden;overflow-y:scroll}


@media print {
    html, body {
        width: 210mm;
        height: 297mm;
    }
    #sinagong {
        page-break-before: avoid;
        width:100%;
        height:100%;
        -webkit-transform: scale(.78,.78);
        -moz-transform:scale(.78,.78);
        transform: scale(.78,.78);
        -webkit-transform-origin:top left;
        -moz-transform-origin:top left;
        transform-origin:top left;
    }
}