@charset "utf-8";
@import url('../base.css');

/*
 * common.css
 * 수정을 하고자 할경우 content.css 또는 main.css에서 따로 수정한다.
 *
 * 1) 기타설정
 * 2) margin padding
 * 3) 정렬
 * 4) button
 * 5) Form Control
 * 6) table
 * 7) layer pop
 * 8) 개인정보처리방침 등
 * 9) tooltip
 * 10) accordion
 * 11) 에디터상쇄
 *
 */
 
/* 1) 기타설정 */
	/* skip navigation */
#skip_menu{height:0px; z-index:9999; text-align:center;}
#skip_menu a{display:block; position:absolute; top:-35rem; left:0px; z-index:9999; height:33rem; line-height:31rem; box-sizing:border-box; padding:0 10rem; background:#fcfcfc; border:2rem solid #262626; border-top-width:0; color:#555; font-size:14rem;}
#skip_menu a:hover,
#skip_menu a:focus,
#skip_menu a:active{top:0px;}

/* 5) Form Control */
input,
select,
textarea,
label{display:inline-block; box-sizing:border-box; width:auto; vertical-align:middle; font-size:var(--font-base, 14rem);}
input[type="text"],
input[type="password"],
input[type="tel"],
input[type="date"],
input[type="email"],
input[type="number"],
textarea{height:40rem; padding:7rem 8rem; margin:2rem 0px; border:1rem solid #ddd; background:var(--color-white, var(--color-white, #fff)); vertical-align:middle;}
textarea{resize:none;}
select{height:40rem; padding:0 8rem; margin:2rem 0px; border:1rem solid #ddd; background:var(--color-white, #fff); vertical-align:middle;}
select::-ms-expand {background-color:transparent; border:0;}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="button"],
input[type="number"],
input[type="file"],
select,
textarea{-webkit-border-radius:1rem; -webkit-appearance:none;}
select{padding-right:20rem; background:var(--color-white, #fff) url(../../images/board/select_arrow.svg) no-repeat calc(100% - 7rem) 50%; background-size:7rem 7rem;}
body.ie select{padding-right:10rem;}
input[type="file"]{background:#eee; font-size:1.08em;}
input[readonly],
input[disabled]{background:#f5f5f5;}
input[disabled]{color:#c5c5c5;}
input[type="checkbox"],
input[type="radio"]{width:13rem; height:13rem; margin:2rem 3rem 1rem 0;}
input[type="checkbox"] + label,
input[type="radio"] + label{margin-right:20rem;}
table{width:100%;}


/* 6) table */
table.table{margin-top:15rem; border-top:1rem solid #111;}
table.table thead th{background:#edf0fb; border-bottom:1rem dashed #e2e7f9;}
table.table.line thead th{border:1rem dashed #c3cae6;}
table.table thead tr:last-child th{border-bottom-width:0;}
table.table thead th[rowspan]{border-right:1rem dashed #c3cae6;}
table.table tbody th{background:#f5f5f5; border:1rem solid #e0e0e0; border-right-color:#f5f5f5;}
table.table thead + tbody th{background:transparent; border-right-color:#e0e0e0;}
table.table th,
table.table td{padding:9rem 10rem; word-break:keep-all;}
table.table th{text-align:center; font-weight:600; color:#222;}
table.table thead + tbody tr td{text-align:center;}
table.table tbody td{border:1rem solid #e0e0e0; text-align:left;}
table.table thead tr th:last-child,
table.table tbody tr td:last-child{border-right-width:0px;}
table.table thead tr th:first-child,
table.table tbody tr td:first-child,
table.table tbody tr th:first-child{border-left-width:0px;}
	/* table text align */
table.table.tal td,
table.table .tal{text-align:left !important;}
table.table.tar td,
table.table .tar{text-align:right !important;}
table.table .tac{text-align:center !important;}
table.table .list{margin-top:0px;}
table.table td input[type="text"],
table.table td select,
table.table td textarea{width:100%;}
	/* table button form */
table.table .button{min-width:60rem;}
table.table.form td{height:38rem; padding:5rem 10rem; text-align:left;}
	/* table link hover */
table.table td a[class*="link_"]{color:#3653a9; transition:0.2s ease;}
table.table td a[class*="link_"]:hover{box-shadow:0 1rem 0px #265096;}
table.table.hover tbody tr:hover th,
table.table.hover tbody tr:hover td{background:#f7f7ee !important;}
	/* table bgcolor */
table.table.blue tbody th{background:#edf0fb !important;}
table.table.gray{border-top-color:#d0d0d0;}
table.table.gray thead th{background:#f5f5f5 !important;}
table.table.gray.line thead th{border-color:#cecece}
table.table.gray thead th[rowspan]{border-right-color:#cecece;}
table.table.gray thead tr:last-child th{border-bottom-color:#e2e2e2;}
	/* table img */
table.table img{max-width:100%;}
table.table div.conts{min-height:300rem;}
table.table div.conts img{max-width:100%;}
	/* table total */
table.table .total td,
table.table td.total{font-weight:600; color:#222;}
	/* table scroll mobile */
#content .scrollTable{width:100%;}
#content .mob_info{display:none; position:relative; width:100%; box-sizing:border-box; margin-top:10rem; padding:7rem 7rem 7rem 35rem; background:var(--color-white); border:1rem dashed #cfcfcf; font-size:14rem;}
#content .mob_info:before{content:''; display:block; position:absolute; top:7rem; left:7rem; width:20rem; height:22rem; background:url(../../images/board/img_drag.png) no-repeat 50% 0; background-size:100%;}



@media screen and (max-width:768px){
	/* 6) table */
	#content .scrollTable{overflow:auto;}
	#content .scrollTable .table{width:768px;}
	#content .mob_info{display:block;}
}

@media screen and (max-width:640px){
	/* 6) table */
	table.table col[data-table-respon]{display:none; width:auto !important;}
	table.table th[data-table-respon],
	table.table td[data-table-respon]{display:block; width:100%; box-sizing:border-box;}
	table.table tbody th[data-table-respon]{border-width:0px;}
	table.table tbody td[data-table-respon]{border-left-width:0px; border-right-width:0px;}
}