@charset "utf-8";


/* *************************** 모바일 크롬에서 테이블 깨짐 대응 *************************** */
@media screen and (max-width:767px) {
	.hidden-xs {display:none !important;}	
	table {display:table;}
	table>* {display:table-row-group;}
	table script{display:none;}
	table caption {display:none;}
	table tr {display:table-row;}
	table th, table td {display:table-cell; width:auto;}
}


/* *************************** 폰트 / 상황에 맞춰 사용 *************************** */
 @font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('../fonts/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
   font-family:'Pretendard';
   font-style:normal;
   font-weight:400;
   font-display:swap;
   src:url(../fonts/Pretendard-Regular.woff2) format('woff2'),
        url(../fonts/Pretendard-Regular.woff) format('woff');
 }
@font-face {
   font-family:'Pretendard';
   font-style:normal;
   font-weight:700;
   font-display:swap;
   src:url(../fonts/Pretendard-Bold.woff2) format('woff2'),
        url(../fonts/Pretendard-Bold.woff) format('woff');
 }



/* *************************** COMMON *************************** */
html,body {padding:0; margin:0;}
body {width:100%; height:100%; min-width:320px; font-weight:400;}
body .clear {clear:both;}
body .split {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
body a {text-decoration:none !important; outline:none !important; word-wrap:expression( this.style.wordWrap="normal",this.hideFocus=true);}
body #ie-warning {display:none; font-family:inherit;}

i,cite,em,var,address,dfn {font-style:normal;}
h1,h2,h3,h4,h5,h6 {line-height:1; padding:0; margin:0;}
table {border-collapse:collapse; width:100%; max-width:100%; background:#fff;}

/* 인풋 엑스버튼 없애기 */
input::-ms-clear,
input::-ms-reveal{
	display:none;width:0;height:0;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{
	display:none;
}

hr {
  height:0;
  -webkit-box-sizing:content-box;
     -moz-box-sizing:content-box;
          box-sizing:content-box;
  margin-top:20px;
  margin-bottom:20px;
  border:0;
  border-top:1px solid #eee;
}

pre {
	display:block;
	padding:9.5px;
	margin:0 0 10px;
	font-size:13px;
	line-height:1.42857143;
	color:#333;
	word-break:break-all;
	word-wrap:break-word;
	background-color:#f5f5f5;
	border:1px solid #ccc;
	border-radius:5px;
  
	white-space:pre-wrap; /* CSS3*/
	white-space:-moz-pre-wrap; /* Mozilla, since 1999 */
	white-space:-pre-wrap; /* Opera 4-6 */
	white-space:-o-pre-wrap; /* Opera 7 */
	word-wrap:break-all; /* Internet Explorer 5.5+ */ 
}

/* 이미지팝업 - 인증서 등 이전,다음 버튼 있음 */
.imgOpen2 {z-Index:999999; position:fixed; overflow:hidden; left:0; top:0; width:100%; height:0; overflow:hidden; background-color:rgba(0,0,0,.8); text-align:center; font-weight:normal;}
.imgOpen2 .wrap {position:relative; display:table; width:100%; height:100%;}
.imgOpen2 .wrap div {position:relative; display:table-cell; overflow:hidden; width:100%; padding:0; text-align:center; vertical-align:middle;}
.imgOpen2 .wrap img {display:inline-block; max-height:100%; max-width:100%; border:10px solid transparent;}
.imgOpen2 .wrap img.none {display:none;}
.imgOpen2 .wrap p {display:none; color:#fff;}
.imgOpen2 .wrap p.none {display:inline-block; width:30%; padding:100px 20px; border:10px solid #fff;}
.imgOpen2 .popTitle {z-Index:100; position:absolute; left:0; bottom:20px; width:100%; font-size:14px; text-align:center;}
.imgOpen2 .popTitle p {display:inline-block; padding:15px 30px; color:#fff; background:rgba(0,0,0,.4); border-radius:100px; line-height:1.2; font-size:24px; font-weight:300;}
.imgOpen2 button {z-index:300; position:absolute; display:block; top:50%; width:60px; height:60px; padding:0; background-color:rgba(0,0,0,.2); font-size:12px; color:#fff; border:0; border-radius:50%; cursor:pointer; background-position:50%; background-repeat:no-repeat; background-size:30%;}
.imgOpen2 button:hover {background-color:rgba(0,0,0,.9);}
.imgOpen2 button img {max-width:initial; max-height:initial;}
.imgOpen2 button.off {opacity:.2; cursor:default;}
.imgOpen2 button.prev {left:20px;}
.imgOpen2 button.next {right:20px;}
.imgOpen2 button.close {top:20px; right:20px;}

@media screen and (max-width:767px){
	.imgOpen2 {padding:0 !important; margin:0 !important;}
	.imgOpen2 button {width:40px; height:40px;}
	.imgOpen2 button img {width:30%; height:30%;}
	.imgOpen2 button img.none {width:30%; height:30%; border:1px solid #ccc; content:"이미지가 없습니다"}
	.imgOpen2 button.prev {left:10px;}
	.imgOpen2 button.next {right:10px;}
	.imgOpen2 button.close {top:10px; right:10px;}
	.imgOpen2 .popTitle {bottom:10px; font-size:12px; text-align:center;}
}


/* ****************** d-reset ******************* */
/* ****************** 속도 계선 문제로 common과 통합 */
.d-page div, .d-page span, .d-page applet, .d-page object, .d-page iframe,
.d-page h1, .d-page h2, .d-page h3, .d-page h4, .d-page h5, .d-page h6, .d-page p, .d-page blockquote, .d-page pre,
.d-page a, .d-page abbr, .d-page acronym, .d-page address, .d-page big, .d-page cite, .d-page code,
.d-page del, .d-page dfn, .d-page em, .d-page img, .d-page ins, .d-page kbd, .d-page q, .d-page s, .d-page samp,
.d-page small, .d-page strike, .d-page strong, .d-page sub, .d-page sup, .d-page tt, .d-page var,
.d-page b, .d-page u, .d-page i, .d-page center,
.d-page dl, .d-page dt, .d-page dd, .d-page ol, .d-page ul, .d-page li,
.d-page fieldset, .d-page form, .d-page label, .d-page legend,
.d-page table, .d-page caption, .d-page tbody, .d-page tfoot, .d-page thead, .d-page tr, .d-page th, .d-page td,
.d-page article, .d-page aside, .d-page canvas, .d-page details, .d-page embed, 
.d-page figure, .d-page figcaption, .d-page footer, .d-page hgroup, 
.d-page menu, .d-page nav, .d-page output, .d-page ruby, .d-page section, .d-page summary,
.d-page time, .d-page mark, .d-page audio, .d-page video {
	margin: 0;
	padding: 0;
	border: 0;
}

/* HTML5 display-role reset for older browsers */
.d-page article, .d-page aside, .d-page details, .d-page figcaption, .d-page figure, .d-page footer, .d-page hgroup, .d-page menu, .d-page nav, .d-page section {
	display: block;
}
.d-page ol, .d-page ul, .d-page li, .d-page dt, .d-page dd {
	list-style: none;
}
.d-page blockquote, .d-page q {
	quotes: none;
}
.d-page blockquote:before, .d-page blockquote:after,
.d-page q:before, .d-page q:after {
	content: '';
	content: none;
}
.d-page table {
	border-collapse: collapse;
	border-spacing: 0;
}
.d-page input, .d-page select {
    vertical-align:middle;
}
.d-page h1 {font-size:inherit; line-height:1;}
.d-page img {font-size:0; line-height:0; border:0; vertical-align:middle;}

html { 
	 font-family: sans-serif;
	 /* 스마트폰 font-size 자동조정 해제, none으로하면 오류남 */
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
	/* 스마트폰 링크 터치시 하이라이트 없앰 */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.d-page > * {
  -webkit-box-sizing: border-box!important;
     -moz-box-sizing: border-box!important;
          box-sizing: border-box!important;
}
.d-page > *:before,
.d-page > *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.d-page a {
  background-color: transparent;
  box-sizing:border-box;
}
.d-page a:active,
.d-page a:hover {
  outline: 0;
}

.d-page input,
.d-page button,
.d-page select,
.d-page textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

.d-page button,
.d-page select {
  text-transform: none;
}

.d-page button[disabled],
.d-page input[disabled] {
  cursor: default;
}

.d-page button {border:0; outline:0;}