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


/* TYPE, COMMON */
html,body{width:98%;height:100%; font-family:'Nanum Gothic';}
div,li,ul,textarea,header,footer{display:block;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Nanum Gothic';}
a,button,div{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;font-family:'Nanum Gothic';}
caption{width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
select{font-family:'Nanum Gothic';}

td {font-size:12px;color:#333333;}
.td2 {font-size:12px;color:#333333;text-align:center;}
.trans{border:1px solid #999999;text-align:center;}
a{color:#333333;text-decoration:none;}
a:hover{color:#333333; text-decoration:none;}

#page{width:1100px;padding:30px 0 0 0;margin:0 auto;background-color:#fff}
.static-tab{margin-bottom:30px;     overflow: hidden;}
.static-tab li{display:block;float:left;margin-right:0px;width:33.2%;}
.static-tab.c2 li{width:50%;}
.static-tab.c3 li{width:33.3%;}
.static-tab.c4 li{width:25%;}
.static-tab.c5 li{width:20%;}
.static-tab.c6 li{width:16.6%;}
.static-tab.c7 li{width:14.2%;}
.static-tab.c8 li{width:12.5%;}
.static-tab.c10 li{width:10%;}
.static-tab.c11 li{width:11.1%;}
.static-tab a{width:100%;padding:10px 0;background-color:#fff;color:#98999C;font-size:15px;font-weight:bold;outline:0;border:1px solid #CCCCCC;text-align:center;display:block;-webkit-box-sizing: border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-family:'Nanum Gothic';}
.static-tab button{width:100%;padding:10px 0;background-color:#fff;color:#8A7EB0;font-size:15px;font-weight:bold;outline:0;border:1px solid #CCCCCC;text-align:center}
.static-tab button:hover, .static-tab button.active{background-color:#8A7EB0;color:#fff;}
.static-tab a.active, .static-tab a:hover{background-color:#F19D3B;color:#fff;}


.table5_4 table {
	width:100%;
	margin:15px 0;
	border:0;
}
.table5_4 th {
	background-color:#e9e9e9;
	color:#000000;
}
.table5_4,.table5_4 th,.table5_4 td {
	font-size:0.95em;
	padding:4px;
	border-collapse:collapse;
	height:35px;
}
.table5_4 th,.table5_4 td {
	border: 1px solid #e9e9e9;
	border-width:1px 0 1px 0
}
.table5_4 tr {
	border: 1px solid #ffffff;
}
.table5_4 tr:nth-child(odd){
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.table5_4 tr:nth-child(even){
	background-color:#ffffff;
}



.table5_3 table {
	width:100%;
	margin:15px 0;
	border:0;
}
.table5_3 th {
	background-color:#e9e9e9;
	color:#000000;
}
.table5_3,.table5_3 th,.table5_3 td {
	font-size:0.95em;
	padding:4px;
	border-collapse:collapse;
	height:25px;
}
.table5_3 th,.table5_3 td {
	border: 1px solid #CDCDCD;
	border-width:1px 0 1px 0
}
.table5_3 tr {
	border: 1px solid #ffffff;
}

.left{

width:50px;

height:50px;

float:left;

margin-left:15px;

margin-bottom:15px;

}

.wday_select { height:25px;}


.btn
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
border:0; background:#428EFF;color:#FFFFFF;
width:70px;height:25px;
}

.btn2
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
border:0; background:#666666;color:#FFFFFF;font-size:16px;
width:110px;height:40px;
}

.btn3
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
border:0; background:#428EFF;color:#FFFFFF;
width:90px;height:24px;
}

.btn_mobile
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
border:0; background:#428EFF;color:#FFFFFF;
width:60px;height:25px;
}

.btn_mobile2
{
width:56px;
}



.myButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	height:24px;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.myButton:active {
	position:relative;
	top:1px;
}


#pop {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}