@charset "utf-8";
/***
제작자 : Jeyun Web Publisher
작성일 : 2020년 02월 10일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local('notokr-light');
  src: url('/css/font/notokr-thin.eot');
  src: url('/css/font/notokr-thin.eot?#iefix') format('embedded-opentype'),
      url('/css/font/notokr-thin.woff2') format('woff2'),
      url('/css/font/notokr-thin.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 200;
  src: local('notokr-demilight');
  src: url('/css/font/notokr-demilight.eot');
  src: url('/css/font/notokr-demilight.eot?#iefix') format('embedded-opentype'),
      url('/css/font/notokr-demilight.woff2') format('woff2'),
      url('/css/font/notokr-demilight.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('notokr-regular');
  src: url('/css/font/notokr-regular.eot');
  src: url('/css/font/notokr-regular.eot?#iefix') format('embedded-opentype'),
      url('/css/font/notokr-regular.woff2') format('woff2'),
      url('/css/font/notokr-regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local('notokr-semi');
  src: url('/css/font/notokr-semi.eot');
  src: url('/css/font/notokr-semi.eot?#iefix') format('embedded-opentype'),
      url('/css/font/notokr-semi.woff2') format('woff2'),
      url('/css/font/notokr-semi.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 800;
  src: local('notokr-medium');
  src: url('/css/font/notokr-medium.eot');
  src: url('/css/font/notokr-medium.eot?#iefix') format('embedded-opentype'),
      url('/css/font/notokr-medium.woff2') format('woff2'),
      url('/css/font/notokr-medium.woff') format('woff');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local('notokr-bold');
  src: url('/css/font/notokr-bold.eot');
  src: url('/css/font/notokr-bold.eot?#iefix') format('embedded-opentype'),
      url('/css/font/notokr-bold.woff2') format('woff2'),
      url('/css/font/notokr-bold.woff') format('woff');
}

@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 100;
  src: local('NotoSerifCJKkr-ExtraLight');
  src: url('/css/font/NotoSerifCJKkr-ExtraLight.otf') format('opentype'),
      url('/css/font/NotoSerifCJKkr-ExtraLight.woff2') format('woff2'),
      url('/css/font/NotoSerifCJKkr-ExtraLight.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight: 300;
  src: local('NotoSerifCJKkr-Regular');
  src: url('/css/font/NotoSerifCJKkr-Regular.otf') format('opentype'),
      url('/css/font/NotoSerifCJKkr-Regular.woff2') format('woff2'),
      url('/css/font/NotoSerifCJKkr-Regular.woff') format('woff');
}
@font-face {
  font-family: 'Noto Serif KR';
  font-style: normal;
  font-weight:600;
  src: local('NotoSerifCJKkr-Bold');
  src: url('/css/font/NotoSerifCJKkr-Bold.otf') format('opentype'),
      url('/css/font/NotoSerifCJKkr-Bold.woff2') format('woff2'),
      url('/css/font/NotoSerifCJKkr-Bold.woff') format('woff');
}

/* reset */
html, body, div, 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, figure, figcaption, header, footer, menu, nav, section, summary, audio, video, button{margin:0; padding:0; -webkit-print-color-adjust:exact;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:800; font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
table{width:100%; border-collapse:collapse; font-size:100% !important;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle; border-radius:0; outline:none !important;}
article, aside, details, hgroup, main, figure, figcaption, header, footer, menu, nav, section, summary{display:block;}
audio, canvas, progress, video{display:inline-block; vertical-align:baseline;}

button{box-shadow:none; border:none; font-size:15px; vertical-align:top; font-family:'Noto Sans KR', 'Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; border-radius:0; background:none;}
button,select{cursor:pointer;}

/* linkStyle */
a{color:#333; text-decoration:none; background-color:transparent;} /** * IE10에서 활성화(active)된 링크의 회색 배경을 제거. */
a:hover{color:#000;}
a:active,
a:focus,
a:hover{text-decoration:underline;}
a[href^="tel"]{color:inherit; text-decoration:none;}

::-webkit-input-placeholder{color:rgba(0,0,0,0.4);}
:-ms-input-placeholder{color:rgba(0,0,0,0.4);}
::placeholder{color:rgba(0,0,0,0.4);}
::selection{background:#e1d2f9; color:#333;}

/* font */
body{color:#333; font-size:16px; font-weight:200; letter-spacing:-1px; -webkit-text-size-adjust:100%; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
input, textarea{
	-webkit-ime-mode:active; 
	-moz-ime-mode:active; 
	-ms-ime-mode:active; 
	ime-mode:active; 
}

/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
audio:not([controls]){display:none; height:0;} /** * 모던 브라우저들에서 controls 속성없이 audio 요소가 렌더링 되는 것을 예방 * iOS 5 기기에서 높이를 초과하는 것을 제거 */
b, strong, .bold{font-weight:400;}/* Firefox 4+, Safari, Chrome에서 `bolder`로 설정되어 있는 것을 `bold`로 수정. */ 
abbr[title]{border-bottom:1px dotted;}/* IE 8/9/10/11, Safari, Chrome에서 존재하지 않는 스타일을 부여. */
sub, sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline;}/* `sub`과 `sup`요소가 모든 브라우저에서 `line-height`에 영향을 미치는 것을 예방. */
sup{top:-0.5em;}
sub{bottom:-0.25em;}
svg:not(:root){overflow:hidden;} /* IE 9/10/11에서 `svg` 요소가 영역의 크기를 벗어나지 않도록 수정. */
button, input, optgroup, select, textarea{color:inherit; font:inherit; margin:0;}/* 1. color 속성이 상속되지 않는 것을 수정. * 알려진 문제:disabled 된 요소의 color 속성에도 영향을 미친다. * 2. font 속성이 상속되지 않는 것을 수정. * 3. Firefox 4+, Safari, Chrome에서 마진이 서로 다른 것을 해결. */ 
button{overflow:visible;}/* IE 8/9/10/11에서 `overflow` 속성값이 `hidden`으로 설정되어 있는 것을 수정 */
button, select{text-transform:none;}/* `button`과 `select` 요소에 `text-transform` 상속이 일치하지 않는 것을 해결 * 모든 다른 폼 컨트롤 요소는 `text-transform` 값을 상속하지 않는다. * IE 8/9/10/11, Firefox, Opera에서 `button` 요소의 스타일 상속 수정. * Firefox에서 `select` 요소의 스타일 상속 수정. */ 
button[disabled], 
html input[disabled]{cursor:default;}/* disabled된 요소의 기본 커서를 재설정 */ 
button, 
html input[type="button"], 
input[type="reset"], 
input[type="submit"]{-webkit-appearance:button; cursor:pointer;}/* 1. Android 4.0.*에서 `audio`와 `video` 컨트롤을 파괴하는 웹킷 버그를 방지. * 2. iOS에서 클릭가능한 `input` 유형에 스타일링을 할 수 없는 것을 수정. * 3. `input` 요소와 다른 요소들의 image-type의 커서 모양을 일치시켜 가용성을 향상. * `input` and others. */ 
button:-moz-focus-inner, 
input:-moz-focus-inner{border:0; padding:0;} /* Firefox 4+에서 내부 `padding`과 `border`를 제거 */ 
input{line-height:normal;} /* Firefox 4+에서 UA(User Agent) 스타일시트에 `!important`를 사용한 `input` 요소의 * `line-height` 설정값을 해결. */ 
input[type="checkbox"], input[type="radio"]{box-sizing:border-box; padding:0;} /* 이러한 요소의 스타일을 설정하려고하지 않는 것이 좋다. * Firefox에서 아래의 요소에서 box-sizing, padding, width가 구현될꺼라 기대하지 말자. * * 1. IE 8/9/10에서 box sizing 속성값을 `content-box`에서 `border-box`로 변경 * 2. IE 8/9/10에서 영역을 벗어나지 않도록 `padding`을 제거 */
input[type="checkbox"]{width:15px; height:15px;} 
input[type="number"]:-webkit-inner-spin-button, 
input[type="number"]:-webkit-outer-spin-button{height:auto;} /* Chrome의 증가/감소 버튼의 커서 모양을 수정. * `input` 요소의 특정 `font-size` 값에 대해 감소 버튼의 커서 모양이 `default`에서 `text`로 변한다. */
input[type="search"]:-webkit-search-cancel-button, input[type="search"]:-webkit-search-decoration{-webkit-appearance:none;}/* OS X의 Safari, Chrome에서 내부(inner) `padding`과 검색 취소 버튼을 제거. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ 

.editor{padding:20px;background:#fff}
.editor span{line-height:130%;color:#666}
.editor .blueTxt, .blueTxt{color:#128ed5;}
.editor .redTxt, .redTxt{color:#e31f11;}
.editor .skyTxt, .skyTxt{color:#008ed0;}
.editor .greenTxt, .greenTxt{color:#2d960c;}
.editor .orangeTxt, .orangeTxt{color:#ed5400;}
.editor .pinkTxt, .pinkTxt{color:#b62440;}
.editor .purpleTxt, .purpleTxt{color:#4d3dc4;}
.editor .brownTxt, .brownTxt{color:#976000;}
.editor .yellowTxt, .yellowTxt{color:#fcff00;}
.editor .bold, .bold, .editor strong, strong{font-weight:800;}
.editor .bgYellow, .bgYellow{background:#ff0}

.dropdown-backdrop {position: static;}
label, .media{cursor:pointer; margin:0;}/* 부트스트랩 */

.blue{color:#00508e;}
.red{color:#d00707;}
.pink{color:#ff0090;}
.purple{color:#5b5194;}
.orange{color:#d56c00 !important;}
.green{color:#00a2a8 !important;}

/*정렬*/
.taC{text-align:center !important;}
.taL{text-align:left !important;}
.taR{text-align:right !important;}

/* float */
.before:before,
.after:after{content:''; display:block; clear:both;}
.clear{clear:both; width:100%; box-sizing:border-box;}
.floatL{float:left;}
.floatR{float:right;}

.mb0{margin-bottom:0 !important;}
.fz18{font-size:18px;}
input[type="submit"].btn-lg{font-size:16px;}

.dot > li{position:relative; padding:0 0 0 7px; box-sizing:border-box; word-break:keep-all;}
.dot > li:before{content:''; display:block; position:absolute; top:10px; left:0; height:2px; width:2px; border-radius:50%; background:#747474;}

.dash > li{position:relative; padding:0 0 0 10px; box-sizing:border-box; word-break:keep-all;}
.dash > li:before{content:''; display:block; position:absolute; top:10px; left:0; height:1px; width:5px; background:#585858;}

#sub_default h4,
.tit_txt{position:relative; clear:both; width:100%; line-height:130%; padding:0 0 15px 26px; font-size:22px; color:#000; font-weight:900; letter-spacing:-1px; box-sizing:border-box; background:url(/images/kr/common/ico_tit.jpg) no-repeat 0 3px;}

#sub_default h4 span{display:inline-block; padding:0 0 0 7px; font-size:16px; font-weight:400;}

@media all and (max-width:1024px) {
	.fz18{font-size:17px;}
}
@media all and (max-width:768px) {
	#sub_default h4,
	.tit_txt{padding:0 0 10px 20px; font-size:20px; background-size:14px;  background-position:0 1px;}
}
@media all and (max-width:568px) {
	.fz18{font-size:16px;}
	body,
	input, select, textarea,
	button{font-size:15px;}
	
	.tit_txt,
	#sub_default h4{padding-bottom:8px; font-size:18px; background-size:13px;}
	#sub_default h4 span{font-size:15px;}
	
	.dash > li:before{top:8px;}
	.dot > li:before{top:9px;}
}
@media all and (max-width:380px) {
	.fz18{font-size:15px;}
	body,
	input, select, textarea,
	button{font-size:14px;}

	.tit_txt,
	#sub_default h4{font-size:17px; background-size:12px;}
	#sub_default h4 span{font-size:14px;}
}