/* ------------------------------------------------------------------------------------------------
UI - List build DIV (Admin)
-------------------------------------------------------------------------------------------------*/
.adminBoard { background:transparent; margin:0; color:#545454; padding:1%; }
.adminBoard01 { border:1px solid #c4c4c4; border-radius:10px; }
.adminList { padding:0; }
.adminList .listTitle { border-bottom:1px solid #f8f8f8; padding:1% 0; background:#f8f8f8; }
.adminList .listTitle .form-group { margin:0; }
.adminList .listTitle .title h3 { color:#545454; font-weight:bold; }
.adminList .listTitle .moreView { padding:0 0 0 30px; }
.adminList .listTitle .moreView h5 { color:#545454; margin:18px 0 10px; text-align:right; }
.adminList .listTitle .moreView .btnOver { position:absolute; top:0; right:0; }

.adminList .contentTitle { padding:0; margin:3% 0 0; text-align:center; border-top:2px solid #d9d9d9; border-bottom:2px solid #d9d9d9; }
.adminList .bgGray { background:#f9f9f9; }
.adminList .contentTitle01 { padding:0; border-right:1px solid #d9d9d9; overflow: hidden; text-overflow:ellipsis; }
.adminList .contentTitle02 { padding:0; border-right:1px solid #d9d9d9; overflow: hidden; text-overflow:ellipsis; }
.adminList .contentTitle03 { padding:0; overflow: hidden; text-overflow:ellipsis; }
.adminList .adminContent { padding:0; margin:0 0; text-align:center; }
.adminList .adminContent00 { padding:0; margin:0 0; text-align:center; border-bottom:1px solid #d9d9d9; }
.adminList .adminContent01 { padding:1%; border-right:1px solid #d9d9d9; overflow: hidden; text-overflow:ellipsis;  }
.adminList .adminContent02 { padding:1%; border-right:1px solid #d9d9d9; overflow: hidden; text-overflow:ellipsis;  }
.adminList .adminContent02 h6 { font-size: 12px; display: block; width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.adminList .adminContent03 { padding:1%; overflow: hidden; text-overflow:ellipsis;  }


@media screen and (min-width:768px) and (max-width:1440px) {
    .adminList .contentTitle01 { min-height:46px; }
    .adminList .contentTitle02 { min-height:46px; }
    .adminList .contentTitle03 { min-height:46px; }
    .adminList .adminContent01 { min-height:46px; }
    .adminList .adminContent02 { min-height:46px; }
    .adminList .adminContent03 { min-height:46px; }
}

/* ---------------------------------------------------------------------------------
    board common
-----------------------------------------------------------------------------------*/
.board { position:relative; margin-top:0px; }
.board .form-control { border-radius:0px; }
.board .btn { border-radius:0px; }

.pagination { display:inline-block; }
.pagination a { color:#343434 !important; float:left; width:30px; height:30px; padding:5px 5px; text-decoration:none; }
.pagination a.active { /* background-color:#1c246f; */ color:#5c7cc4 !important; border-radius:50%; font-weight:900; }
.pagination a:hover:not(.active) {background-color:#5c7cc4; /* border-radius:50%; */ color:#fff !important;}
.pagination .pre { border:1px solid #000; }
.pagination .pre:first-child  { border-right:none; }
.pagination .next { border:1px solid #000; }
.pagination .next:last-child  { border-left:none; }

.btnOver { position:absolute; top:6px; right:15px; }
.stepBox .btnOver { position:absolute; top:6px; right:15px; }
.stepBox input[type="file"] { padding:9px 12px; }
.stepBox01 .removeStep.btnOver { position:absolute; top:6px; right:15px; }
.stepBox02 .removeStep.btnOver { position:absolute; top:6px; right:15px; }
.stepBox03 .removeStep.btnOver { position:absolute; top:6px; right:15px; }
.stepBox04 .removeStep.btnOver { position:absolute; top:6px; right:15px; }
.stepBox05 .removeStep.btnOver { position:absolute; top:6px; right:15px; }

.boardArea { background:transparent; margin:2% 0; color:#545454; padding:0% 0 50px; border-radius:10px; }
.boardArea01 { border:0px solid #fff; border-radius:10px; padding:0 0px; }
.boardArea .title { padding:10px 0 0px; text-align:center; }
.boardArea .title h3 { /* text-decoration:overline; */ font-weight:bold; }
.boardArea .title01 { padding:0 0 30px; border-bottom:2px solid #279be8; }
/*.boardArea img { margin:0 auto; max-width:100% !important; }*/
.boardArea .list { padding:0; }

.boardDetail { border-top:1px solid #c4c4c4; padding:0; }
.boardDetail sup { color:#f00; }
.boardDetail .pTitle01 { background:#f8f8f8; padding:5px 15px; text-align:center; border-bottom:1px solid #c4c4c4; }
.boardDetail .pTitle011 { background:#f8f8f8; padding:5px 15px; text-align:center; border-bottom:1px solid #c4c4c4; min-height:auto; }
.boardDetail .pContent01 { padding:5px 15px; text-align:center; border-bottom:1px solid #c4c4c4; }
.boardDetail .pContent01 .form-group { margin:0.5px 0; }
.boardDetail .pContent01 h5 { margin:10px 0; font-size:14px; }
.boardDetail .pContent01 .col-sm-5 .btn { padding:14px 12px; }
.boardDetail .pContent01 .col-sm-7 .btn { padding:1.5px 12px; width:95%; }

@media screen and (min-width:768px) and (max-width:964px) {
    .boardDetail .pTitle011 { min-height:61px; }
}
@media screen and (max-width:645px) {
    .boardDetail .pTitle011 { min-height:61px; }
}
@media screen and (max-width:414px) {
    .boardArea .title { min-height:85px; }
}

@media screen and (min-width:360px) and (max-width:390px) {
    .boardDetail .pTitle011 { min-height:76px; }
}


/* ---------------------------------------------------------------------------------
    basic board
-----------------------------------------------------------------------------------*/
.listTitle { border-bottom:1px solid #fff; padding:0; }
.listTitle .title h3 { color:#545454; font-weight:bold; }
.listTitle .moreView { padding:0 0 0 30px; }
.listTitle .moreView h5 { color:#545454; margin:18px 0 10px; text-align:right; }
.listTitle .moreView .btnOver { position:absolute; top:0; right:0; }

.boardList { padding:0 0px; }
.boardList .basicBoard { padding:0 0px; }
.boardList .boardTitle { padding:7px 0; background:#428bca; text-align:center; height:50px; }
.boardList .boardTitle h5 { font-size:14px; color:#fff; }
.boardList .boardTitle1 { padding:7px 0; background:#f7f7f7; text-align:center; border-top: 2px #333 solid; border-bottom: 1px #d9d9d9 solid; height:50px; }
.boardList .boardTitle1 h5 { font-size:13px; color:#545454; }

.boardList .boardContent { padding:0; text-align:center; }
.boardList .boardContent h5 { font-size:13px; color:#000000; }
.boardList .boardContent01:hover { background:#d9d9d9; }
.boardList .boardContent01:hover h5 { color:#fff !important; }
.boardList .boardContent01 { padding:7px 0 8px; border-bottom:1px solid #d6d6d6; height:50px; }

/* ---------------------------------------------------------------------------------
    basic board View
-----------------------------------------------------------------------------------*/
.boardView { padding:0 0px; }
.boardViewoption { padding:10px 0; }
.boardViewoption01 { padding:10px 0; }
.boardViewoption01 .btn { width:50%; }
.boardView .basicBoard { padding:0 0px; border-top:2px #333 solid; border-right:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid; border-left:1px #d9d9d9 solid; }
.boardView .boardView00 { padding:15px 0; }
.boardView .boardView00 h3 { text-align:center; margin:0; }
.boardView .boardView001 { padding:0 15%; text-align:center; }
.boardView .boardView00 .step { margin:100px 0 0; }
.boardView .boardView00 .step .step01 { border-bottom:1px solid #d9d9d9; }
.boardView .boardView00 .step .step01 h4 { text-align:left; }
.boardView .boardView00 .step .step02 { padding:0 0 3%; margin:3% 0 0; /* border-bottom:1px solid #d9d9d9; */ }
.boardView .boardView00 .step .step02 .stepTxt ul { list-style:none; padding-left:10px; margin:3% 0 0; }


.boardView .boardView001 i { margin:0 10px 0;  }
.boardView .boardView001 .um-1x { font-size:1.5em;}
.boardView .boardView002 .alert { padding:6px 10px; margin-bottom: 15px; border: 1px solid transparent; border-radius: 4px; }
.boardView .boardView002 .alert-info { color:#545454; /* #31708f; */ background: transparent; /* #d9edf7; */  border-color:#d9d9d9; }
.boardView .boardView002 i { margin:0 10px 0;  }
.boardView .boardView002 .um-1x { font-size:1.5em;}
.boardView .boardView002 h5 { text-align:right; font-size:14px; }
.boardView .boardView002 h6 { font-size:14px; }


.boardView .boardView01 { padding:0; background:#fff; text-align:center; /* height:50px; */ }
.boardView .contentArea { position:relative; width:100%; border-bottom:1px solid #d9d9d9; }

.boardView01 .boardTitle { padding:7px 0; background:#f7f7f7; text-align:center; border-bottom: 1px #d9d9d9 solid; }
.boardView01 .boardTitle h5 { font-size:14px; color:#000; }
.boardView01 .boardContent { padding:7px 15px; background:#fff; text-align:left; border-bottom: 1px #d9d9d9 solid; }
.boardView01 .boardContent img { max-width:100%; }
.boardView01 .boardContent h5 { font-size:14px; color:#000; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.boardView01 .boardContent .form-group { margin-bottom:1px; }

@media screen and (max-width:768px){
    .boardViewoption01 .btn { width:75%; }
}

/* ---------------------------------------------------------------------------------
    basic board Write
-----------------------------------------------------------------------------------*/
.boardWrite { padding:0 0px; }
.boardWrite .basicBoard { padding:0 0px; border-top:2px #333 solid; border-right:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid; border-left:1px #d9d9d9 solid; }
.boardWrite .basicBoard .se2_inputarea { min-height:300px !important; }
.boardWrite .boardWrite01 { padding:0; background:#fff; text-align:center; /* height:50px; */ }
.boardWrite .boardWrite01 .form-group { margin-bottom:1px; }
.boardWrite .boardWrite01 .form-group .form-control { height:42px; }
.boardWrite .boardWrite01 .overLap { position: absolute; top: 0; right: 0; }
.boardWrite .boardWrite01 .overLap.btn-atlas { padding:10px 12px; }
.boardWrite .boardWrite01 .bootstrap-select button { height:42px !important; }

.boardWrite01 .boardTitle { padding:7px 0; background:#f7f7f7; text-align:center; border-bottom: 1px #d9d9d9 solid; }
.boardWrite01 .boardTitle h5 { font-size:14px; color:#000; }
.boardWrite01 .boardContent { padding:3px 15px; background:#fff; text-align:left; border-bottom: 1px #d9d9d9 solid; }
.boardWrite01 .boardContent h5 { font-size:14px; color:#000; }
.boardWrite01 .boardContent .bootstrap-select { margin:1px 0 0; }

/* ---------------------------------------------------------------------------------
    thumnail board
-----------------------------------------------------------------------------------*/
.boardArea .thumnail { border-bottom:1px solid #d6d6d6; padding:5px; }
.boardArea .thumnail a { color:#545454 !important;}
.boardArea .thumnail h4 { line-height:1.3; }
.boardArea .thumnail h5 { line-height:1.5; }
.boardArea .thumnail01 { padding:0 15px; }

/* ---------------------------------------------------------------------------------
    accordion board
-----------------------------------------------------------------------------------*/
.boardArea .accordionList { padding:0; }
.boardArea .accordionList .panel-heading { height:50px; padding:15px 15px; }
.boardArea .accordionList .panel-title { margin-top:0; margin-bottom:0; font-size:16px; color:inherit; font-weight:bold; display:block; width:100%; height:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.boardArea .accordionList h5 { color:#545454; line-height:1.5; }
.boardArea .accordionList .panel-group .panel { border-radius:0; }
.boardArea .accordionList .panel-group .panel+.panel { margin:0; }
.boardArea .accordionList .panel-body { padding:15px; min-height:85px; }

/* ---------------------------------------------------------------------------------
    Gallery board
-----------------------------------------------------------------------------------*/
.gallery { padding:0; }
.galleryA { padding:0; }
.galleryB { padding:0; }
.gItem { padding:0 5px; }
.gItem img { width:100%; height:180px; }
.galleryA .gItem img { width:100%; height:165px !important; }
.giTem .title { padding:0; }
.giTem .title h5 { text-align:center; }




/* ------------------------------------------------------------------------------------------------------------
    Project Board
------------------------------------------------------------------------------------------------------------ */
.dashPanel { margin:1% 0 0; padding:0 1%; }
.dashPanel .panel-body { display:block; }
.projectTable { padding:0; margin:1% 0 0; text-align:center; }
.projectTitle { padding:0; background:#5b73ca; overflow-x:hidden; }
.projectTitle h6 { color:#fff; margin:10px 0; }
.projectTitle a { color:#fff !impotrant; }
.projectTitle a:hover h6 { color:#ffb600; }
.projectTitle01 { padding:0; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.projectTitle02 { padding:0 15px; text-align:left !important; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.projectTitle03 { padding:0; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.projectTitle04 { padding:0; border-right:1px solid #fff; border-bottom:1px solid #fff; }
.projectTitleE { padding:0; border-bottom:1px solid #fff; }
.projectContent01 { padding:0; background:#fbfbfb; text-align:center; }
.projectContent01 a:hover div { background:#ffb600; color:#fff; }
.projectContent011 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent012 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent013 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent014 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent015 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent01E { padding:0; border-bottom:1px solid #c4c4c4; }
.projectContent02 { padding:0; background:#f3f3f3; }
.projectContent02 a:hover div { background:#ffb600; color:#fff; }
.projectContent021 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent022 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent023 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent024 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent025 { padding:0; border-right:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; }
.projectContent02E { padding:0; border-bottom:1px solid #c4c4c4; }

.pjtInfo { padding:0; }
.pjtInfo i { position:absolute; top:10px; right:10px; color:#fff; }
.buyerInfo { display:block; padding:0; }
.buyerInfo01 { padding:0; background:#5b73ca; }
.buyerInfo01 h5 { color:#fff; }
.buyerInfo02 { padding:0; }
.buyerInfo02 .lineL { border-left:1px solid #c4c4c4; }
.buyerInfo02 .lineR { border-right:1px solid #c4c4c4; }
.buyerInfo02 .lineBoth { border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; }
.buyerInfo02 .buyerInfoL { background:#f3f3f3; border-bottom:1px solid #c4c4c4; }
.buyerInfo02 .buyerInfoR { padding:0; border-bottom:1px solid #c4c4c4; }

.hostingInfo { display:block; padding:0; }
.hostingInfo01 { padding:0; background:#5b73ca; border-right:1px solid #fff; }
.hostingInfo01 h5 { color:#fff; }
.hostingInfo02 { padding:0; }
.hostingInfo02 .lineL { border-left:1px solid #c4c4c4; }
.hostingInfo02 .lineR { border-right:1px solid #c4c4c4; }
.hostingInfo02 .lineBoth { border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; }
.hostingInfo02 .hostingInfoL { background:#f3f3f3; border-bottom:1px solid #c4c4c4; }
.hostingInfo02 .hostingInfoR { padding:0; border-bottom:1px solid #c4c4c4; }

.contractInfo { display:block; padding:0; }
.contractInfo01 { padding:0; background:#5b73ca; border-right:1px solid #fff; }
.contractInfo01 h5 { color:#fff; }
.contractInfo02 { padding:0; }
.contractInfo02 .lineL { border-left:1px solid #c4c4c4; }
.contractInfo02 .lineR { border-right:1px solid #c4c4c4; }
.contractInfo02 .lineBoth { border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; }
.contractInfo02 .contractInfoL { background:#f3f3f3; border-bottom:1px solid #c4c4c4; }
.contractInfo02 .contractInfoR { border-bottom:1px solid #c4c4c4; }

.maintenanceInfo { display:block; padding:0; }
.maintenanceInfo01 { padding:0; background:#5b73ca; border-right:1px solid #fff; }
.maintenanceInfo01 h5 { color:#fff; }
.maintenanceInfo02 { padding:0; }
.maintenanceInfo02 .lineL { border-left:1px solid #c4c4c4; }
.maintenanceInfo02 .lineR { border-right:1px solid #c4c4c4; }
.maintenanceInfo02 .lineBoth { border-left:1px solid #c4c4c4; border-right:1px solid #c4c4c4; }
.maintenanceInfo02 .maintenanceInfoL { background:#f3f3f3; border-bottom:1px solid #c4c4c4; }
.maintenanceInfo02 .maintenanceInfoR { border-bottom:1px solid #c4c4c4; }

.projectTxt { display:block; border:1px solid #c4c4c4; background:#fbfbfb; padding:1%; margin:3% 0 0; }
.projectTxt01 { border:1px solid #c4c4c4; background:#fff; padding:1% 1% 0; }
.projectTxt02 { border-bottom:1px solid #c4c4c4; }
.projectTxt021 { padding:0; }
.projectTxt022 { text-align:left; }
.projectTxt022 h6 { padding:0 1%; border-right:1px solid #c4c4c4; border-left:1px solid #c4c4c4 }
.projectTxt023 { padding:0; }
.projectInput { margin:1% 0 0; }
.projectInput { padding:0; }
.projectInput01 { padding:0; }
.projectInput02 { padding:0 15px 2.5%; }
.projectInput02 .btn { display:inline-block; width:100%; padding:6px 12px; margin-bottom:0; font-size:14px; font-weight:400; line-height:1.42857143; text-align:center; white-space:nowrap; vertical-align:middle; -ms-touch-action:manipulation; touch-action:manipulation; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; background-image:none; border:1px solid transparent; border-radius:4px; }



@media screen and (max-width:1199px){
    .projectTitle02 { border-right:0px solid #fff; }
}
@media screen and (max-width:991px){
    .projectTitle02 { border-right:1px solid #fff; }
    .projectTitle03 { border-right:0px solid #fff; }
}
@media screen and (max-width:767px){
    .projectTitle02 { border-right:0px solid #fff; }
    .projectTitle03 { border-right:1px solid #fff; }
    .projectContent013 { border-right:0px solid #c4c4c4; }
    .projectContent023 { border-right:0px solid #c4c4c4; }
}
@media screen and (max-width:414px){
    .dashPanel { padding:0 0.5%; }
    .dashPanel .panel-body { padding:10px 1%; }
    .projectTitle h6 { margin:5px 0; }
    .projectTitle01 { min-height:37px; }
    .projectTitle02 { min-height:37px; }
    .projectTitle03 { width:50%; }
    .projectTitle04 { width:50%; border-right:0px solid #fff; }
    .projectTitleE { width:100%; }
    .projectTxt022 { padding:0 1%; }
}

/* ---------------------------------------------------------------------------------
    Product
-----------------------------------------------------------------------------------*/
.product { padding:0; }
.productOption { padding:10px 0; }
.productDetail { padding:0; }
.productImg { border:1px solid #d9d9d9; }
.productImg img { margin:0 auto; }
.productTxt .subtitle { text-align:left; padding:0 5px; }
.productTxt .subcontent { text-align:left;}
.productTxt .subcontent h5 { line-height:1.6; }
.productTxt01 { padding:2px 0 3px; border-bottom:1px solid #d9d9d9; }
.productOption { padding:10px 0; }
.productOption a { width:75%; margin:0 auto; }
.productOption01 { padding:10px 0; }
.productOption01 a { width:25%; margin:0 auto; }

.productDetail01 { padding:0; margin:3% 0 0; }
.productDetail01 img { max-width:100%; }
.productDetail01 .nav-tabs.nav-justified > li { background: #f9f9f9 !important; }
.productDetail01 .tab-content .tab-pane { padding:50px 5px 30px; }

@media screen and (max-width:414px){
    .productOption a { width:30%; margin:0 auto; }
}