@charset "utf-8";
/***
제작자 : E.J. Jeong
작성일 : 2018년 3월 27일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

@font-face {
	font-family: 'NotoSans';
	font-weight: 600;
	src: url(font/NotoSans-Medium.eot);
	src: url(font/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
		url(font/NotoSans-Medium.woff) format('woff');
}
@font-face {
	font-family: 'NotoSans';
	font-weight: 400;
	src: url(font/NotoSans-DemiLight.eot);
	src: url(font/NotoSans-DemiLight.eot?#iefix) format('embedded-opentype'),
		url(font/NotoSans-DemiLight.woff) format('woff');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 700;
	src: url(font/NanumGothic-Bold.eot);
	src: url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(font/NanumGothic-Bold.woff2) format('woff2'),
		url(font/NanumGothic-Bold.woff) format('woff'),
		url(font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(font/NanumGothic-Regular.eot);
	src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(font/NanumGothic-Regular.woff2) format('woff2'),
		url(font/NanumGothic-Regular.woff) format('woff'),
		url(font/NanumGothic-Regular.ttf) format('truetype');
}

/* 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:none;}
ul, ol, li{list-style:none;}
img, fieldset{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:600; font-family:'NotoSans','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; font-family:'NotoSans','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; border-radius:0;}
button:hover,
button:active,
button:focus{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{margin:5px 0 0 0; vertical-align:top;}

/* linkStyle */
a{color:#222; text-decoration:none;}
a:visited{color:#222; text-decoration:none;}
a:active,
a:focus,
a:hover{color:#369; text-decoration:underline;}
a[href^="tel"] {color:inherit; text-decoration:none;}

/* font */
body{color:#404040; font-size:15px; font-weight:400; line-height:1.5em; font-family:'NotoSans','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; letter-spacing:-0.5px;}
input, select, textarea{color:#404040; background:#fff; font-size:15px; font-family:'NotoSans','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; border-radius:0;}
input[type="text"],select{height:29px; line-height:29px; border:1px solid #c8c8ca;}
input[type="text"],textarea{ 
-webkit-ime-mode:active; 
-moz-ime-mode:active; 
-ms-ime-mode:active; 
ime-mode:active; 
border:1px solid #c8c8ca;
}
/* 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:bold;}
.editor .bgYellow, .bgYellow{background:#ff0}

.dropdown-backdrop {position: static;}

.blue{color:#117cdf !important;}
.red,
.orange{color:#d00707;}
.gray{color:#666;}
.green{color:#309978;}
.dot dt,
.dot dd,
.dot li{position:relative; padding:0 0 0 0.5em;}
.dot dt{margin:0 0 0.2em 0; font-weight:bold;}
.dot dt:before,
.dot li:before{content:''; display:block; position:absolute; top:9px; left:0; height:4px; width:4px; background:#0057c4;}

.dash > li{position:relative; padding:0 0 0 0.6em;}
.dot li li:before,
.dash > li:before{content:''; display:block; position:absolute; top:12px; left:0; height:1px; width:5px; background:#474747;}

#sub_default h4,
.tit_txt{position:relative; clear:both; width:100%; padding:0 0 0.5em 22px; line-height:100%; font-size:21px; box-sizing:border-box;}
#sub_default h4 span{font-size:15px; font-weight:400;}
.tit_txt:before,
.tit_txt:after,
#sub_default h4:before,
#sub_default h4:after{content:''; display:block; position:absolute; top:4px; left:0; width:8px; height:8px; background:#5286c7;}
.tit_txt:after,
#sub_default h4:after{top:7px; left:3px; background:#0057c4;}
@media all and (max-width:767px){
	#sub_default h4,.tit_txt{padding:0 0 0.4em 18px; font-size:20px;}
}