@charset "utf-8";


/* Skip Navigation */
#accessibility a {display:block; position:absolute; top:-40px; left:0; z-index:10; width:100%; height:25px; line-height:25px; text-align:center; font-weight:bold; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s;}
#accessibility a:hover {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
#accessibility a:active {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
#accessibility a:focus {top: 0px; z-index:1000; padding:10px 0; background:#4764ce; color:#fff;}
a#content {margin:0; padding:0; font-size:0; line-height:0;}

/* Float Clear */
.clr:after{content: ''; display: block; clear: both;}

/* 텍스트 정렬 */
.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}
.valm{vertical-align:middle !important;}
.valt{vertical-align:top !important;}

/* Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; line-height:1.4;}
.cont_body input[type=text],
.cont_body input[type=password],
.cont_body input[type=tel],
.cont_body input[type=date],
.cont_body input[type=email],
.cont_body select,
.cont_body textarea{padding:7px 8px; border:2px solid #ddd; border-radius:0.2em; vertical-align:middle;}
.cont_body input[type=text],
.cont_body input[type=password],
.cont_body input[type=button],
.cont_body input[type=file],
.cont_body select{height:32px;}
.cont_body select::-ms-expand {background-color: transparent; border: 0;}
.cont_body input[type=file]{background:#eee; font-size:1.08em;}
.cont_body input[type=checkbox],
.cont_body input[type=radio]{width:13px; height:13px; margin:2px 3px 1px 0;}
.cont_body input[readonly],
.cont_body input[disabled]{background: #eee;}

/* Button Common */
.button,
.button *{position:relative; display:inline-block; box-sizing:border-box; overflow:visible; margin:0; padding:0; text-decoration:none !important; white-space:nowrap; text-align:center; vertical-align:middle; cursor:pointer; transition:all .3s;}
.button span{height: 100%; vertical-align: top;}
.button img{vertical-align:middle;}
/* Button Size - default / small / large */
.button{height:40px; margin:5px 3px; width:140px; border:1px solid transparent; border-radius:0.2em; font-size:16px; line-height:40px;}
.button.xs{height:21px; padding:0 10px; font-size:11px; line-height:21px;}
.button.sm{height:32px; padding:0 25px; font-size:16px; line-height:32px;}
.button.lg{height:55px; padding:0 65px;  font-size:17px; line-height:55px;}
/* Button Color */
.button{background-color:#444; color:#fff !important;}
.button.gray{background-color:#555; color:#fff !important;}
.button.violet{background-color:#5a63bf; color:#fff !important;}
.button.lightblue{background-color:#0198d7; color:#fff !important;}
.button.orange{background-color:#d27108; color:#fff !important;}

/* Button Active */
.button:hover,
.button:focus{opacity:.8;box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);}
/* Button border */
.button.border{background-color:transparent;border-color:#dadada;color:#444  !important;}
.button.border:hover,
.button.border:focus{border-color:#333;color:#444;}

.btnArea{margin:15px 0 0;text-align:center;}

/* 상단,좌측 제목 */
.tbl{table-layout:fixed;box-sizing:border-box;width:100%;margin-bottom:5px; border-top:2px solid #222;}
.tbl th,
.tbl td{padding:20px 15px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;line-height: 1.5;letter-spacing:-0.1em;}
.tbl thead th{border-bottom:1px solid #888; background:#f8f8fa;}
.tbl th:first-child,
.tbl td:first-child{border-left-color:transparent;}
.tbl tbody th{font-weight:400;}
/* 모바일용 테이블 스크롤 */
.table_scroll{overflow:hidden;}

@media screen and (max-width:1200px){
	.tbl.tbl_type th,
	.tbl.tbl_type td{font-size:14px;}	
}

@media screen and (max-width:1024px){
	.tbl.tbl_type th,
	.tbl.tbl_type td{font-size:13px;}	
}

@media screen and (max-width:768px){
	.button{width:100px;height:36px;line-height:36px;font-size:13px;}
	
	/*.tbl{min-width:640px;}*/
	.tbl th, .tbl td{padding:12px 10px;font-size:14px;}
	.table_scroll{overflow:auto;}
	.tbl_w{min-width:640px;}
 }

@media screen and (max-width:767px){
	.tbl.tbl_type th,
	.tbl.tbl_type td{font-size:13px;}
}

@media screen and (max-width:700px){
	.tbl.tbl_type th,
	.tbl.tbl_type td{font-size:12px;}
}

@media screen and (max-width:640px){
	.tbl.tbl_type2 th,
	.tbl.tbl_type2 td{font-size:12px;}
}

@media screen and (max-width:600px){
	.tbl.tbl_type{overflow:auto;}
	.tbl.tbl_type th,
	.tbl.tbl_type td{font-size:11px;}
}

@media screen and (max-width:400px){
	.tbl.tbl_type2 th,
	.tbl.tbl_type2 td{font-size:11px;}
}

@keyframes bouncex {
    100%{transform:translateX(-10px);-webkit-transform:translateX(-10px);}
}
@keyframes bouncey {
    100%{transform:translateY(-10px);-webkit-transform:translateY(-10px);}
}
@keyframes mousedownicon{
0% {top:0px;}
50% {top:-10px;}
100% {top:0;}
}
@keyframes ani_ico {
    0% {
    	transform:translateY(0px);
    	-webkit-transform:translateY(0px);
    	-ms-transform:translateY(0px);
    	-moz-transform:translateY(0px);
    }
    50% {
    	transform:translateY(-15px);
    	-webkit-transform:translateY(-15px);
    	-ms-transform:translateY(-15px);
    	-moz-transform:translateY(-15px);
    }
}