@charset "utf-8";
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'Malgun Gothic', dotum, sans-serif}
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;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

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

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


/* CSS Document */

#wrap {display:flex; flex-direction: column; background:#dcdcdc; font-family: 'Noto Sans KR'}
#wrap .container {max-width:900px; margin-left:auto; margin-right:auto; background:#fff;}
#wrap .container img {width:100%;}

#quick {width:50px; position:fixed; z-index: 999; right:100px; bottom:5%;}
#quick img {margin:5px 0 5px 0;}

#gnb {position: fixed; top:0; left:0; width:100%;}
#gnb ul {max-width:900px; margin-left:auto; margin-right:auto; background:#fff;  height:50px; line-height: 50px; text-align: center; }
#gnb ul li {width:33.333%; float:left; font-size:18px; border-right:1px #999 dotted;  }
#gnb ul li:last-child {border-right:0;}
#gnb ul li a {color:#000; font-weight: bold;}
#gnb ul li a:hover {color:#CF4749;}

@media screen and (max-width:900px) {

    #wrap .container {width:100%; max-width: 900px; }
    #contentsBox img {width:100%;}

}

@media screen and (max-width:600px) {

    #wrap .container {width:100%; max-width: 600px; }
	#quick {right:10px;}

}