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

html,body{margin:0;padding:0;height:100%}
.menu{color:#525252;font-size:12px;}
.menu a:link{color:#ffffff;text-decoration:none;}
.menu a:hover{color:#ffffff;text-decoration:none;}
.menu a:visited{color:#ffffff;text-decoration:none;}

a:link{color:#4a4a4d;text-decoration:none;}
a:hover{color:green;text-decoration:none;}
a:visited{color:#4a4a4d;text-decoration:none;}

/*테이블*/
table {
  border-collapse: separate;
  border-spacing: 0;
  color: #4a4a4d;
  font: 12px "nanumgothic";
}
.tb tr { 
 /*height:30px;*/
}
.tb td {
  border-top: 1px solid #cecfd5;
  border-right: 1px solid #cecfd5;
  border-color: #cecfd5;
}
.tb td:first-child {
  border-left: 1px solid #cecfd5;
}
.tb th{
  border-top: 1px solid #cecfd5;
  border-right: 1px solid #cecfd5;
  /*border-bottom: 1px solid #cecfd5;*/
  border-color: #cecfd5;
  background: #f4f4f4;
  text-align:center;
}
.tb th:first-child {
  border-left: 1px solid #cecfd5;
}
.tb tr:last-child th{
  border-bottom: 1px solid #cecfd5;
}
.tb tr:last-child td{
  border-bottom: 1px solid #cecfd5;
}

.tb td{padding-left:5px; padding-right:5px;}
.inp{width:100%;}
.inp20{width:20%;}
.inp30{width:30%;}
.inp45{width:45%;}
.inp75{width:75%;}
.inp85{width:85%;}
.inp95{width:95%;}
.txt{width:100%;height:50px;}
.inp2{width:80px;text-align:right;}
.inp3{width:100px;text-align:right;}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 32px;
    border-bottom: 1px solid #cecfd5;
    border-left: 1px solid #cecfd5;
    width: 100%;
    font-family:"dotum";
    font-size:14px;
}
ul.tabs li {
    float: left;
    text-align:center;
    cursor: pointer;
    width:45px;
    height: 31px;
    line-height: 31px;
    border: 1px solid #cecfd5;
    border-left: none;
    font-weight: bold;
    background: #f4f4f4;
    overflow: hidden;
    position: relative;
}
ul.tabs li.active {
    background: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.tab_container {
    border: 1px solid #cecfd5;
    border-top: none;
    clear: both;
    float: left;
    width: 248px;
    background: #FFFFFF;
}
.tab_content {
    padding: 5px;
    font-size: 12px;
    display: none;
}
.tab_container .tab_content ul {
    width:100%;
    margin:0px;
    padding:0px;
}
.tab_container .tab_content ul li {
    padding:5px;
    list-style:none
}
;
 #container {
    width: 249px;
    margin: 0 auto;
}

.button {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
	width:70px;
} 

.button1 {background-color: #4CAF50;} /* Green */
.button2 {background-color: #008CBA;} /* Blue */
.button3 {background-color: #f44336;} /* Red */ 
.button4 {background-color: #e7e7e7; color: black;} /* Gray */ 
.button5 {background-color: #555555;} /* Black */ 


.video-wrap {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-wrap iframe,
.video-wrap object,
.video-wrap embed {position:absolute; top:0; left:0; width:100%; height:100%;}

select{height:22px;}



/*무료웹폰트*/
@font-face {
    font-family: 'paybooc-Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.0/paybooc-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'BCcardL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-07@1.1/BCcardL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
     font-family: 'NIXGONM-Vb';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/NIXGONM-Vb.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

.bcTitle{
	font-size:15px;
	font-family:'BCcardL';
}

/*top메뉴*/
ul {
	margin: 0;
    padding: 0;
}
li {list-style: none;}
#nav { width: 100%;font-family: 'NIXGONM-Vb';font-size:18px;} 
#nav:after { content: ""; display: block; clear: both; } 
.topMenu { margin: 30px; } 
.topMenu > li { position: relative; float: left; width: 130px; height: 30px; box-sizing: border-box; line-height: 30px; text-align: center;  } 
.topMenu > li:hover .sub { /*display: block;*/ } 
.topMenu > li a { display: block; transition: all 0.3s; color:#fff;} 
.topMenu > li a:hover { background: #009688; color: #fff; } 
.sub { display: none; position: absolute; top: 30px; left: 0; z-index: 1; width: 100%; background: #eee; opacity: 0.8;}
.sub > li a{ color:#009688;	font-size:12px;font-weight:bold;}


#top_sub{
	width:900px;
	color:#fff;
	text-align:right;
}

#top_sub a{
	color:#bae0c8;
}

/*필수*/
.required{
	color:red;
}