@charset "utf-8";
/***
제작자 : jeyun
작성일 : 2019년 11월 04일
수정일 : 최종 수정된날짜
저작권 : 본 CSS 파일은 제작자 동의없이 일체의 수정을 금지합니다. 제작자 동의없이 내용이 수정되었을 경우 제작자는 오류 및 버그에 대한 일체의 책임을 지지 않습니다.
***/
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo|Noto+Sans+KR');

/* TmonMonsori */ 
@font-face {
	font-family: 'TmonMonsori';
	font-style: normal;
	font-weight:800;
	src: local('TmonMonsori'), url('/css/font/TmonMonsori.otf') format('opentype'),
		url('/css/font/TmonMonsori.woff') format('woff'),
		url('/css/font/TmonMonsori.ttf') format('truetype');
}

/* Jalnan */ 
@font-face {
	font-family: 'Jalnan';
	font-style: normal;
	font-weight:800;
	src: local('Jalnan'), url('/css/font/JalnanOTF.otf') format('opentype'),
		url('/css/font/JalnanOTF.woff') format('woff'),
		url('/css/font/JalnanOTF.ttf') format('truetype');
}

/* JSArirangPPURI */ 
@font-face {
	font-family: 'JSArirangPPURI';
	font-style: normal;
	font-weight:800;
	src: local('JSArirangPPURI'), url('/css/font/JSArirangPPURI.otf') format('opentype'),
		url('/css/font/JSArirangPPURI.woff') format('woff'),
		url('/css/font/JSArirangPPURI.ttf') format('truetype');
}

/* gmarket */ 
@font-face {
	font-family: 'gmarket';
	src: local('GmarketSansBold'), url('/css/font/GmarketSansBold.otf') format('opentype'),
		  url('/css/font/GmarketSansBold.woff2') format('woff2'),
		  url('/css/font/GmarketSansBold.woff') format('woff');
	font-weight: 900;
	font-style: normal;
  }
  @font-face {
	font-family: 'gmarket';
	src: local('GmarketSansMedium'), url('/css/font/GmarketSansMedium.otf') format('opentype'),
		  url('/css/font/GmarketSansMedium.woff2') format('woff2'),
		  url('/css/font/GmarketSansMedium.woff') format('woff');
	font-weight: 800;
	font-style: normal;
  }
  @font-face {
	font-family: 'gmarket';
	  src: local('GmarketSansLight'), url('/css/font/GmarketSansLight.otf') format('opentype'),
		  url('/css/font/GmarketSansLight.woff2') format('woff2'),
		  url('/css/font/GmarketSansLight.woff') format('woff');
	font-weight: 200;
	font-style: normal;
  }

/* score */ 
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:800;
	src: url('/css/font/S-CoreDream-8Heavy.woff') format('woff'),
		url('/css/font/S-CoreDream-8Heavy.ttf') format('truetype');
}
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:700;
	src: url('/css/font/S-CoreDream-7ExtraBold.woff') format('woff'),
		url('/css/font/S-CoreDream-7ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:600;
	src: url('/css/font/S-CoreDream-6Bold.woff') format('woff'),
		url('/css/font/S-CoreDream-6Bold.ttf') format('truetype');
}
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:500;
	src: url('/css/font/S-CoreDream-5Medium.woff') format('woff'),
		url('/css/font/S-CoreDream-5Medium.ttf') format('truetype');
}
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:400;
	src: url('/css/font/S-CoreDream-4Regular.woff') format('woff'),
		url('/css/font/S-CoreDream-4Regular.ttf') format('truetype');
}
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:300;
	src: url('/css/font/S-CoreDream-3Light.woff') format('woff'),
		url('/css/font/S-CoreDream-3Light.ttf') format('truetype');
}
@font-face {
	font-family:'score';
	font-style:normal;
	font-weight:200;
	src: url('/css/font/S-CoreDream-2ExtraLight.woff') format('woff'),
		url('/css/font/S-CoreDream-2ExtraLight.ttf') format('truetype');
}


@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight:100;
  src: local('notokr-thin');
  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');
}

/* 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{padding:0; box-shadow:none; border:none; font-size:16px; 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:14px; width:14px; vertical-align:middle;}

/* 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:150%; 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: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:700;}
.editor .bgYellow, .bgYellow{background:#ff0}

.dropdown-backdrop {position: static;}
.media{margin:0;}/* 부트스트랩 */

.blue{color:#3e78bd;}
.red{color:#d00707;}
.orange{color:#f87a16;}
.green{color:#148193;}
.navi{color:#143354;}

.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 + li{padding-bottom:4px;}
.dot > li:before{content:''; display:block; position:absolute; top:9px; left:0; height:2px; width:2px; background:#777;}

.dash > li{position:relative; padding:0 0 0 10px; font-weight:200; box-sizing:border-box;}
.dash > li:before{content:''; display:block; position:absolute; top:11px; left:0; height:1px; width:5px; background:#5a5a5a;}

#sub_default h4,
.tit_txt{position:relative; clear:both; width:100%; padding:0 0 10px 30px; line-height:21px; font-size:18px; font-weight:800; letter-spacing:-1px; color:#333; box-sizing:border-box;}
.tit_txt:before,
.tit_txt:after,
#sub_default h4:before,
#sub_default h4:after{content:''; position:absolute; top:0; left:0; width:21px; height:21px;
background: #4a7eb7; 
background: -moz-linear-gradient(45deg,  #4a7eb7 0%, #53aea5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #4a7eb7 0%,#53aea5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(-135deg,  #4a7eb7 0%,#53aea5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.tit_txt:after,
#sub_default h4:after{top:5px; left:5px; width:11px; height:11px; background:#fff;}

@media all and (max-width:568px) {
	body,
	input, select, textarea,
	button{font-size:15px;}

	.dot > li{padding:0 0 0 7px;}
	.dot > li:before{top:6px;}
	.dash > li:before{top:8px;}

	#sub_default h4,
	.tit_txt{padding-left:22px; line-height:18px;}
	.tit_txt:before,
	#sub_default h4:before{top:-1px; width:18px; height:18px;}
	.tit_txt:after,
	#sub_default h4:after{top:4px; width:8px; height:8px;}
}
@media all and (max-width:400px) {
	body,
	input, select, textarea,
	button{font-size:14px;}

	#sub_default h4,
	.tit_txt{font-size:17px;}
}

.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;}