@charset "utf-8";
/***
제작자 : Jeyun Web Publisher
작성일 : 2020년 02월 10일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo|Noto+Sans+KR');

@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{margin:0; padding:0;}
hr{display:block;}
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{border-collapse:collapse; font-size:100%;}
address, em, optgroup{font-style:normal;}
object{vertical-align:top;}
input, button, select{vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, nav, section{display:block;}
audio, canvas, progress, video{display:inline-block;}
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: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:yellow; 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, select, textarea{color:#333; background:#fff; font-size:16px; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; border-radius:0;}
input[type="text"],input[type="password"],input[type="number"],select{height:42px; line-height:42px; border:1px solid #c8c8ca;}
input[type="text"],input[type="password"],input[type="number"],textarea{ 
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; 
border:1px solid #c8c8ca; padding:0 5px 0 7px; box-sizing:border-box; -webkit-appearance:none;
}
/* skip */
.skip, legend, caption{position:absolute; left:-5000px; width:0; height:0; font-size:0; line-height:0; overflow:hidden;}
caption{position:static;}

.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:600;}
.editor .bgYellow, .bgYellow{background:#ff0}

.dropdown-backdrop {position: static;}
label, .media{margin:0;}/* 부트스트랩 */
label{font-weight:200;}

.blue{color:#2c5690;}
.red{color:#b74444;}
.orange{color:#f87a16;}

.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align: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 8px; box-sizing:border-box;}
.dot > li:before{content:''; display:block; position:absolute; top:10px; left:0; height:3px; width:3px; background:#818181;}

.dash > li{position:relative; padding:0 0 0 10px; box-sizing:border-box;}
.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%; padding:0 0 10px 21px; line-height:100%; font-size:20px; letter-spacing:-1px; font-weight:600; box-sizing:border-box; background:url(/images/kr/common/ico_tit.gif) no-repeat 0 3px;}
#sub_default h4 span{font-size:16px; font-weight:400;}

@media all and (max-width:1024px) {
	.fz18{font-size:16px;}
	.editor .bold, .bold, .editor strong, strong,
	#sub_default h4,
	.tit_txt{font-weight:800;}
}
@media all and (max-width:568px) {
	.fz18,
	body,
	input, select, textarea,
	button{font-size:15px;}
	
	.tit_txt,
	#sub_default h4{padding:0 0 12px 17px; font-size:18px; background-position:0 0;}
	#sub_default h4 span{font-size:15px;}

	.dot > li:before{top:7px;}
}
@media all and (max-width:380px) {
	.fz18,
	body,
	input, select, textarea,
	button{font-size:14px;}

	.tit_txt,
	#sub_default h4{font-size:17px;}
	#sub_default h4 span{font-size:14px;}
}

.wd100{width:100% !important;}
.wd80{width:80% !important;}
.wd75{width:75% !important;}
.wd70{width:70% !important;}
.wd65{width:65% !important;}
.wd60{width:60% !important;}
.wd55{width:55% !important;}
.wd50{width:50% !important;}
.wd45{width:45% !important;}
.wd40{width:40% !important;}
.wd35{width:35% !important;}
.wd30{width:30% !important;}
.wd25{width:25% !important;}
.wd20{width:20% !important;}
.wd15{width:15% !important;}
.wd10{width:10% !important;}
.h70{height:70px !important;}