@charset "utf-8";

/*
 ** 스타일 가이드
*/
#styleGuide{ height:2000px;}
#styleGuide{ padding:0 98px;}
#styleGuide .sgHeader{ background:#3e50b4; color:#fff; height:144px; margin-bottom:70px; padding-left:62px; padding-top:55px;}
#styleGuide .sgHeader span{ font-size:14px;}
#styleGuide .sgHeader p{ font-size:36px; font-weight:bold; font-family:'Nanum Square', 'Nanum Gothic';}
#styleGuide .sgContent{ padding:0 62px;}
#styleGuide .sgContent .sgTit{ font-size:30px; color:#3e50b4; font-weight:bold; margin-bottom:50px; font-family:'Nanum Square', 'Nanum Gothic';}
#styleGuide .sgContent > .txtStyle{ margin-bottom:105px;}
#styleGuide .sgContent > div > div{ margin-bottom:30px;}
#styleGuide .exp{ font-size:14px; margin-bottom:5px;}
#styleGuide .exp span{ color:#3e50b4; font-weight:bold; padding-right:10px;}

.column > div{ width:48%;}
.column > div > div{ margin-bottom:50px;}
.column > div > div > div{margin-bottom:50px;}
.sgInput > div > div{ float:left; position:relative; padding-top:30px; width:33.3333%;}
.sgInput > div > div:first-child{ width:33.3334%;}
.sgInput > div > div > .exp{ position:absolute; top:0; left:0;}
.sgRadio div p.exp + p{ margin-bottom:10px; margin-top:10px;}
.sgRadio div .fl{ width:25%;}

