@charset "UTF-8";



#popWrap { }

/* POPUP CONTENTS */

.layerPopup { }
.layerPopup .tit { height: 53px; line-height: 53px; padding: 0 30px; color: #fff; background-color: #c40f17; font-family: 'MalgunBold'; font-size: 18px; position: relative; }
.layerPopup a.popClose { position: absolute; top: 18px; right: 30px;  }
/*#simplemodal-container a.modalCloseImg { background: url(../../img/x.png) no-repeat; width: 18px; height: 18px; display: inline; z-index: 3200; position: absolute; top: 18px; right: 30px; cursor: pointer; }
*/

.layerPopup .popCont { padding: 30px; width: 720px; }

.layerPopup .popCont div.scrollBox { overflow-y: scroll; max-height: 140px; }
.layerPopup .popCont p.url { width: 545px; }

/* TABLE STYLE 1 */
.layerPopup .popCont table.type1 { width: 100%; border-top: #b0b0b0 2px solid; border-bottom: #bdbdbd 1px solid; }
.layerPopup .popCont table.type1 th { background-color: #f5f5f5; border-right: #dedede 1px solid; border-top: #dedede 1px solid; padding: 14px; text-align: left; color: #373737; }
.layerPopup .popCont table.type1 td { border-top: #dedede 1px solid; padding: 6px 8px; color: #3c3c3c; }
.layerPopup .popCont table.type1 td div.scrollBox { width: 545px; padding-right: 15px; word-break: break-all; line-height: 150%; }
.layerPopup .popCont table.type1 td pre { font-family: dotum; }

.layerPopup .popCont table.type1 .file th,
.layerPopup .popCont table.type1 .file td { background-color: #ececec; border-top :#bdbdbd 1px solid; }


/* TABLE STYLE 2 */
.layerPopup .popCont table.type2 { width: 100%; }
.layerPopup .popCont table.type2 th { background-color: #d4d4d4; padding: 11px 0 12px 0; text-align: center; border-top: #bdbdbd 1px solid; border-bottom: #bdbdbd 1px solid; color: #555555; }
.layerPopup .popCont table.type2 td { padding: 11px 10px 12px 10px; border-bottom: #e4e4e4 1px solid; background-color: #fff; text-align: center; word-break: break-all; line-height: 120%; }
.layerPopup .popCont table.type2 tbody tr:nth-child(even) td { background-color: #f4f4f4; }



.layerPopup .popCont input[type="text"] { height: 28px; line-height: 28px; background-color: #fff; border: #dadada 1px solid; padding: 0 5px; border-radius: 2px; font-size: 12px; }
.layerPopup .popCont input[type="text"]:focus, .searchTable input[type="text"]:hover { border: #feb028 1px solid; }

.layerPopup .popCont input[type="password"] { height: 28px; line-height: 28px; background-color: #fff; border: #dadada 1px solid; padding: 0 5px; border-radius: 2px; font-size: 12px; }
.layerPopup .popCont input[type="password"]:focus, .searchTable input[type="password"]:hover { border: #feb028 1px solid; }

.layerPopup .popCont select { height: 30px; background-color: #fff; border: #dadada 1px solid; width: 128px; font-size: 12px; }
.layerPopup .popCont select:focus, .searchTable select:hover { border: #feb028 1px solid; }

.layerPopup .popCont textarea { background-color: #fff; border: #dadada 1px solid; width: 380px; height: 130px; padding: 10px; font-size: 12.5px; }
.layerPopup .popCont textarea:focus, .searchTable textarea:hover { border: #feb028 1px solid; }

.layerPopup .popCont input.readonly { background-color: #f4f4f4; border: #e0e0e0 1px solid; font-weight: bold; color: #3c3c3c; }
.layerPopup .popCont input.readonly:focus, .layerPopup .popCont table td input.readonly:hover { background-color: #f4f4f4; border: #e0e0e0 1px solid; }

.layerPopup .popCont .p_tit { font-size: 18px; font-family: 'MalgunBold'; color: #444444; padding: 0 0 12px 0; }
.layerPopup .popCont .p_tit p { display: inline; font-size: 12px; font-weight: normal; color: #666666; padding: 0 0 0 5px; font-family: dotum; }
.layerPopup .popCont .p_tit p span { color: #ec353c; font-weight: bold; }


.layerPopup .popBtn { text-align: center; padding: 14px 0 0 0; }


.layerPopup .popCont .guide { padding-left: 10px; color: #fd532c; }
.layerPopup .popCont .menuGroup { line-height: 180%; }
.layerPopup .popCont .menuGroup.scrollBox { line-height: 180% !important; background-color: #f4f4f4; border: #e0e0e0 1px solid; color: #3c3c3c; padding-left: 10px; font-weight: bold; }
.layerPopup .popCont .menuGroup label { display: block; }
.layerPopup .popCont table.type1 label { padding-right: 20px; }
.layerPopup .popCont table.type1 label input[type="radio"] { vertical-align: top; }



.layerPopup .popCont .dist { background: url("../../img/distBt.png") no-repeat right top; cursor: pointer; display: inline-block; padding-right: 3px; color: #666666; font-weight: bold; height: 30px; margin-left: 6px; vertical-align: middle; }
.layerPopup .popCont .dist span { background: url("../../img/distBt.png") no-repeat left top; display: inline-block; height: 30px; line-height: 30px; padding: 0 19px 0 21px; text-align: center; }

.layerPopup .popCont .dist:hover, .layerPopup .popCont .dist:focus { background: url("../../img/distBt_on.png") no-repeat right top; color: #fff; }
.layerPopup .popCont .dist:hover span, .layerPopup .popCont .dist:focus span { background: url("../../img/distBt_on.png") no-repeat left top; }



#distPop { width: 500px; background-color: #fff; }
#distPop .layerPopup .popCont { padding: 20px; width: 460px; }


#idPop .layerPopup .popCont { padding: 40px 30px; }
#idPop .layerPopup .popCont .popBtn { padding-top: 50px; }




/* FILE TREE */
.layerPopup .popCont .filetree { overflow: hidden; }
.layerPopup .popCont .filetree a { margin-right: 5px;  }
.layerPopup .popCont .filetree a img { margin-bottom: 2px;  }

.layerPopup .popCont .filetree li li ul { display: none; }

.layerPopup .popCont .filetree li input[type="checkbox"] { margin-right: 6px; margin-bottom: 3px; }
.layerPopup .popCont .filetree.scrollBox { line-height: 180% !important; height: 250px; max-height: 250px; }

/* FILE TREE LINE */
.layerPopup .popCont .filetree ul { overflow: hidden;background: url("../../img/line0.png") repeat-y 4px -5px; }
.layerPopup .popCont .filetree li li { padding-left: 20px; background: url("../../img/line1.png") no-repeat 4px -5px;  }
.layerPopup .popCont .filetree li:last-child { background: url("../../img/line2.png") no-repeat 4px -5px;  }
.layerPopup .popCont .filetree li.first { background: url("../../img/line3.png") no-repeat 4px -5px;  }