@CHARSET "UTF-8";

/* 二쇱“��� : #43c7d4 */

/* reset */
body{background:#f7f9fd;}
.overflow-hidden{height:100%; overflow:hidden; width:100%; position:fixed;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {vertical-align:middle; /* -webkit-appearance: none; */}
button {border:0 none;background-color:transparent;cursor:pointer;outline:none}
body,th,td,input,select,textarea,button {font-size:15px;line-height:1.35em; font-family:HelveticaNeue, AppleSDGothicNeo-Regular, 'Lato','entypo', 留���� 怨����, malgun gothic, Apple SD ��곕��怨���� Neo, sans-serif; color:#4e5e75;-webkit-text-size-adjust: none;} /* color媛���� ��������멸����대����� 留�寃���ъ�� */
a {color:#4e5e75;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
table{border-collapse:collapse; border-spacing:0}
legend, caption, hr, .skip, .hide, .hidden{display: none;}
img{vertical-align:middle;}
.click-content{cursor:pointer;}
.block-img{display:block;}
.full-img{display:block; width:100%;}
.max-img{display:block; width:100%; height:100%;}

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* -webkit-transition: all 0.5s linear; transition: all 0.5s linear; */}



/* The side navigation menu */
#side-nav {
    height: 100%; /* 100% Full-height */
    width:280px; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 20; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

#side-nav a {text-decoration: none; display: block; transition: 0.3s;}

#side-nav a:hover{color: #f1f1f1;}
.content-mask{opacity:0.7; background:#000011; position:absolute; left:0; right:0; top:0; height:100%; height:100vh; z-index:15;}

#side-container{margin-left:280px; transition: margin-left .5s;}

.side-nav-header{position:relative; color:#fff; overflow:hidden;}
.side-nav-header h1{text-align:center;}

#side-nav-btn{display:none; cursor:pointer; position:fixed; top:9px; left:8px;}
#side-nav-btn li{background:#fff; display:block; height:0.2em; width:1.5em;}
#side-nav-btn li:nth-child(2){margin:0.3em 0; width:1.8em;}
#side-nav-btn li:nth-child(3){width:1.2em;}

@media (max-width: 900px){#side-nav{width:0;} #side-container{margin-left:0;} #side-nav-btn{display:block;}	 }


/* write */
input[type='email'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='url'],
textarea,
select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  box-shadow: none;
  border: .01em solid #d1d1d1;
  /*border-radius: .4rem;
  padding: .6rem 1rem;
  width: 100%; */
}

/* input[type='email']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='url']:focus,
textarea:focus,
select:focus {
  border: 0.1rem solid #43c7d4;
  outline: 0;
} */

label {
    font-size: 1.4rem;
    font-weight: 500;
    display: block;
    margin-top: 0.8rem;
    margin-bottom: 0.2rem;
    letter-spacing: .01em;
    color: #606c76;
    text-indent: 0.3rem;
}


/* button */
.button{
  background-color:#43c7d4;
  border:0.1rem solid #43c7d4;
  border-radius:0.4rem;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-weight:700;
  letter-spacing:0.1rem;
  padding:0.7rem 3rem 0.62rem;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  white-space:nowrap;
  font-size:14px;
}

.button:hover, .button:focus{
  background-color:#606c76;
  border-color:#606c76;
  color:#fff;
  outline:0;
}

.button.button-outline{
  color: #43c7d4;
  background-color: transparent;
}

.button.button-outline:hover, .button.button-outline:focus{
  color:#606c76;
  background-color:transparent;
  border-color:#606c76;
}


/* cut-text */
.cut-text{
    display: block;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* position */
.relative-area{position:relative;}
.absolute-left{position:absolute; left:0; top:0;}
.absolute-right{position:absolute; right:0; top:0;}


.vertical-center{
/* 	position:absolute;
 	max-width:100%; max-height:100%;
	width:auto !important; height:auto !important;
	margin:auto;
	top:0; bottom:0; left:0; right:0; */
	position: absolute;
	left:-10000%; right: -10000%; 
	top: -10000%; bottom: -10000%;
	margin: auto auto;
	min-width: 1000%;
	min-height: 1000%;
	-webkit-transform:scale(0.1);
	transform: scale(0.1);
}