/* CSS reset  */
/*******************************************************************************************************************************************/
@charset "EUC-KR";

@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');



/*******************************************************************************************************************************************/

/*******************************************************************************************************************************************/

html,body, h1, h2, h3, h4, h5, h6, form, fieldset,img {margin:0;padding:0;border:0;font-family:'Noto Sans Kr','nanum Gothic'; font-size:0.9em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans Kr','nanum Gothic','Malgun Gothic', dotum, sans-serif;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;}
a {color:#222;text-decoration:none}
body{background:#f7f7f7;}

*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



select{
   -webkit-border-radius: 0;
   border:0;
}



.underline{text-decoration:underline}

.mar_t10{margin-top:10px;}
.mar_t20{margin-top:20px;}
.mar_t30{margin-top:30px;}
.mar_t40{margin-top:40px;}
.mar_t50{margin-top:50px;}
.mar_t60{margin-top:60px;}
.mar_t70{margin-top:70px;}
.mar_t80{margin-top:80px;}
.mar_t90{margin-top:90px;}


.mar_l10{margin-left:10px;}
.mar_l20{margin-left:20px;}
.mar_l30{margin-left:30px;}
.mar_l40{margin-left:40px;}
.mar_l50{margin-left:50px;}
.mar_l60{margin-left:60px;}
.mar_l70{margin-left:70px;}
.mar_l80{margin-left:80px;}
.mar_l90{margin-left:90px;}

.mar_r10{margin-right:10px;}
.mar_r20{margin-right:20px;}
.mar_r30{margin-right:30px;}
.mar_r40{margin-right:40px;}
.mar_r50{margin-right:50px;}
.mar_r60{margin-right:60px;}
.mar_r70{margin-right:70px;}
.mar_r80{margin-right:80px;}
.mar_r90{margin-right:90px;}


.red{color:#d30000}
.blue{color:#436bff}