@charset "UTF-8";
/* CSS Document */

/*****************************************************************************************************************************************
생성일: 2018/10/08
수정일: 
수정자: hello@dx2.kr
주석간 간격 두줄 구분은 한줄사용
*****************************************************************************************************************************************/

/*공통*/
html, body { height:100%; font-size:15px; }
.popup_section { width:100%; height:100%; position:fixed; top:0; left:0; z-index:9999; display:block; opacity:0; visibility:hidden; pointer-event:none; transition:.3s ease-in-out; }
.popup_section.open { opacity:1; visibility:visible; pointer-event:auto; transition:.3s ease-in-out; }

.popup_wrap::after { width:100%; height:100%; position:absolute; content:''; background:rgba(0,0,0,0.7); display:block;}
.popup_wrap { width:100%; height:100%; position:relative; z-index:99999; }
.popup { opacity:0; position:absolute; background:#fff; top:50%; left:50%; transform:translate(-50%,-70%); z-index:999999; overflow:hidden; transition:.3s ease-in-out; }
.popup_section.open .popup { opacity:1; transform:translate(-50%,-50%); transition:.3s ease-in-out; }

.popup_title { width:100%; background: rgb(228,153,22);
background: -moz-linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
background: -webkit-linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
background: linear-gradient(247deg, rgba(228,153,22,1) 0%, rgba(228,91,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e49916",endColorstr="#e45b16",GradientType=1); color:#fff; padding:0 0 10px 17px; line-height:60px; height:60px; box-sizing:border-box; }
.popup_title p { font-size:17px; font-weight:600; display:inline-block; }
.popup_title .btn_closePopup { float:right; width:40px; height:40px; box-sizing:border-box; background:url(/images/custom/me/btn_close_hover.svg) 50% 50% no-repeat; background-size:50%; text-indent:-5000px; margin-top:10px; margin-right:10px; border:none; transition-duration:0.3s; }
.popup_title .btn_closePopup:hover { transform:rotate(90deg); background:url(/images/custom/me/btn_close_hover.svg) 50% 50% no-repeat; background-size:50%; transition-duration:0.3s; }

.popup_title .poplogo { width:30px; height:30px; overflow:hidden; display:flex; justify-content:center; align-content:center; float:left; margin:15px 10px 0 0; }
.popup_title .poplogo img { width:100%; height:auto; }
.title_white { background:#fff; border-bottom:1px solid #ededed; padding:0 0 10px 10px; }
.title_white p { color:#333; }
.title_white .btn_closePopup { background:url(/images/custom/me/btn_close.svg) 50% 50% no-repeat; background-size:40%; }
.title_white .btn_closePopup:hover { background:url(/images/custom/me/btn_close.svg) 50% 50% no-repeat; background-size:40%; }

.popup_section.DS .pop_height200 { height:185px !important; }

/*.popup_section::after { width:100%; height:100%; position:absolute; content:''; background:rgba(0,0,0,0.7); display:block; animation-fill-mode: both; animation-duration:.3s; }
.popup_section::after { top:0; animation-name:popupafter; }
@keyframes popupafter { from { opacity:0; } to { opacity:1; } }
@keyframes popup { from { top:45%; opacity:0; } 50% { opacity:1; } to { top:50%; } }
*/

.title_tab { display:inline-block; line-height:60px; height:50px; padding-top:15px; display:inline-block; }
.title_tab li { float:left; padding:0 30px; line-height:45px; cursor:pointer; height:45px; box-sizing:border-box; }
.title_tab li a { color:#fff; }
.title_tab li:hover { text-decoration:underline; }
.title_tab li.active { background:#fff;  font-weight:600; }
.title_tab li.active a { color:#227dbd; }

.popup .top_button_wrap { width:100%; height:60px; padding:10px; box-sizing:border-box; border-bottom:1px solid #ccc; background:#fff;  }
.popup .top_button_wrap .search_box { width:100%; }
.popup .top_button_wrap .search_box .selectText { float:left; margin-right:5px; height:40px; }
.popup .top_button_wrap .search_box .inputText { width:calc(100% - 203px); }

.popup .bottom_button_wrap { width:100%; position:absolute; bottom:0; border-top:1px solid #ccc; background:#fff; box-sizing:border-box; }
.popup .bottom_button_wrap .page_num { margin-top:14px; }

/*상단버튼, 하단 페이지버튼*/
.popup_type1 .popup_content { top:120px; height:calc(100% - 172px); }
.popup_type1 .bottom_button_wrap { height:60px; margin-top:0; }

/*하단버튼*/
.popup_type2 .popup_content { top:60px; height:calc(100% - 120px); }
.popup_type2 .bottom_button_wrap { height:60px; padding:10px; text-align:right; margin-top:0; }

/*only content*/
.popup_type3 .popup_content { top:60px; height:calc(100% - 60px); }

/*only content not title*/
.popup_type4 .popup_content { height:100%; top:0; padding:30px 30px 0; }

/*상단버튼, 하단 페이지버튼*/
.popup_type5 .popup_content { top:120px; height:calc(100% - 180px); }
.popup_type5 .bottom_button_wrap { height:60px; padding:10px;  margin-top:0; }

/*상단버튼, 상단 페이지버튼*/
.popup_type6 .popup_content { top:110px; height:calc(100% - 110px); }
.popup_type6 .top_button_wrap { height:50px; padding:10px 10px 0; margin-top:0; }

.popup_content .table_view th, .popup_content .table_view td { padding:10px 10px; min-height:50px; box-sizing:border-box; vertical-align:middle; border-bottom:1px solid #ededed; text-align: left}
.popup_content .table_list th, .popup_content .table_list td { padding:10px 5px; box-sizing:border-box; text-align:center; vertical-align:middle; border-bottom:1px solid #ededed;}

/********** content *******************************************************************************************************************************/
.popup_content p.title { font-size:1.2em; font-weight:600; margin-bottom:10px; padding-left:20px; position:relative; }
.popup_content p.title::before { position:absolute; left:0; top:4px; content:''; background:url(/images/custom/me/icon_title.svg) 50% 50% no-repeat; margin-right:5px; display:inline-block; width:13px; height:13px; background-size:contain; }

.popup_content {width:100%; position:absolute; top:50px; padding:25px 15px; box-sizing:border-box; left:0;overflow-y:auto; }
.popup_content .text { font-size:1.5em; font-weight:600; line-height:1.5em; text-align:center; }

.selection { float:left; }
.selection1 { width:calc(50% - 25px); }
.selection2 { width:50px; margin-top:20%; padding:0 10px; box-sizing:border-box; }
.selection2 .btn_s { width:100%; height:30px !important; margin:5px 0; }
.selection3 { width:calc(50% - 25px); }

.popup_content .btn_wrap { width:100%; box-sizing:border-box; }
.popup_content .btn_wrap button { width:calc(50% - 2px); float:left; height:40px; padding:0 !important; box-sizing:border-box; margin-right:4px; }
.popup_content .btn_wrap button:last-child { margin-right:0; }

.selection .btn_wrap { width:40px; padding-top:170px; box-sizing:border-box; float:left;}
.selection .btn_wrap button { width:40px; height:40px; padding:0 !important; box-sizing:border-box; margin-bottom:5px; }
.selection .btn_wrap button:last-child { margin-right:0; }

.selection_list { border:1px solid #ccc; width:100%; height:296px; overflow-y:auto; }
.selection_list li { cursor:pointer; padding:12px; box-sizing:border-box; }
.selection_list li:hover { background:#f1f1f1; }
.selection_list li.active { background:#e2f3fe; }

.popup_content .tabs { width:100%; }
.popup_content .tabs::after { clear:both; content:''; width:100%; display:block; }
.popup_content .tabs li { float:left; width:50%; border:1px solid #666; background:#666; box-sizing:border-box; border-right:0; border-bottom:0; }
.popup_content .tabs li:last-child { border-right:1px solid #666; }
.popup_content .tabs li a { display:block; padding:13px 0 0; height:48px; text-align:center; color:#fff; box-sizing:border-box; }
.popup_content .tabs li.active { background:#fff; }
.popup_content .tabs li.active a { color:#666; }

.popup_content .tab_container { border:1px solid #666; padding:30px 20px; box-sizing:border-box; border-top:none; }
.popup_content .tab_container .inputFile { padding:12px !important; }
.popup_content .tab_container .inputFile,
.popup_content .tab_container .btn_m,
.popup_content .tab_container .selectText  { height:50px !important; }


/******** popup  ********************************************************************************************************************************************************/

.popup_title {  }

/* 사용법안내 */
.manual_section { width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,0.8); z-index:9999; opacity:0; pointer-events: none; transition:0.3s ease-in-out;}
.manual_section.open { opacity:1; pointer-events:auto; transition:0.3s ease-in-out; }
.manual_wrap { width:100%; height:100%; position:relative; display:inline-block; }
.manual { opacity:0; top:50%; left:50%; display:inline-block; background:#fff; position:absolute; background:#ddd; transform:translate(-50%,-70%); transition:0.3s ease-in-out; }
.manual_section.open .manual { opacity:1; transform:translate(-50%,-50%);  transition:0.3s ease-in-out; }

.manual_title p { width:100%; padding:24px; height:70px; display:block; box-sizing:border-box; float:left; font-size:1.4em; font-weight:600; background:#fff; }
.manual_title .btn_closePopup { position:absolute; top:5px; right:5px; width:40px; height:40px; box-sizing:border-box; background:url(/images/custom/me/btn_close.png) 50% 50% no-repeat; background-size:50%; text-indent:-5000px; margin-top:10px; margin-right:10px; border:1px solid transparent; }
.manual_title .btn_closePopup:hover { background:url(/images/custom/me/btn_close.png) 50% 50% no-repeat #ededed; background-size:50%; border:1px solid #ccc; }

.manual_content { width:100%; position:absolute; height:calc(100% - 70px); top:70px; padding:20px; box-sizing:border-box; }
.manual_content .swiper-container { width:100%; height:100%; }
.manual_content .swiper-wrapper { width:100%; height:calc(100% - 40px); background:#fff; }
.manual_content .swiper-slide { width:100%; height:100%; background:#fff; padding:20px; box-sizing:border-box;   }

/*수정 20191024*/
.manual_content_wrap { width:100%; height:100%; }
.manual_img { float:left; width:calc(100% - 260px); margin-right:20px; border:1px solid #ccc; box-sizing:border-box; }
.manual_img img { width:100%; }
.manual_text { width:240px; border:1px solid #ccc; box-sizing:border-box; float:left; }
.manual_text .title { font-weight:600; font-size:1.3em; margin:15px 0; padding-left:15px; box-sizing:border-box;  }
.manual_text dl { max-height:440px; overflow-y:auto; padding:0 0 15px 15px; }
.manual_text dl dt { width:30px; height:auto; float:left; line-height:1.3em; }
.manual_text dl dt span { width:20px; height:20px; line-height:20px; font-size:0.8em; text-align:center; display:inline-block; border-radius:50px; background:#2bc9f6; color:#fff; }
.manual_text dl dd { width:calc(100% - 30px); float:left; margin-bottom:10px; padding-top:1px; line-height:1.4em; }
.manual_text dl dd::after { clear:both; content:''; width:100%; display:block; }
/*수정 20191024*/

.manual_content .swiper-container-horizontal>.swiper-pagination-bullets, .manual_content .swiper-pagination-custom, .swiper-pagination-fraction { bottom:0; left:0; right:auto; width:100%; padding-right:0; text-align:center; }
.manual_content .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin:0 10px; }
.manual_content .swiper-button-next, .manual_content .swiper-button-prev { bottom:3px; top:auto; z-index:99; }

/*데이터검수*/
.inspec_tab { width:100%; height:40px; }
.inspec_tab li { float:left; height:39px; background:#f1f1f1; box-sizing:border-box; line-height:39px; border-right:1px solid #ccc; border-top:1px solid #ccc; }
.inspec_tab li:first-child { border-left:1px solid #ccc; }
.inspec_tab li.active { height:41px; border-bottom:1px solid #fff; background:#fff; }
.inspec_tab li a { padding:0 10px; display:inline-block; font-size:13px; }

.inspection { height:100%; }
.inspection li.target { height:100%; border-bottom:1px dashed #ddd; /*padding-bottom:40px; margin-bottom:30px; min-height:500px;*/ }
.inspection li:last-child { margin-bottom:0; border-bottom:none; padding-bottom:0; }
.inspection li::after { content:''; clear:both; display:block; }
.inspection li strong { display:block; margin-bottom:15px; font-size:20px; font-weight:900; letter-spacing:-1px; }
.inspection li .inspec_text { width:45%; margin-right:20px; float:left; height:100%; }
/*.inspection li .inspec_img { width:calc(55% - 20px);float:left; overflow-y:auto; background:#f1f1f1; padding:10px; box-sizing:border-box; border:1px solid #ddd;} */ 
.inspection li .inspec_img { width: calc(55% - 420px); /* height:500px; */ float:left; overflow-y:auto; background:#f1f1f1; padding:10px; box-sizing:border-box; border:1px solid #ddd;}
.inspection li .inspec_img img { width:100%; }
.inspection li .inspec_box {  }

.inspection li .inspec_text .inspec_text_wrap { height:calc(100% - 60px); overflow-y:auto; padding:15px; box-sizing:border-box; border:1px solid #ccc; }

/*엑셀다운로드*/
.popup_half { width:100%; height:100%; display:flex; justify-content:space-between; }
.half_wrap { width:50%; height:100%; }
.half_wrap:first-child { border-right:1px solid #cccccc; box-sizing:border-box;}
.half_wrap .title { width:100%; border-bottom:1px solid #ededed; height:53px; padding:10px; display:flex; align-items:center; box-sizing:border-box; justify-content: space-between;}
.half_wrap .half_content { padding:15px; width:100%; height:calc(100% - 53px); overflow-y:auto; box-sizing:border-box; }
.half_wrap .half_content ul { display:flex; flex-direction:column; }
.half_wrap .half_content ul li { margin:10px 0; width:100%; }
.half_wrap .half_content.flex2 ul { flex-wrap:wrap; flex-direction:unset;}
.half_wrap .half_content.flex2 ul li { width:50%; }