<div class="vp-option-page" id="vp_optImport">

<style>

/* 화살표 접이박스 */

#vp-wrapper .vp-option-page .vp-accordion-header {

font-weight: bold;

}

#vp-wrapper .vp-option-page .vp-arrow-right,

#vp-wrapper .vp-option-page .vp-arrow-down {

background-repeat: no-repeat;

}

#vp-wrapper .vp-option-page .vp-spread {

min-height: 100px;

}

#vp-wrapper .vp-option-page .vp-minimize {

height: 25px;

overflow: hidden;

}

#vp-wrapper .vp-common-block {

border-bottom: 1px solid darkgray;

}

/* empty required input */

#vp-wrapper #vp_userOption input[type="text"]:invalid{

border: 1px solid #c22;

}

#vp-wrapper #vp_userOption input[type="text"]:valid,

#vp-wrapper #vp_userOption input[type="text"]:focus {

border: default;

}

/* import library table style */

.vp-add-library,

.vp-add-alias {

width: 98%;

}

</style>

<!-- Import 기능 -->

<form id="vp_optionForm">

<div class="vp-accordion-container vp-accordion-open">

<div class="vp-accordion-header"><span class="vp-accordion-indicator"></span><span class="vp-accordion-caption" data-caption-id="TODO:Variable">Required Input & Output</span></div>

<div id="vp_userOption" class="vp-list-container vp-accordion-content">

<input type="hidden" id="vp_importMeta"/>

<table id="vp_tblImport" class="vp-tbl-basic w90 vp-option-horizontal-table-layout" style="min-width: 250px; max-width: 450px;">

<colgroup><col width="*"/><col width="120px"/><col width="30px"/></colgroup>

<tr>

<th>Package Name</th>

<th>Alias</th>

<th></th>

</tr>

<tr>

<td colspan="3"><input type="button" id="vp_addLibrary" value="Add Library" style="width:100%;"/></td>

</tr>

</table>

</div>

</div>

</form>

</div>