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

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

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

/*테이블*/
table {
  border-collapse: separate;
  border-spacing: 0;
  color: #4a4a4d;
  font: 14px "nanumgothic";
}
.tb tr { 
  height:45px;
}
.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:8px;  border-bottom: 1px solid #cecfd5;}
.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;}