@charset "utf-8";
/***
제작자 : jeyun publisher
작성일 : 2019년 07월 02일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/
/*@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo|Noto+Sans+KR');*/

@font-face {
  font-family: 'SSRock';
  font-style: normal;
  font-weight: 100;
  src: local('SSRockRegular');
  src: url('/css/font/SSRockRegular.otf') format('opentype'),
      url('/css/font/SSRockRegular.ttf') format('truetype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  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.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.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.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.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.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: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:'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{margin:0; box-shadow:none; border:none; font-family:'Noto Sans KR','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"]{height: 18px;width: 18px;vertical-align:middle;accent-color: red;margin-left: 8px;}

/* linkStyle */
a{color:#383838; 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:#383838; font-size:16px; font-weight:100; letter-spacing:-1px; line-height:150%; -webkit-text-size-adjust:100%; font-family:'Noto Sans KR','Nanum Gothic', 'Malgun Gothic', '맑은고딕', 'Dotum', '돋움', 'Montserrat', 'Arial', 'sans-serif';}
input, select, textarea{color:#383838; 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:29px; line-height:29px; 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;
}

/* 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:800;}
.editor .bgYellow, .bgYellow{background:#ff0}

.dropdown-backdrop {position: static;}
.media{margin:0;}/* 부트스트랩 */
label{margin:0; font-weight:100;}
th label{font-weight:900;}

.blue{color:#3d67a1;}
.red{color:#d00707;}
.orange{color:#f87a16;}
.green{color:#5eaa6f;}
.green02{color:#1c9837;}

.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:8px; left:0; height:2px; width:2px; background:#6b6b6c;}

.dash > li{position:relative; padding:0 0 0 10px; font-weight:100; box-sizing:border-box;}
.dash > li:before{content:''; display:block; position:absolute; top:9px; left:0; height:1px; width:5px; background:#5a5a5a;}

#sub_default h4,
.tit_txt{position:relative; clear:both; width:100%; padding:0 0 12px 32px; line-height:120%; font-size:22px; font-weight:900; letter-spacing:-1px; color:#3a3a3a; box-sizing:border-box;}
#sub_default h4:before,
#sub_default h4:after,
.tit_txt:before,
.tit_txt:after{content:''; display:block; position:absolute; top:3px; left:0; height:19px; width:19px; border:5px solid #3d67a1;}
#sub_default h4:after,
.tit_txt:after{left:11px; top:13px; width:12px; height:12px; border:none; background:#ffb503;}
#sub_default h4 span{margin:0 0 0 10px; font-size:17px; font-weight:400; color:#777575;}
#sub_default h4 .agen_notbef{margin:0;}
#sub_default h4 span:before{content:""; display:inline-block; vertical-align:middle; width:1px; height:16px; margin:0 10px 3px 0; background: #777575;}
#sub_default h4 .agen_notbef:before{content:none;}

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

	.dot > li{padding:0 0 0 7px;}
	.dot > li:before{top:7px;}

    #sub_default h4,
	.tit_txt{padding:0 0 11px 25px; font-size:19px;}
	#sub_default h4:before,
	.tit_txt:before{top:3px; width:16px; height:15px; border-width:4px;}
	#sub_default h4:after,
	.tit_txt:after{left:9px; top:10px; width:10px; height:10px;}
	#sub_default h4 span{font-size:15px;}
}
@media all and (max-width:400px) {
	body,
	input, select, textarea{font-size:14px;}

    #sub_default h4{font-size:18px;}
	#sub_default h4 span{font-size:14px; margin:0 0 0 8px;}
    #sub_default h4 span:before{margin:0 8px 3px 0;}
}

.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;}