/*
	** 가이드 클래스 **
*/
.h1Txt{ font-size:48px; font-family:'Nanum Square', 'Nanum Gothic';}
.h2Txt{ font-size:36px; font-family:'Nanum Square', 'Nanum Gothic';}
.h3Txt{ font-size:24px; margin-bottom:13px; font-family:'Nanum Square', 'Nanum Gothic';}
.h4Txt{ font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.pTxt{ font-size:16px;}
.psTxt{ font-size:14px;}

/* 셀렉트박스 */
.sltStyle{}
.select-title.sltStyle{ padding:9px 36px 9px 23px; background:#fff url(/images/dc/slt_bg.png) right 0 no-repeat; color:#000; border:1px solid #dfdfdf; display:inline-block; cursor:pointer; vertical-align:middle; font-size:14px;}
.select-title.sltStyle strong{ font-weight:400;display:-webkit-box; overflow:hidden; word-break:break-all; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical;}
.select-option.sltStyle{border:1px solid #dfdfdf; background:#fff; font-size:14px; max-height:200px !important; overflow-y:auto;}
.select-option.sltStyle ul{ padding-left:23px; padding-right:23px;}
.select-option.sltStyle li{ margin-bottom:15px;}
.select-option.sltStyle li:first-child{ margin-top:15px;}
.select-option.sltStyle li span{ padding-bottom:3px; position:relative; cursor:pointer;}
.select-option.sltStyle li span:hover,
.select-option.sltStyle li span.selected{ color:#3e50b4; border-bottom:1px solid #3e50b4;}

/* 인풋박스 */
.ipStyle{padding:9px 15px;}
.ipStyle:active,
.ipStyle:focus{ border:1px solid #3e50b4;}

/* 체크박스, 라디오박스 */
.chkStyle{width: 16px;height: 16px;display: inline-block; background:#ffffff; border:1px solid #26252a; cursor:pointer; vertical-align:middle;}
.chkStyle.focus{ border:1px solid #3e50b4;}
.chkStyle.checked{ background:#3e50b4 url(/images/dc/chk_bg.png) center no-repeat;}
.chkStyle.disabled{ border:1px solid #e7e7e7; background:#e7e7e7 url(/images/dc/chk_bg_dsb.png) center no-repeat;}
.rdoStyle{width: 16px;height: 16px;display: inline-block; background:#ffffff; border:1px solid #26252a; cursor:pointer; vertical-align:middle; border-radius:50%;}
.rdoStyle.focus{ border:1px solid #3e50b4;}
.rdoStyle.checked{ background:#3e50b4 url(/images/dc/rdo_bg.png) center no-repeat;}
.rdoStyle.disabled{ border:1px solid #e7e7e7; background:#e7e7e7 url(/images/dc/rdo_bg_dsb.png) center no-repeat;}

/* 리스트 */
.bold{ font-weight:700;}
.listTit{ font-size:24px; position:relative; padding-bottom: 24px; margin-bottom:30px; font-weight:700;border-bottom: 2px solid #000000; margin-top:0px;font-size: 24px; font-family:'Nanum Square', 'Nanum Gothic';}
.listTit ~ .listTit{ margin-top:80px;}
.listTit span{ color:#768082; font-size:14px; font-weight:400; padding-left:30px;word-break:keep-all;}
.listTit span strong{ color:#3e50b4; padding-right:10px;}
.listTit.border{border-bottom: 2px solid #000000 !important; margin-bottom:0;}
.listSbj{ font-size:18px; margin-bottom:15px; position:relative; padding-left:22px; margin-left:5px; font-family:'Nanum Square', 'Nanum Gothic';}
.listSbj:after{ position:absolute; top:3px; left:0; display:block; width:12px; height:12px; content:''; border:3px solid #000;}
.listSbj span{ position:relative; padding-left:18px; margin-left:18px; color:#434a54; font-size:12px; vertical-align:middle;}
.listSbj span:before{ position:absolute; top:50%; left:0; display:block; width:2px; height:12px; margin-top:-6px; background:#565c64; content:'';}
.listStyle{ font-size:14px; padding-left:25px;}
.listStyle li{ margin-bottom:15px; position:relative; padding-left:13px;}
.listStyle li:after{ position:absolute; top:5px; left:0; content:''; display:block; background:#abb1b5; width:6px; height:6px;border-radius:50%;}
.listStyle li:last-child{ margin-bottom:0;}
.listStyle02{}
.listStyle02 li{ position:relative; color:#768082; font-size:14px; padding-left:20px; line-height:1.8; margin-top:10px;}
.listStyle02 li:first-of-type{ margin-top:0;}
.listStyle02 li:after{ position:absolute; top:8px; left:0; content:''; display:block; width:6px; height:6px; background:#3e50b4;border-radius:50%;}


/* 페이징 */
.pagination{ text-align:center; margin-top:40px;}
.pagination > .cf{ display:inline-block;}
.paginationList > li,
.paginationNum > li{ width:40px; height:40px; font-size:16px; background-color:#fff; border:1px solid #e7e7e7; float:left; border-left:none;}
.paginationNum li:first-child,
.paginationFirst,
.paginationNext{ border-left:1px solid #e7e7e7 !important;}
.paginationNum{ width:100%;}
.paginationList a,
.paginationList strong{ display:block; text-align:center; line-height:40px; font-weight:400; width:100%; height:100%;}
.paginationList .on strong,
.paginationList > li a:hover{ background:#3e50b4; color:#fff;}
.paginationList .paginationNumber{ border:none;}
.paginationList > .paginationNumber{ width:auto; height:auto; margin:0 9px;}/* 넓이 계산 */
.paginationFirst a{ text-indent:-9999em; background:#fff url(/images/dc/pagination_first.png) center no-repeat;}
.paginationPrev a{ text-indent:-9999em; background:#fff url(/images/dc/pagination_prev.png) center no-repeat;}
.paginationNext a{ text-indent:-9999em; background:#fff url(/images/dc/pagination_next.png) center no-repeat;}
.paginationLast a{ text-indent:-9999em; background:#fff url(/images/dc/pagination_last.png) center no-repeat;}
.paginationFirst a:hover{ background:#fff url(/images/dc/pagination_first_on.png) center no-repeat !important;}
.paginationPrev a:hover{ background:#fff url(/images/dc/pagination_prev_on.png) center no-repeat !important;}
.paginationNext a:hover{ background:#fff url(/images/dc/pagination_next_on.png) center no-repeat !important;}
.paginationLast a:hover{ background:#fff url(/images/dc/pagination_last_on.png) center no-repeat !important;}

/*데이터테이블 페이징*/
.dataTables_paginate{ text-align:center; margin-top: 40px;}
.dataTables_paginate .bx-wrapper{ display:inline-block; vertical-align:bottom;}
.dataTables_paginate span{ display:inline-block; margin:0 9px;}
.dataTables_paginate span a:first-child{border-left:1px solid #e7e7e7;}
.dataTables_paginate a{display:block; text-align:center; line-height:40px; font-weight:400; width:40px; height:40px; display:inline-block;border:1px solid #e7e7e7; border-left:none; font-size:16px; cursor:pointer;}
.dataTables_paginate span a:hover,
.paginate_button.current{ background:#3e50b4; color:#fff;}
.paginate_button.first{text-indent:-9999em; background:#fff url(/images/dc/pagination_first.png) center no-repeat;border-left:1px solid #e7e7e7;}
.paginate_button.previous{text-indent:-9999em; background:#fff url(/images/dc/pagination_prev.png) center no-repeat;}
.paginate_button.next{text-indent:-9999em; background:#fff url(/images/dc/pagination_next.png) center no-repeat;border-left:1px solid #e7e7e7;}
.paginate_button.last{text-indent:-9999em; background:#fff url(/images/dc/pagination_last.png) center no-repeat;}
.paginate_button.first:hover{ background:#fff url(/images/dc/pagination_first_on.png) center no-repeat !important;}
.paginate_button.previous:hover{ background:#fff url(/images/dc/pagination_prev_on.png) center no-repeat !important;}
.paginate_button.next:hover{ background:#fff url(/images/dc/pagination_next_on.png) center no-repeat !important;}
.paginate_button.last:hover{ background:#fff url(/images/dc/pagination_last_on.png) center no-repeat !important;}
/*데이터테이블 페이징*/

/* 테이블 */
.tblStyle{ border-top:1px solid #000;}
.tblStyle thead th{ font-weight:700; white-space:nowrap; }
.tblStyle thead th,
.tblStyle tbody td{ padding: 19px 15px; color:#333; text-align:left; font-size:14px; }
.tblStyle thead tr,
.tblStyle tbody tr{background:#fff;}
.tblStyle tbody tr.hover{ background:#eff3fa;}
.tblStyle thead{ border-bottom:1px solid #000;}
.tblStyle.bdtn{ border-top:none !important;}

.tblStyle.listTbl{border-top:2px solid #000;}
.tblStyle.listTbl tr{ height:55px;}
.tblStyle.listTbl th,
.tblStyle.listTbl td{ text-align:center; padding:14px 15px;}
.tblStyle.listTbl td{ border-bottom:1px solid #f0f2f5; color:#434a54;}
.tblStyle.listTbl .btn.sm{ float:none; margin:0 auto; width:80px; height:28px; padding:0; line-height:28px;}
.tblStyle.listTbl .title{ text-align:left; width:60%;}
.ie .tblStyle.listTbl .title a{ display:block;}
.tblStyle.listTbl .title a{height:15px;}
.tblStyle.listTbl .fileDw{background: #fff url(/images/dc/file_dw_icon.png) 15px center no-repeat; width:80px; height:28px; line-height:28px; border:1px solid #000; display:block; margin:0 auto; font-size:12px; padding-left:15px;}

.tblStyle.viewTbl{ border-bottom:1px solid #000; margin-bottom:35px;}
.tblStyle.viewTbl th{ white-space:nowrap; color:#434a54; font-weight:400;}
.tblStyle.viewTbl .title th{background:#f2f4f7; font-size:24px;white-space:nowrap; color:#000; font-family:'Nanum Square', 'Nanum Gothic';}
.tblStyle.viewTbl .title th,
.tblStyle.viewTbl .title
.tblStyle.viewTbl .con td{ padding:35px; color:#434a54;}
.tblStyle.viewTbl th{ background:#fff;}
.tblStyle.viewTbl th,
.tblStyle.viewTbl td{ padding:15px;border-bottom:1px solid #f0f2f5;}
.tblStyle.viewTbl th{ color:#434a54; font-size:14px;}
.tblStyle.viewTbl .viewFile td a{display: block; height: 28px; border: 1px solid #000; float: left; font-size: 12px; background: url(/images/dc/file_down_icon.png) 10px center no-repeat; padding-left: 35px; line-height: 28px; padding-right: 10px; max-width:200px;overflow:hidden; word-break:break-all; text-overflow:ellipsis;word-wrap:normal;white-space:nowrap; margin-right:5px; margin-bottom:3px;}
.tblStyle.viewTbl.rowView th{ background:#f2f4f7;}



.tblStyle.dataTbl{ margin-bottom:65px;}
.tblStyle.dataTbl th{ color:#768082;}
.tblStyle.dataTbl th[rowspan],
.tblStyle.dataTbl th[rowspan] + td{ vertical-align:baseline;}
.tblStyle.dataTbl th,
.tblStyle.dataTbl td{ text-align:left; font-size:14px; font-weight:400; border-bottom:1px solid #f0f2f5; height:55px; padding:9px 15px; padding-left:0;}
.tblStyle.dataTbl .rdoStyle + label{ padding:0 15px 0 5px;}
.tblStyle.dataTbl input[type=text], .tblStyle.dataTbl input[type=number],
.tblStyle.dataTbl input[type=password]{ height:36px; float:left;}
.tblStyle.dataTbl .btn{ display:inline-block; vertical-align:middle; float:left; margin-left:9px;}
.tblStyle.dataTbl .tblBtnBox{ position:relative;}
.tblStyle.dataTbl .tblBtnBox .sltStyle{ float:left;}
.tblStyle.dataTbl .selAddBox .select-title.sltStyle{ float:none; display:block; margin-top:3px;}
.tblStyle.dataTbl .tblBtnBox .select-title.sltStyle{ float:left; display:inline-block; margin-top:0;}
.tblStyle.dataTbl .tblBtnBox .btn.sm{ padding:10px 20px}
.tblStyle .dataInfo{ color:#ff4c4e; font-size:13px; margin-left:25px; display:block; float:left; margin-top:10px;}
.tblStyle.grvcTbl .dataInfo{ font-size:12px; margin-left:20px;}
.tblStyle .rqdInput{ color:#6b81fd; font-size:14px; padding-left:4px;}
.tblStyle .singleInput{ width:320px;}
.tblStyle .doubleInput{ width:49.5%;}
.tblStyle .doubleInput + .doubleInput { float:right !important;}
.tblStyle .helpBtn{ background:url(/images/dc/help_btn_bg2.jpg) 0 0 no-repeat; width:18px; height:18px; margin-left:10px;}

.tblStyle.dataTbl.grvcTbl.grvcView th{ background:#f7f7f8;white-space:nowrap;}
.tblStyle.dataTbl.grvcTbl.grvcView tr:first-child th,
.tblStyle.dataTbl.grvcTbl.grvcView tr:first-child td{ border-top:1px solid #f0f2f5;}
.tblStyle.dataTbl.grvcTbl.grvcView td{ padding-left:23px;}
.tblStyle.dataTbl.grvcTbl.grvcView + .grvcTbl table td{ background:#fff; padding-left:23px;}
.tblStyle.dataTbl.grvcTbl.grvcView .dataTable thead th{ background:#fff; border-top:none !important;}
.grvcView .fileDw{ border:1px solid #000; font-size:12px; background: #fff url(/images/dc/file_down_icon.png) 10px center no-repeat; padding: 6px 10px; padding-left: 35px; overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; width: 210px; word-wrap: normal; display: block;}
.grvcView .doubleExp{ width:20%; float:left; height:36px; line-height:36px;}
.grvcView .doubleExp + .doubleExp{ border:1px solid #dfdfdf; background:#f4f5f7; width:80%; height:36px; line-height:36px; padding-left:10px;}

.tblStyle.dataTbl .dataTable{ table-layout:fixed; width:100%;/* border:1px solid #d7d8dd; border-bottom:1px solid #000000;*/}
.tblStyle.dataTbl .dataTable th{ color:#747679; font-size:14px; text-align:center;}
.tblStyle.dataTbl .dataTable td{ color:#000; font-size:14px;}
.tblStyle.dataTbl .dataTable th,
.tblStyle.dataTbl .dataTable td{ padding:0 3px; border-bottom:1px solid #d7d8dd; height:34px;}
.tblStyle.dataTbl .dataTable td input[type=text]{ width:100%;}
.tblStyle.dataTbl .dataTable thead{ border:1px solid #d7d8dd; border-bottom:none;}
.tblStyle.dataTbl .dataTable tbody{ border-left:1px solid #d7d8dd; border-right:1px solid #d7d8dd;}
.tblStyle.dataTbl .dataTable tbody td{ height:54px;}
.tblStyle.dataTbl .dataTable tfoot th,
.tblStyle.dataTbl .dataTable tfoot td{ background:#f0f2f5;border-bottom:1px solid #000000; text-align:center; height:54px;}

/*분쟁조정 사건조회 테이블*/
.dispreReqList table {}
.dispreReqList table th {width:12% !important;}
.dispreReqList table th + th {width:auto !important;}
.dispreReqList table th + th + th {width:10% !important;}
.dispreReqList table th + th + th + th {width:14% !important;}
.dispreReqList table th + th + th + th + th {width:10% !important;}
.dispreReqList table th + th + th + th + th + th {width:10% !important;}
.dispreReqList table th + th + th + th + th + th + th {width:8% !important;}
.dispreReqList table th + th + th + th + th + th + th + th {width:8% !important;}

/*데이터 테이블*/
.dataTables_length{ display:none;}
/*데이터 테이블*/

/* 버튼 */
.btnArea{ text-align:center;}
.btnArea.large .btn{ width:180px;;}
.btnAreaInner{ display:inline-block;}
.btnAreaInner:after{ clear:both; display:block; content:'';}
.btn{ width:140px; height:45px; font-size:14px; color:#fff; text-align:center; display:block; line-height:45px; float:left;cursor:pointer; border:1px solid #fff; margin-left:14px;
	-webkit-transition:background .5s;
	-moz-transition:background .5s;
	-ms-transition:background .5s;
	-o-transition:background .5s;
	transition:background .5s;
}
.btn:first-child{ margin-left:0;}
.btn.sec{ width:auto; height:auto; padding:10px 20px; font-size:12px; line-height:1.231;}
.btn.sm{ width:auto; height:auto; padding:6px 20px; font-size:12px; line-height:1.231;}
.btn.plus{ position:relative;}

/* 버튼 색상*/
.dsb{ background:#e7e7e7; color:#c1bcbe; cursor:default; border-color:#e7e7e7;}
.gray{ background:#768082; border-color:#768082;}
.spcBlue{ background:#3e50b4; border-color:#3e50b4;}
.white{ background:#fff; color:#000000; border:1px solid #000;}
.bdBlue{ border-color:#3e50b4; background:#fff; color:#3e50b4;}
.consent{ background:#434a54; color:#fff;}


/* 버튼 호버*/
.btn.gray:hover,
.btn.gray:active{ background:#9ba5b3; border-color:#9ba5b3;}
.btn.spcBlue:hover,
.btn.spcBlue:active{ background:#5267db; border-color:#5267db;}
.btn.spcBlue.dkBlue:hover,
.btn.spcBlue.dkBlue:active{ background:#213787; border-color:#213787;}
.btn.white:hover,
.btn.white:active{ border-color:#5267db; color:#5267db;}
.btn.white.spcBlue:hover,
.btn.white.spcBlue:active{ background:#3e50b4; border-color:#3e50b4; color:#fff;}

/* 탭메뉴 */
.tab{ margin-top:20px; margin-bottom:53px;}
.tab:after{ content:''; display:block; clear:both;}
.tab li{ float:left; font-size:16px; line-height:52px; height:52px; border:1px solid #d7d8dd; text-align:center; color:#768082;
	-webkit-transition:color .5s, background .5s, border-color .5s;
	-moz-transition:color .5s, background .5s, border-color .5s;
	-ms-transition:color .5s, background .5s, border-color .5s;
	-o-transition:color .5s, background .5s, border-color .5s;
	transition:color .5s, background .5s, border-color .5s;
}
.tab li.on{ color:#3e50b4; border-color:#3e50b4; z-index:10; position:relative;}
.tab li a{ display:block;}
.tab li:hover,
.tab li:active{ color:#fff; background:#3e50b4; border-color:#3e50b4;}
.tabStyle02{ margin-top:0; position:relative; /*top:-30px; */border-bottom:1px solid #d7d8dd;}
.tabStyle02:after{ content:''; display:block; clear:both;}
.tabStyle02 li{ border:none; position:relative; float:left; font-size:16px; line-height:52px; height:52px; text-align:center; color:#768082;}
.tabStyle02 li:after{ content:'|'; position:absolute; top:50%; left:-3px; display:block; color:#d7d8dd; margin-top:-26px;}
.tabStyle02 li:first-child:after{ display:none;}
.tabStyle02 li.on{ border:none; border-bottom:2px solid #3e50b4;color:#3e50b4;}
.tabStyle02 li a{ display:block;}
.tabStyle02 li a br{ display:none;}

.tab.col2 li,
.tabStyle02.col2 li{ width:50%;}
.tab.col6 li,
.tabStyle02.col6 li{ width:16.6666%;}
.tab.col6 li:first-child,
.tabStyle02.col6 li:first-child{ width:16.667%;}
.tab.col7 li{ width:14.28%;}
.tab.col7 li:first-child{ width:14.32%;}

/* 넘버링 타이틀 */
.numberingTit{ font-size:24px; color:#000; border-bottom:1px solid #000000; padding-bottom:24px; margin-bottom:20px; font-family:'Nanum Square', 'Nanum Gothic';}
.numberingTit span{ color:#fff; font-size:14px; background:#3e50b4;border-radius:50%; width:25px; hei ght:25px; display:inline-block; line-height:26px; text-align:center; vertical-align:middle; margin-right:18px;}

/* formCtl */
.formCtl button{ border:1px solid #000; font-size:12px; width:190px; height:36px; line-height:36px; float:left;}
.formCtl button:first-child{ border-right:none;}
.formCtl button span{ color:#3e50b4;}
.addForm{}
.removeForm{}
.dataForm .icdTit{ float:left;}
.dataForm .formCtl{ float:right;}
.dataForm .formCtl button{ width:auto; height:auto; line-height:inherit; padding:6px 21px;}
.dataForm .formCtl button:first-child{ border-right:1px solid #000; margin-right:10px;}
.pisiminForm{ margin-bottom:13px;}
.pisiminForm .formCtl{ float:right;}
.pisiminForm .formCtl button{ width:auto; height:auto; line-height:inherit; padding:6px 21px;}
.pisiminForm .formCtl button:first-child{ border-right:1px solid #000; margin-right:10px;}

/* 컬러 */
.blue{ color:#3e50b4;}
.red{ color:#dc241f;}

/* 팝업 */
.popup{ position:relative;}
.popup.default{ padding:25px;height:200px;}
.popup.default .exp{ font-size:14px; text-align:center; padding-top: 30px; margin-bottom:59px;}
.popup.default .regComplete{color:#000;font-size:24px;text-align:center;position:relative; padding-top: 40px; padding-left: 70px; margin-bottom:35px; font-family:'Nanum Square', 'Nanum Gothic';}
.popup.default .regComplete:after{background:url(/images/dc/reg_com_bg.jpg) 0 0 no-repeat; position:absolute; top: 28px; left: 110px;content:''; display:block; width:50px; height:50px;}
.popup.default .regComplete strong{color:#3e50b4;}
.popup .popupClose{ position:absolute; top:14px; right:25px; display:block; font-size:29px; font-family:'Nanum Square', 'Nanum Gothic';}
.popupHeader{ background:#3e50b4; height:119px; width:100%;}
.popupHeader h1{ color:#fff; font-size:30px; line-height:119px; padding-left:60px; font-family:'Nanum Square', 'Nanum Gothic';}
.popupHeader .popupClose{ color:#fff; font-size:50px; top:23px ; font-family:'Nanum Square', 'Nanum Gothic';}
.popup.mypage{ padding:50px;}
.popup.mypage .exp{ font-size:18px;text-align:center; padding-top: 30px; margin-bottom:40px; font-family:'Nanum Square', 'Nanum Gothic';}
.popup.mypage .listTit{ padding-bottom:20px; border-bottom:1px solid #000; margin-bottom:0;}
.popup.large .popupContent{ padding:42px 60px;}
.popup.reason .btnArea .btn{ width:49.5%; margin-left:0;}
.popup.reason .btnArea .btn + .btn{ float:right;}
.popup.reason .btnArea .btnAreaInner{ display:block;}
.popup.reason .reasonCon{ background:#f6f6f6; font-size:14px; padding:25px; margin-bottom:10px;}
.popup.reason .reasonCon + .btnArea + p{ color:#999999; font-size:12px; margin-top:32px; line-height:1.4;}
.popup.large .tblStyle.viewTbl{ margin-bottom:60px;}
.popup.large .tblStyle.viewTbl th{ background:#f7f7f8; color:#747679; text-align:left; padding-left:20px;}
.popup.large .tblStyle.viewTbl td{ color:#000;}
.popup.large .viewTblTit{ color:#000; font-size:18px; padding-left:20px; margin-bottom:20px; font-family:'Nanum Square', 'Nanum Gothic';}

/* 검색 */
.schBox{ border: 1px solid #d7d8dd; margin-bottom:60px; padding:24px 19px;}
.schBox > div{ float:left;}
.schBox > div:first-child{ margin-right:190px;}
.schBox .dash{ display:block; float:left; height:36px; line-height:36px; margin:0 6px;}
.schBox .schBtn{ width:100px; height:35px; font-size:14px; color:#fff; line-height:35px; display:block; text-align:center; background:#3e50b4; border:none; padding-left:0; float:right;}
.schBox label{ font-size:14px; margin-right:32px; float:left; height:36px; line-height:36px;}
.schBox .inner{ float:left;}
.schBox .inner:after{ display:block; content:''; clear:both;}
.schBox select{ width:150px;}
.schBox input[type=text]{ width:150px; height:36px;}
.schBox input.datepicker{ background:url(/images/dc/date_bg.png) 90% center no-repeat; float:left;}

.bbsSchBox{ border:1px solid #d7d8dd; padding:27px; position:relative; padding-left:197px; padding-right:127px; margin-bottom:25px;}
.bbsSchBox.col2{ padding-left:367px;}
.bbsSchBox .cdtBox{ position:absolute; top:27px; left:27px;}
.bbsSchBox.col2 .cdtBox .sltStyle{ float:left; display:block; margin-right:20px; width:150px !important;}
.bbsSchBox .inputBox{}
.bbsSchBox .inputBox .keyword{ width:100%;max-width:500px;  height:36px; padding-right:10px;}
.bbsSchBox .schBtn{ }
.bbsSchBox .schBtn{ color:#fff; background:#3e50b4; width:100px; height:36px; float:right; cursor:pointer; border:none; padding:0;position:absolute; top:27px; right:27px;}

/* 파일자료 등록 */
#raonkuploader_holder_kupload01 {width:100% !important;}
#raonkuploader_holder_kupload02 {width:100% !important;}
#raonkuploader_holder_kupload03 {width:100% !important;}
#raonkuploader_holder_kupload1 {width:100% !important;}
#raonkuploader_holder_kupload2 {width:100% !important;}
#raonkuploader_holder_kupload3 {width:100% !important;}

/* 자료보완요구 */
.mypageFileBox.list_box {border-top:1px solid #000; margin-bottom:0;}
.mypageFileBox.list_box +.mypageFileBox.list_box {border-top:0;}
.mypageFileBox.list_box + .mypageGrvcTit {margin-top:65px;}

/* ==================================
  Conf box
================================== */
.conf_box {position:relative; padding:20px;}
.conf_box h3 {display:block; font-size:36px; text-align:center; font-weight:600;}
.conf_box .txt {font-size:24px; line-height:46px; padding:40px 0;}
.conf_box .info {font-size:18px; text-align:center; padding:20px 0;}
.conf_box th {text-align:center !important; font-weight:600 !important;}
.conf_box td {text-align:center !important; }
.conf_box td + td {text-align:left !important; }
.conf_box td + td + td {text-align:center !important; }
.conf_box .txt2 {font-size:17px; line-height:36px; padding:0 0 120px 0;}
.conf_box .date {font-size:18px; line-height:46px; text-align:center; padding:0;}
.conf_box .sign {font-size:24px; line-height:46px; text-align:center; font-weight:600; padding:20px 0 0px 0;}

/**/
.grvcView_box {}
.grvcView_box p {font-size:14px !important; margin-bottom:14px;;}
.grvcView {}
.grvcView li {margin-bottom:5px;}
.grvcView li .fileDw {}

.style_box01 {padding:40px; border:1px solid #ccc; font-size:15px; line-height:24px; color:#000;}
.style_box01 strong {display:block; font-size:16px; font-weight:600; padding:35px 0 15px 0;}

.certList .signCert {display:block;}
.certList .hpCert {display:block;}

.certButton.type02 {width:100%; height:auto; line-height:normal; padding:140px 0 20px 0; background-position:45px 20%;}
.certButton.type02:after {top:20%;}

@media all and (max-width:1024px){
	.certList .signCert {display:block;}
	.certList .hpCert {display:block;}
	
	.certButton {}
	
	.sltBox {width:100%;}
	.sltBox + .sltBox {margin:10px 0 0 0;}
}
@media all and (max-width:768px){
	.certList .hpCert {text-align:center; background-position:center 25% !important; background-size:50px auto;}
}

@media all and (max-width:640px){
	.sltBox + .sltBox {margin:20px 0 0 0;}
	.sltBox label {display:block; width:100%;}
	.sltBox span {width:100% !important;; margin:10px 0 0 0;}
	
	
	.btnArea.tr {text-align:center !important; margin-bottom:40px;}
	.btn {width:138px;}
	
	.certInfo {padding:35px; padding-top:160px; background-position:center 40px;}
	.certInfo p {border-left:0; }
	
	.btn {width:138px;}
	
	.entryBox .listStyle02 {width:auto; border-right:0;}
	
	.tblStyle.dataTbl.grvcTbl th {width:100%; font-weight:600; color:#000; padding-left:15px !important;}
	.tblStyle.dataTbl th, .tblStyle.dataTbl td {display:block; width:100%; padding:9px 15px; height:auto; min-height:50px; line-height:32px;}
	.tblStyle.dataTbl th:after, .tblStyle.dataTbl td:after {conten:''; display:block; clear:both;}
	
	.tblStyle.dataTbl input[type=text], .tblStyle.dataTbl input[type=password] {float:none !important;}
	.tblStyle .doubleInput + .doubleInput {float:none !important;}
	.tblStyle .dataInfo {float:none;}
	.tblStyle.grvcTbl .dataInfo {margin-left:0;}
	
	.tblStyle.dataTbl .rdoStyle + label {width:100%; padding:0;}
	
	h5.grvcTit.gray {padding:20px;}
	h5.grvcTit.white {padding:20px;}
	h5.grvcTit.white span {display:block; margin-left:0 !important; margin-top:10px;}
	
	.table_type001 {overflow:auto;}
	.table_type02 {width:800px;}
	
	.dataTblBox #dataTableAplCnt .tblStyle.dataTbl.grvcTbl th {width:auto;}
	.table_type02 th, .table_type02 td {display:table-cell !important;}
	.table_type02 td {width:100px !important;}
	.table_type02 col {width:100px;}
	
	.eviInfo {padding-top:200px; padding-left:0; background-position:center 38px;}
	.eviInfo .eviTit {float:none; left:40%;}
	.eviInfo > div {float:none; width:90%; margin:40px 5% 0;}
	
	.icdTit strong {display:block; padding-left:0; margin-top:20px;}
	
	.formCtl {margin-bottom:20px;} 
	
	.ttpe .btnAreaInner {display:block; width:90%; margin:0 5%;}
	.ttpe a {float:none; display:block; width:100%; margin-top:20px; margin-left:0 !important;}
	
	
	
	
}

#fido_qrcode {position:relative;}
#fido_qrcode canvas {position:absolute; top:15px; left:15px; width:110px; height:110px;}

/* ==================================
	Custom box
================================== */
.callCenter {padding:39px 60px;}
.custom_box {width:70%; background:#fff; opacity:0.9; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}
.custom_box ul {padding:26px;}
.custom_box ul:after {content:''; display:block; clear:both;}
.custom_box ul li {position:relative; float:left; width:50%; padding:0 0 12px 0;}
.custom_box ul li:nth-child(2n):after {content:''; position:absolute; top:-2px; left:-10%; display:block; width:1px; height:27px; border-left:1px solid #f5f6f7;}
.custom_box ul li p {position:relative; display:inline-block; color:#26252a; font-size:13px; padding-left:14px;}
.custom_box ul li p:after {content:''; position:absolute; top:36%; left:0; display:block; width:5px; height:5px; background:url(/images/dc/bul_custom_li.png) no-repeat 0 50%;}
.custom_box ul li span {display:inline-block; color:#4e5a99; font-size:15px; font-weight:600;}
.custom_box ul + ul {border-left:1px solid #ccc;}

/* ==================================
	Tab_style02 - 오시는길
================================== */
	.map_box {position:relative; width:100%; height:600px; margin-top:47px; background:#ccc;}
	.map_box .map_list {position:absolute; top:1%; left:4%; width:258px; padding:8px; background:url(/images/dc/bg_map_list.png) repeat 0 0; z-index:100;}
	.map_box .map_list:after {content:''; display:block; clear:both;}
	.map_box .map_list li {}
	.map_box .map_list li a {display:block; color:#fff; font-size:14px; padding:14px 0 14px 35px; background:url(/images/dc/bul_map_list.png) no-repeat 15px 50%;}

	.map_box .map_list li.on a,
	.map_box .map_list li a:hover {color:#000; background-color:#fff;}
	
/* ==================================
	Fido 로그인
================================== */
.loginUtil > div {width:220px;}
.ch_tp01 {display:inline-block !important;}
.ch_tp02 {display:none !important;}

/* ==================================
	1024
================================== */
@media all and (max-width:1024px){

	.callCenter {padding:39px 26px;}
	.custom_box {width:100%;}
	.custom_box ul {padding:14px;}
	.custom_box ul li:nth-child(2n):after {display:none;}
	.callTime {margin-bottom:20px;}
	
	
	

}

/* ==================================
	780
================================== */
@media all and (max-width:767px){

	.custom_box ul li {float:none; width:100%; padding-bottom:24px;}
	
	/* 오시는길 */
	.map_box .map_list {position:relative; top:8px; left:8px; width: 96%; padding:2%;}
	.map_box .map_list li {float:left; width:48%; margin:0 1%;}
	.map_box .map_list li a {font-size:12px; padding:8px 0 8px 22px; background-position:4px 50%;}
	
/* Fido 로그인 */
.ch_tp01 {display:none !important;}
.ch_tp02 {display:inline-block !important;}

.btn_mdown {margin:-10px 0 0 0;}

}

/* ==================================
	480
================================== */
@media all and (max-width:480px){

	.custom_box ul li p {width:100%;}
	.custom_box ul li span {padding-left:14px; margin-top:10px;}
	
	/* 오시는길 */
	.map_box .map_list li {width:50%; margin:0;}

}

/* ==================================
	400
================================== */
@media all and (max-width:400px){

	/* 오시는길 */
	.map_box .map_list li a {letter-spacing:-2px;}

}