/* 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=Roboto:200,300,400,500,700,800');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&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');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700&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; cursor:point;}


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





.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;}



.checkArea{display:inline-block;}
.checkArea label{display: inline-block; cursor: pointer; position: relative; font-size: 15px; margin-bottom: 0; vertical-align:middle;color:#444; font-family:'roboto','noto sans kr'} 
.checkArea label span{color:#999; display:Inline-block;margin-left:5px; font-size:15px;} 
.checkArea input[type=checkbox] { display: none;} 
.checkArea label::before {content: ""; display: inline-block; width: 20px;vertical-align:middle;height: 20px; background:url(../images/de_checkboxOff.jpg); margin-right:4px; background-size:100%;} 
.checkArea input[type=checkbox]:checked + label::before {content: ""; background:url("../images/de_checkboxOn.jpg"); background-size:100%;}