@charset "utf-8";

@font-face {
	font-family: "Material Symbols Rounded";
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: url(https://fonts.gstatic.com/s/materialsymbolsrounded/v121/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOc7TOVpeRL2w5rwZu2rFmiXxc.woff2) format("woff2");
}

.material-symbols-rounded {
	font-family: "Material Symbols Rounded";
	font-variation-settings: 'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 48;
	font-weight: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	vertical-align:middle;	
	font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}

.material-symbols-rounded.md-18 { font-size: 18px; }
.material-symbols-rounded.md-20 { font-size: 20px; }
.material-symbols-rounded.md-24 { font-size: 24px; }
.material-symbols-rounded.md-36 { font-size: 36px; }
.material-symbols-rounded.md-48 { font-size: 48px; }

/* 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:800; font-family:'Pretendard','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:16px; font-family:'Pretendard','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif'; border-radius:0;}
button:hover,
button:active,
button:focus{cursor:pointer;}

/* linkStyle */
a{color:#333; text-decoration:none;}
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);}

/* font */
body{color:#333; font-size:16px; font-weight:400; line-height:1.5em; font-family:'Pretendard','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
/* 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:700;}
.editor .bgYellow, .bgYellow{background:#ff0}

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

.blue{color:#3e78bd;}
.red{color:#d00707;}
.orange{color:#f87a16;}
.green{color:#5eaa6f;}

.taC{text-align:center;}
.taL{text-align:left;}
.taR{text-align:right;}
.mb0{margin-bottom:0 !important;}

.dot > li{position:relative; padding:0 0 0 8px; box-sizing:border-box;}
.dot > li:before{content:''; display:block; position:absolute; top:9px; left:0; height:2px; width:2px; background:#686868;}

.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:#5a5a5a;}

#sub_default{color:#555;}
#sub_default h4,
.tit_txt{position:relative; clear:both; width:100%; padding:0 0 10px 12px; line-height:120%; font-size:18px; font-weight:700; letter-spacing:-1px; color:#303030; box-sizing:border-box;}
#sub_default h4:before,
.tit_txt:before{content:''; display:block; position:absolute; top:6px; left:0; border-left:5px solid #4885a2; border-top:5px solid transparent; border-bottom:5px solid transparent; box-sizing:border-box;}

@media all and (max-width:568px) {
	body,
	input, select, textarea,
	button{font-size:15px;}

	#sub_default h4, .tit_txt{padding:0 0 9px 14px; font-size:17px;}
	#sub_default h4:before, .tit_txt:before{top:5px;}
}
@media all and (max-width:400px) {
	body,
	input, select, textarea,
	button{font-size:14px;}
	
	#sub_default h4, .tit_txt{font-size:16px;}
}