
.detailbox { padding:40px 0 0 0; display:flex; flex-wrap:wrap; }
.detailbox > div { width:50%; }
.detailbox > div > dl { margin:0 30px 15px 5px; padding-bottom:15px; border-bottom:#e6ddec dashed 1px; }
.detailbox > div > dl > dt { position:relative; padding-left:7px; margin-bottom:10px; font-size:14px; font-weight:600; color:#6c00ab; }
.detailbox > div > dl > dt:after { position:absolute; content:''; top:50%; left:0; transform:translate(0,-50%); width:6px; height:3px; border-left:#9b00f9 solid 3px; border-bottom:solid 3px transparent; border-top:solid 3px transparent; }
.detailbox > div > dl > dd { padding-left:3px; font-size:16px; }

.detailbox select, .detailbox input { display:inline-block; height:36px; border-radius:5px; border:#e0e0e0 solid 1px; font-size:14px; }
.detailbox select { width:50%; padding:0 25px 0 8px; }
.detailbox input { width:80%; padding:0 8px; background:#f7f7f7;  }

.line-x { position:absolute; display:block; width:30px; height:30px; top:17px; right:18px; }
.line-x:hover .line-x-block, .line-x:hover .line-x-block:after { background:#000; }
.line-x-block { display:block; width:2px; height:27px; margin-left:15px; position:relative; background:#aaa; transform: rotate(45deg); }
.line-x-block:after { position:absolute; content:''; width:2px; height:27px; top:0; right:0; background:#aaa; transform: rotate(-90deg); }


.sch-2-span { margin-left:5px; }
.exdown-auto { margin-left:10px; }
.exdown-auto.btn-exdown { padding:0 15px; line-height:40px; border-radius:5px; cursor:pointer;  }


#backgroundPopup{
	opacity:1 !important;
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:rgba(0, 0, 0, .4);
	border:0;
	z-index:999;
	/*backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);*/
}

#popupContact{
	display:none;
	position:absolute;
	_position:absolute; /* hack for internetinternet explorer 6*/
	/*left:50%;*/
	top:100px;
	margin:0 0 0 -200px;
	height:200px;
	width:200px;
	/*background:#FFFFFF;
	border:2px solid #cecece;*/
	z-index:9999;
	padding:0px;
	font-size:13px;
} 

.smart-pop, .smart-pop * { box-sizing:border-box; }
.smart-pop {position:relative; width:600px; background:#fff; font-weight:300; letter-spacing:-0.01em;
-webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; border:#666 solid 1px; letter-spacing:-.05em; }
.popwrap { padding:20px; }
.smart-pop h1 { font-weight:500; font-size:22px; margin:0; padding:10px 0 20px 5px; }
.line-x { position:absolute; display:block; width:30px; height:30px; top:17px; right:18px; }
.line-x:hover .line-x-block, .line-x:hover .line-x-block:after { background:#000; }
.line-x-block { display:block; width:2px; height:27px; margin-left:15px; position:relative; background:#aaa; transform: rotate(45deg); }
.line-x-block:after { position:absolute; content:''; width:2px; height:27px; top:0; right:0; background:#aaa; transform: rotate(-90deg); }



/* mBoard */
.mBoard table { margin-top:10px; line-height:1.5; background-color:#fff; border: 0; border-spacing: 0; border-collapse: collapse;}
.mBoard.typeFixed table { width:auto; }
.mBoard th,
.mBoard td { padding:9px 9px 7px;  font-size:14px; }
.mBoard th { font-weight:normal; background-color:#f5f4f4; }
.mBoard tbody th { border:1px solid #d9dadc; text-align:left; }
.mBoard thead th { border:1px solid #bbc0c4; color:#000000; text-align:center; vertical-align:middle; }
.mBoard tbody td { border:1px solid #d9dadc; vertical-align:middle; }
.mBoard tfoot th { border:1px solid #d9dadc; color:#000000; font-weight:bold; background-color:#fafafa; }
.mBoard tfoot td { border:1px solid #d9dadc; background-color:#fafafa;  }
    .mBoard table { border-top:1px solid #d9dadc; }
    .mBoard tfoot > tr > th,
    .mBoard tbody > tr > td { border-top-width:0; }
    .mBoard tbody > tr > td .mLayer td { border-top-width:1px; }
    .mBoard .tfoot th { border:1px solid #d9dadc; text-align:center; color:#000; font-weight:bold; background:#fafafa;}
    .mBoard .tfoot td { border:1px solid #d9dadc; background:#fafafa;}
    .mBoard .tfoot .sum th { background:#e8ebed;}
    .mBoard .tfoot .sum td { font-weight:bold; background:#e8ebed; }
    /* .mBoard.typeDivide */
    .mBoard.typeDivide { margin-top:10px; }
    .mBoard.typeDivide table { border:0; }
    .mBoard.typeDivide thead { overflow:hidden; position:absolute; width:0; height:0; white-space:nowrap; text-indent:150%; font-size:0; line-height:0; }
    .mBoard.typeDivide tbody td { border-top-width:1px; }

.mBoard .left { text-align:left; }
.mBoard .center { text-align:center; }
.mBoard .right { text-align:right; }
.mBoard .middle, .mBoard .middle th, .mBoard .middle td { vertical-align:middle; }
.mBoard .top, .mBoard .middle .top { vertical-align:top; }
.mBoard .chk { width:32px; }
.mBoard .chkTxt { width:43px; }
.mBoard .date { width:100px; }
.mBoard .time { width:144px; }

.mBoard .gDivision,
.mBoard.gDivision { margin:-1px 0 0; }
.mBoard.gCell td { padding:5px 4px 4px; }
.mBoard.gCellSingle td { padding-top:5px; padding-bottom:4px; }
.mBoard.gCellNarrow td { padding-left:4px; padding-right:4px; }
.mBoard .gEditor { margin:0 0 3px; }
.mBoard .gEditor table.seLayout { border:1px solid #e1e1e1; border-bottom:0; }
.mBoard .gEditor table table,
.mBoard .gEditor td { width:auto; min-width:0; }
.gEditor table table,
.gEditor td { width:auto; min-width:0; }
.gEditor input,
.gEditor textarea { outline:0 none; }
.gEditor > table { background:#dee2e5; }
.gEditor .butClass { border:1px solid #dee2e5; background:#dee2e5; }
.gEditor #editctrl { border:1px solid #dee2e5; }
.gEditor #editctrl > iframe { border:0; }

.mBoard .hover { background-color:#f5f3f4; }
.mBoard .selected { background-color:#eef3f7; }
.mBoard .negative { background-color:#ffefe1; }
.mBoard .positive { background-color:#ffffe1; }
.mBoard .bgDivision { background-color:#f3fcf2; }
.mBoard .empty td,
.mBoard p.empty { margin-top:-1px; border:1px solid #d9dadc; padding:50px 0; text-align:center; }
    .mBoard.gScroll p.empty { border-width:1px 0 1px; }
    .mBoard table + p.empty { border-top-width:0; }
    .mBoard.typeBody p.empty { border-right-width:0; }
    .mBoard.typeBody .mBoard p.empty { border-right-width:1px; }
.mBoard .mBoard .empty td,
.mBoard .mBoard p.empty { padding:20px 0; }

.mBoard .gBtnFixed { position:relative; }
.mBoard .gBtnFixed .txt { padding:0 45px 0 0; }
.mBoard .gBtnFixed .button { position:absolute; right:0; top:-2px; }
.mBoard .gBtnFixed .button a { float:left; margin:0 0 0 4px; }

.mBoard .gMemo { overflow:hidden; }
.mBoard .gMemo textarea { float:left; }
.mBoard .gMemo .button { float:left; margin:0 0 0 5px; }
.mBoard .gMemo .button a,
.mBoard .gMemo .button button { margin:0 0 5px; }

.mBoard .gColumnSet {}
.mBoard .gColumnSet .column { display:table-cell; padding:0 5px 0 0; vertical-align:top; text-align:left; }
.mBoard .gColumnSet.middle .column { vertical-align:middle; }

.mBoard.gScroll { position:relative; overflow:auto; border-right:1px solid #d9dadc; border-left:1px solid #d9dadc; height:1% \0/; }
.mBoard.gScroll table { margin-left:-1px; }
.mBoard.gScroll th,
.mBoard.gScroll td { border-right-width:0; }
.mBoard.gScroll .mLayer th,
.mBoard.gScroll .mLayer td { border-right-width:1px; }

.mBoard.gSmall th { width:135px; }
.mBoard.gSmall td { width:auto; }
.mBoard.gMedium th { width:155px; }
.mBoard.gMedium td { width:auto; }
.mBoard.gLarge th { width:180px; }
.mBoard.gLarge td { width:auto; }
.mBoard .mBoard.gSmall th { width:135px; }
.mBoard .mBoard.gMedium th { width:155px; }
.mBoard .mBoard.gLarge th { width:180px; }
.mBoard.gSmall thead th, .mBoard.gMedium thead th, .mBoard.gLarge thead th { width:auto; }
.mBoard.gSmall .typeHead th, .mBoard.gMedium .typeHead th, .mBoard.gLarge .typeHead th { width:auto; }

.btnNormal, .btnCtrl, .btnCtrlEm, .btnGeneral, .btnStrong, .btnSubmit, .btnEm, .btnSearch, .btnDate, .btnToggle, .btnSkinEdit {
    display: inline-block;
    position: relative;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    box-sizing: border-box;
}
.mButton.gCenter {
    position: relative;
    text-align: center;
}
.mButton {
    margin: 20px 0;
    padding: 0 4px 0 0;
    text-align: right;
}
.mButton a:first-child {
    margin-left: 0;
}
.mButton a {
    margin: 0 0 0 10px;
}
.btnSearch {
    min-width: 84px;
    height: 36px;
    padding: 0 20px;
    color: #fff;
    line-height: 34px;
    border: 1px solid transparent;
    background-color: #55a0ff;
    text-decoration: none;
}
[class^="btn"] {
    cursor: pointer;
}



.ar-btn-wrap:after {
	content:'';
	display:block;
	clear:both;
}
.ar-btn-wrap > div.left {
	float:left;
}
.ar-btn-wrap > div.right {
	float:right;
}
.ar-btn {
	color:#333;
	background:#f5f5f5;
	display:inline-block;
	margin:0;
	padding:8px 12px;
	font-size:12px;
	line-height:inherit;
	text-align:center;
	font-weight:normal;
	cursor:pointer;
	white-space:nowrap;
	text-transform:none;
	vertical-align:middle;
	border:1px solid #ddd;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
}
.ar-btn.large {
	padding:10px 20px;
	font-size:15px;
	font-weight:500;
	letter-spacing:-0.08em;
}
.ar-btn span.icon {
	padding-right:5px;
}
.ar-btn.ar-red {
	color:#fff;
	border-color:transparent;
	background:#fc554c;
}
.ar-btn.ar-green {
	color:#fff;
	border-color:transparent;
	background:#3ead5e;
}
.ar-btn.ar-blue {
	color:#fff;
	border-color:transparent;
	background:#2d3990;
}
.ar-btn.ar-yellow {
	color:#fff;
	border-color:transparent;
	background:#efbf50;
}
.ar-btn.ar-transparent {
	background:transparent;
}
