@charset "utf-8";
/*font */
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Thin.woff2') format('woff2'); font-weight: 100; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraLight.woff2') format('woff2'); font-weight: 200; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Light.woff2') format('woff2'); font-weight: 300; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap;}
@font-face { font-family: 'Pretendard'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/pretendard@1.0/Pretendard-Black.woff2') format('woff2'); font-weight: 900; font-display: swap;}
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
	font-family: 'Noto Sans KR', sans-serif;
	unicode-range: U+AC00-D7A3;
}

@font-face {
	font-family: 'Poppins', sans-serif;
	unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;
}
/*safari input*/
input[type='button'],
input[type='submit'] { -webkit-appearance: none; -webkit-border-radius: 0; }

/*
/* input 기본 스타일 초기화 
input {
	-webkit-border-radius: 0; 
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
*/

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }


/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

/* Select box 스타일 초기화 
select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

*/ 

/* IE 에서 Select box 화살표 제거 
select::-ms-expand { display: none; }
*/ 

/*드래그색상 정의*/
/* ::-moz-selection { background:#263658; color:#fff; }
::selection { background:#263658; color:#fff; } */

/*기본태그 정의*/
* {}

html,body {	margin: 0; padding: 0; word-break: keep-all;word-wrap: break-word;font-size: 16px;font-family:'Pretendard', 'Noto Sans KR', 'Poppins', sans-serif;}

/* 모바일 가로모드 폰트확대 방지 */
body { -webkit-text-size-adjust: none; }

html, body, table, input, textarea { font-size: 16px; color:#333; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, img { display: block; }

button { padding: 0; outline: none; }
body, select, input, a, button{ line-height: 1; }

/* 링크 테두리 제거 */
a {outline: none; select-dummy: expression(this.hideFocus=true); }

/* 마진과 패딩의 초기화 */
div, pre, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, address, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, select, textarea { margin: 0; padding: 0; }

/* 헤더 폰트 사이즈 초기화 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

/* 리스트의 스타일 제거 */
ul, ol, li { list-style: none; }
em, address { font-style: normal; }

/* 테이블 스타일 초기화 */
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; width: 100%; border: 0; }
table th { word-wrap: break-word; }
table td { word-wrap: break-word; }

/* 이미지 및 필드셋에서 보더 표시 초기화 */
img, fieldset { border: none; }
img, object { vertical-align: top; }
img {vertical-align: middle; max-width: 100%;}

/* 캡션 텍스트 정렬 초기화 */
caption { text-align: left; }

/* 폼태그의 초기화 */
button {border: none;background: transparent;}
input,input:focus,textarea,textarea:focus {	border: none; outline: none;}
button,
input[type="submit"] { : pointer; /* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 0 10px; border: none; background: none; */}
select { font-size: 12px; vertical-align: middle; color: #666666; }
input { font-size: 12px; vertical-align: middle; color: #666666;}
textarea { font-size: 12px; color: #666666;}
input[type="radio"]{ vertical-align: middle; }

input,button,select,textarea { /* box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0 10px; */ font-family: 'Noto Sans KR', sans-serif;}

a:link{color:#333; text-decoration:none;}
a:active{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}

/* hidden 처리 */
/* hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;} */
hr,caption, legend {width:0;height:0;font-size:0;line-height:0;overflow:hidden; /* visibility:hidden; */ text-indent:-9999px;}
.hide{position:absolute;top:-9999px;width:0;height:0;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}

/* 폰트 */
.b {font-weight:600;}
.white {color:#fff !important; font-size:inherit;}
.point {color:#c81d0b;}

/* 정렬*/
.tc {text-align: center;}
.tl {text-align: left !important;}
.tr {text-align: right;}

* 버튼 */
.btnset { overflow: visible; display: inline-block !important; outline: none !important; cursor: pointer !important; border-radius: 0; text-align: center !important; text-decoration: none !important; vertical-align: middle !important; border: 0;
    -webkit-box-sizing: border-box; box-sizing: border-box;
    -webkit-transition: all 0.3s; transition: all 0.3s; background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;    
}
.btn_download { position:relative; padding: 20px 60px 20px 50px; border:1px solid #1b1b1b; font-size: 18px; color:#333333; line-height:1.375em; text-align:left !important; min-width: 270px}
.btn_download i { position:absolute; right: 1.5em; top:50%; margin-top:-8px; width:16px; height:16px; background:url(https://www.doosanenerbility.com/images/ico/ico-download.png) no-repeat center;  
    -webkit-transition:all ease .3s;
    -moz-transition:all ease .3s;
    -ms-transition:all ease .3s;
    -o-transition:all ease .3s;
    transition:all ease .3s; 
}
.btn_download:hover { border-color:#0163c6; background:#0163c6; color:#fff;}
.btn_download:hover i { background:url(https://www.doosanenerbility.com/images/ico/ico-download-on.png) no-repeat center;}
.btn_download.small { padding:0; min-width:auto; width:43px; height:43px; text-align:center;}
.btn_download.small i { right:50%; margin-right:-8px;  top:50%; margin-top:-8px;}

/* 테이블 스타일 */
.tableBox table {border-top: 1px solid #7e0e02;}
.tableBox table th, .tableBox table td {height: 38px;color: #333333;border-bottom: 1px solid #e5e5e5;font-family: 'Pretendard', sans-serif;line-height:1.4;padding: 10px;}
.tableBox table th:not(:last-child), .tableBox table td:not(:last-child) {  border-right: 1px solid #e5e5e5;}
.tableBox table th {background: #c81d0b;font-weight: 500;color: #fff;}
.tableBox table th.darkBg { background: #efefef;}
.tableBox table td { text-align: center;}

@media (max-width: 767px) {
	.btn_download {min-width: auto;width: 100%;} 
	.tableBox {  position: relative;  overflow-x: scroll;}
}