@charset "utf-8";
@import url("../css/NotoKR.css");
/* CSS Document */
/*-- reset css --*/
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, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
html, body {font-family: 'Noto Sans Regular';}
body {
	width:100%;
	height:100%;
    line-height:1;
	overflow-x: hidden;
	background:#ffffff;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}
ul, ol {list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    text-decoration: none;
}
/* change colours to suit your needs */
table {
    border-collapse:collapse;
    border-spacing:0;
    vertical-align:middle;
}
img {
    vertical-align:top
}
th, td {vertical-align:middle;}
input, select {vertical-align:middle;}
/*-- END reset css --*/


/*-- navigation --*/
nav {
    position:fixed;
    top:0;
    left:-580px;
    width:510px;
    height:100%;
    background:#3c468e;
    z-index:9999;
    transition:.5s; 
	animation-timing-function: ease-in-out;
}
nav.on {
    left:0;
}
div.closeBtn {
    position:absolute;
    top:50%;
    right:-32px;
    width:65px;
    height:65px;
    z-index:9999;
}
ul.navi li {
    margin:50px auto;
    width:400px;
}
ul.navi li a.homeBtn {
    display:block;
    width:400px;
    height:80px;
    border:3px solid #1e97d4;
    border-radius:5px;
    text-align:center;
    font-size:26px;
    line-height:80px;
    color:#fff;
}
ul.navi li.menu a {
    padding:22px 0;
    display:block;
    text-align:center;
    font-size:32px;
    font-family: 'Noto Sans Thin';
    color:#fff;
}

ul.navi li.menu a:hover {
    color:#eac75e;
    font-weight:bold;
}

ul.navi li.menu a:first-child {
    padding-top:0;
}


/* 메뉴펼치기 */
.menu a{cursor:pointer;}
/*
.menu a.active span {
            background: url(../img/btnArrow_up.png) no-repeat;
}*/
/*
.menu a span {
            position:absolute;
            margin-top:5px;
            right:60px;
            display:inline-block;
            width:38px;
            height:20px;
            background: url(../img/btnArrow_down.png) no-repeat;
}
*/
.menu .hide{display:none;}
.menu .hide li {
			margin:10px auto;
			width:400px;
}
.menu .hide li a.subMenulist{
			text-align:center;
			font-size:23px;
			font-family: 'Noto Sans Thin';
			color:#fff;
}

ul.navi li.menu ul {
    display:none;
} 

ul.navi li.active {
    display:block;
} 

ul.navi li.menu a ul.hide li {
    padding:22px 0;
    display:block;
    text-align:center;
    font-size:18px;
    font-family: 'Noto Sans Thin';
    color:#fff;
}
/* // 메뉴펼치기 */

div.blind {
    display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
    background:#2b2f31;
    z-index:8888;
    opacity:0.8;
}
/*-- END navigation --*/

section {
    margin:0 auto;
    margin-top:100px;
    width:640px;
    min-height:600px;
    background:#fff;
}
.endline {
    clear:both;
}