@import url(/common/css/frame.min.css);
/*@font-face { font-family:"NanumGothic"; src:url('../fonts/NanumGothic.woff') format('woff'); }*/

footer { padding:20px; border-top:1px solid #e7e7e7; }

/*
<a href="/sub/2_1" class="rollover">
	<img src="/img/banner1.png">
	<img src="/img/banner1_o.png" class="over">
</a>
*/
a.rollover img {border-width:0px; display:inline;} 
a.rollover img.over {display:none;} 
a.rollover:hover {border:0px;} 
a.rollover:hover img {display:none;} 
a.rollover:hover img.over {display:inline;} 


.font-ng2 { font-family:"NanumGothic","굴림","Helvetica Neue",Helvetica,Arial,sans-serif; }
.font-ng3 { font-family:"굴림","Helvetica Neue",Helvetica,Arial,sans-serif; }
.font-ng { font-family:"NanumGothic"; }

.glyphicon-group:before { content: "\e044"; }

.inline { display:inline; }
.container-width { width:1366px; }
.menu_line { border-top:3px solid #3a3e49; } 

.bd_none { border:none; }
.bd_bottom { border-bottom-width:1px; }

/* background */
.bg1 { background:#f3f3f3; }
.bg_gray { background-color:#f2f2f2; }
.bg_gray2 { background-color:#e9e9e9; }
.bg_darkblue { background-color:#3a3e49; }

/* color*/
.dark1 { color:#353535;}
.gray1 { color:#7e7e7e;}
.gray2 { color:#5d5c5c;}
.gray3 { color:#999999;}
.green1 { color:#2db515;}
.blue1 { color:#3da6e9; }

.black1 { color:#1f1f1f; }
.black2 { color:#cccccc; }
.gray1 { color:#8e8e8e; }
.red1 { color:#ff3333; }
.green1 { color:#769b1d; }

/* font */
.bold { font-weight:bold; }
.ft10 { font-size:10px; }
.ft11 { font-size:11px; }
.ft12 { font-size:12px; }
.ft13 { font-size:13px; }
.ft14 { font-size:14px; }
.ft15 { font-size:15px; }
.ft16 { font-size:16px; }
.ft17 { font-size:17px; }
.ft18 { font-size:18px; }
.ft20 { font-size:20px; }

/* padding */
.padding0{ padding:0; }

/* margin */
.margin10t { margin-top:10px; }
.margin20t { margin-top:20px; }
.margin30t { margin-top:30px; }
.margin50t { margin-top:50px; }
.margin100t { margin-top:100px; }




.mColor { color:#961d15; }
.sColor { color:#ccc7b1; }


/* gradient */
.table-grey > caption + thead > tr:first-child > td, .table-grey > caption + thead > tr:first-child > th, .table-grey > colgroup + thead > tr:first-child > td, .table-grey > colgroup + thead > tr:first-child > th, .table-grey > thead:first-child > tr:first-child > td, .table-grey > thead:first-child > tr:first-child > th {
	padding:30px 10px;
	border: 0; color:#333333;
	background-color: #f2f2f2;
	background-image: -moz-linear-gradient(top,#ffffff,#f2f2f2);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#f2f2f2));
	background-image: -webkit-linear-gradient(top,#ffffff,#f2f2f2);
	background-image: -o-linear-gradient(top,#ffffff,#f2f2f2);
	background-image: linear-gradient(to bottom,#ffffff,#f2f2f2);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffffffff',GradientType=0);
	*zoom:1: ;
}

.table-blue1 > caption + thead > tr:first-child > td, .table-blue1 > caption + thead > tr:first-child > th, .table-blue1 > colgroup + thead > tr:first-child > td, .table-blue1 > colgroup + thead > tr:first-child > th, .table-blue1 > thead:first-child > tr:first-child > td, .table-blue1 > thead:first-child > tr:first-child > th {
    border: 0; background-color:#2980b9; color:#fff; vertical-align:middle;
}
.table-blue1 > tbody > tr > td { vertical-align:middle; }

.sform { margin:20px 0; }
	.sform .stext { padding:5px; }

/** Login Page **/
#login {
    padding-top: 40px;
    padding-bottom: 40px;
}

#login .form-signin {
    max-width: 350px;
    padding: 19px 29px 29px;
    margin: 0 auto 20px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
       -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
            box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
#login .form-signin .form-signin-heading,
#login .form-signin .checkbox {
    margin-bottom: 10px;
}

#login .form-signin .checkbox {
    padding-left:20px;
}
#login .form-signin input[type="text"],
#login .form-signin input[type="password"] {
	line-height:20px;
	color:#555;
    font-size: 16px;
    height: auto;
    margin-bottom: 15px;
    padding: 7px 9px;
	width:100%;
	min-height:30px;
	vertical-align:middle;
	border-radius:4px;
	border:1px solid #e7e7e7;
}
#login .form-signin .checkbox { margin-top:0; margin-bottom:30px; }



@media screen and (max-width:768px) {
	
	.container { max-width:100%; }

	#main_slide { padding:0; }
	#main_slide .container { padding:0; }
}