@charset "utf-8";
/* Reset CSS */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* {margin: 0; padding: 0; border: 0;}
html, body {width: 100%; height: 100%; background-color:#fff;}
caption,legend,.accessibility {position:absolute; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}
ul, ol, dl, li{list-style: none;}
img, object, embed, video {max-width: 100%; border:none}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width: 100%;}
a {text-decoration: none; color:#666666;}
input{vertical-align: middle; font-size:11px; color:#6d6d6d; border:1px solid #a0a0a0; line-height:20px; outline :none;}
button{outline :none;}
body {font-family:nanumgothic ; line-height:1.2em; font-size: 100%; color: #333;}
label {cursor: pointer;}

.floatL {float:left;}
.floatR {float:right;}
.clear {clear:both;}
.bold {font-weight: bold;}
select {height:28px;padding-left:10px;border:1px solid #c8c8c8;background:#fff url(../images/bg-form-selects.png) no-repeat 100% 50%;-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius:0.2rem; font-size:12px; color:#6d6d6d; vertical-align: middle;outline :none;}
select::-ms-expand {display:none;}
textarea {overflow:auto;resize:none;padding:10px;border:1px solid #c8c8c8; border-radius:0.2rem; font-size:12px; color:#6d6d6d; vertical-align: middle;outline :none; width:225px; margin:5px 0; height:100px}
textarea.area2 {overflow:auto;resize:none;padding:10px;border:1px solid #c8c8c8; border-radius:0.2rem; font-size:12px; color:#6d6d6d; vertical-align: middle;outline :none; width:880px; margin:5px 0; height:100px}





 
/***** MOBILE *****/

#wrap {
	margin: 0 auto;
	padding: 0; 
	width: 100%; clear:both; overflow:hidden; }	
#top{background-color:#fff; width: 100%; height: 45px; padding:15px 0 0 24px; border-bottom:1px #e8e8e8 solid}
#container{min-height: calc( 100vh - 275px ); clear:both; display:flex;}
#menu{
	width: 220px;
	background-color: #ffffff;

	float: left;
	position: absolute;
	left: 0px;
	top: 61px;

}
#content{ float:right; width:calc(100% - 240px); margin:10px; padding-left:240px; 
}
h2{font-size:1.3rem; padding-bottom:20px}
.con_t{width:1100px; text-align:left; padding:20px 0; font-size:0.8rem; }
.list_t{ font-size:1rem; font-weight:bold; padding:20px 0 5px 0}

.menu-btn {
    width: 100%;
    height: 1.5rem;
    display: flex;
	margin-top:20px;
	padding-left:20px
}
#footer{
	background-color: #1d1f20;
	width: 100%;
	height: 275px;
	padding-left:50px
}
.menu-btn .btn{
	flex: 1 1 24%;
    max-width: 220px;
    height: 100%;
    margin: 15px 0;
    overflow: hidden;
    font-family: "Noto Sans CJK KR ";
    font-size: 14px;
    font-weight: 500;
    color: #111;
	padding:10px;
	cursor:pointer;
	text-underline-position: under; 


}
.menu-btn .btn.-fill-1 {}
.menu-btn .btn.-fill-1:hover {color:  #ed174d; font-weight:800; text-decoration:underline}
td{border-bottom:1px solid #dfe1e3; border-left:1px solid #dfe1e3; padding:10px;}
th{background-color: #dfe1e3; padding:10px}
td:last-child{border-bottom:1px solid #dfe1e3; border-left:1px solid #dfe1e3; border-right:1px solid #dfe1e3; padding:10px;}

.button {
  color: #666;
  border: 1px solid #999;
  width: 200px;
  height: 30px;
  border-radius: 3%;
  cursor:pointer;
  font-size:0.8rem;
}