@charset "UTF-8";
/* CSS Document */

/*****************************************************************************************************************************************
생성일: 2018/11/20
수정일: 2020/10/28
수정자: 김희경
주석간 간격 두줄 구분은 한줄사용
*****************************************************************************************************************************************/

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


/*
@font-face {
	font-family: 'NotoKrT';
	font-style: normal;
	font-weight: 100;
	src: url(../../assets/font/NotoSansCJKkr-Thin.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-Thin.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'NotoKrL';
	font-style: normal;
	font-weight: 200;
	src: url(../../assets/font/NotoSansCJKkr-Light.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-Light.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-Light.otf) format('opentype');
}
@font-face {
	font-family: 'NotoKrDL';
	font-style: normal;
	font-weight: 300;
	src: url(../../assets/font/NotoSansCJKkr-DemiLight.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-DemiLight.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-DemiLight.otf) format('opentype');
}
@font-face {
	font-family: 'NotoKrR';
	font-style: normal;
	font-weight: 400;
	src: url(../../assets/font/NotoSansCJKkr-Regular.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-Regular.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'NotoKrM';
	font-style: normal;
	font-weight: 500;
	src: url(../../assets/font/NotoSansCJKkr-Medium.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-Medium.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'NotoKrB';
	font-style: normal;
	font-weight: 700;
	src: url(../../assets/font/NotoSansCJKkr-Bold.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-Bold.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'NotoKrBl';
	font-style: normal;
	font-weight: 900;
	src: url(../../assets/font/NotoSansCJKkr-Black.woff2) format('woff2'),
		url(../../assets/font/NotoSansCJKkr-Black.woff) format('woff'),
		url(../../assets/font/NotoSansCJKkr-Black.otf) format('opentype');
}
*/


/* noto-sans-kr-100 - latin_korean */

/* noto-sans-kr-300 - latin_korean */
/*@font-face {*/
/*  font-family: 'NotoKrL';*/
/*  font-style: normal;*/
/*  font-weight: 300;*/
/*  !* src: url('../fonts/noto-sans-kr-v13-latin_korean-300.eot'); *! !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-300.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-300.woff') format('woff'), !* Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-300.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-300.svg#NotoSansKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-sans-kr-regular - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'NotoKrR';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*!*   src: url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot'); *! !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-regular.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-regular.woff') format('woff'), !* Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-regular.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-regular.svg#NotoSansKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-sans-kr-700 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'NotoKrB';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*!*   src: url('../fonts/noto-sans-kr-v13-latin_korean-700.eot');  *!!* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-700.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-700.woff') format('woff'), !* Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-700.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-700.svg#NotoSansKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-sans-kr-500 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'NotoKrM';*/
/*  font-style: normal;*/
/*  font-weight: 500;*/
/*!*   src: url('../fonts/noto-sans-kr-v13-latin_korean-500.eot'); *! !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-500.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-500.woff') format('woff'), !* Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-500.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-500.svg#NotoSansKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*!* noto-sans-kr-900 - latin_korean *!*/
/*@font-face {*/
/*  font-family: 'NotoKrBl';*/
/*  font-style: normal;*/
/*  font-weight: 900;*/
/*!*   src: url('../fonts/noto-sans-kr-v13-latin_korean-900.eot'); *! !* IE9 Compat Modes *!*/
/*  src: local(''),*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-900.eot?#iefix') format('embedded-opentype'), !* IE6-IE8 *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff2') format('woff2'), !* Super Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-900.woff') format('woff'), !* Modern Browsers *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-900.ttf') format('truetype'), !* Safari, Android, iOS *!*/
/*       url('../fonts/noto-sans-kr-v13-latin_korean-900.svg#NotoSansKR') format('svg'); !* Legacy iOS *!*/
/*}*/
/*@font-face {*/
/*	font-family: 'nanumpen';*/
/*	font-style: normal;*/
/*	font-weight: 900;*/
/*	src: url(../fonts/NanumPen.woff) format('woff');*/
/*}*/
/*@font-face{*/
/*	font-family:'Pretendard';*/
/*	font-style:normal;*/
/*	font-weight:100;*/
/*	src:url('/static/assets_rn/font/pretendard/Pretendard-Thin.woff') format('woff');*/
/*}*/
/*@font-face{*/
/*	font-family:'Pretendard';*/
/*	font-style:normal;*/
/*	font-weight:200;*/
/*	src:url('/static/assets_rn/font/pretendard/Pretendard-Light.woff') format('woff');*/
/*}*/
/*@font-face{*/
/*	font-family:'Pretendard';*/
/*	font-style:normal;*/
/*	font-weight:400;*/
/*	src:url('/static/assets_rn/font/pretendard/Pretendard-Regular.woff') format('woff');*/
/*}*/
/*@font-face{*/
/*	font-family:'Pretendard';*/
/*	font-style:normal;*/
/*	font-weight:500;*/
/*	src:url('/static/assets_rn/font/pretendard/Pretendard-Medium.woff') format('woff');*/
/*}*/
/*@font-face{*/
/*	font-family:'Pretendard';*/
/*	font-style:normal;*/
/*	font-weight:600;*/
/*	src:url('/static/assets_rn/font/pretendard/Pretendard-Bold.woff') format('woff');*/
/*}*/
/*@font-face{*/
/*	font-family:'Pretendard';*/
/*	font-style:normal;*/
/*	font-weight:800;*/
/*	src:url('/static/assets_rn/font/pretendard/Pretendard-Black.woff') format('woff');*/
/*}*/
/* css reset */
* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	height: 100%;
	padding: 0;
	font-family: 'Pretendard', sans-serif;
	font-weight: 300;
	color: #3c3c3c;
	line-height: 1.3em;
	align-items: center;
	overflow-x: hidden;
}

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
{    line-height: 1.4; margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
a:link,
a:hover,
a:visited {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}

ol,
ul {
	list-style: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none;
}

table {
	border-spacing: 0;
	word-break: break-all;
	border-collapse: collapse;
}

a {
	text-decoration: none;
	color: inherit;
}

hr {
	border: none;
	border-top: 1px dashed #ccc;
	height: 0px;
}

address {
	font-style: normal;
}
h2{font-family: 'Pretendard';}

/*---------------------------------------------*/
input {
	outline: none;
	border: none;
	vertical-align: baseline;
}

textarea {
	outline: none;
	border: none;
}


input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

input:focus:-ms-input-placeholder {
	color: transparent;
}

textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

textarea:focus:-moz-placeholder {
	color: transparent;
}

textarea:focus::-moz-placeholder {
	color: transparent;
}

textarea:focus:-ms-input-placeholder {
	color: transparent;
}

input::-webkit-input-placeholder {
	color: #adadad;
}

input:-moz-placeholder {
	color: #adadad;
}

input::-moz-placeholder {
	color: #adadad;
}

input:-ms-input-placeholder {
	color: #adadad;
}

textarea::-webkit-input-placeholder {
	color: #adadad;
}

textarea:-moz-placeholder {
	color: #adadad;
}

textarea::-moz-placeholder {
	color: #adadad;
}

textarea:-ms-input-placeholder {
	color: #adadad;
}

/*---------------------------------------------*/
button {
	outline: none !important;
	border: none;
	background: transparent;
}

button:hover {
	cursor: pointer;
}

iframe {
	border: none !important;
}

/*데코 속성****************************************************************************************************************************************/
/*텍스트 데코*/
.underline {
	text-decoration: underline;
}


/*색상속성****************************************************************************************************************************************/
/*font color*/
.color_orange {
	color: #f29528 !important;
}

.color_lightgreen {
	color: #61b12b !important;
}

.color_black {
	color: #3c3c3c !important;
}

.color_deepblue {
	color: #317fa4 !important;
}

.color_purple {
	color: #d26bca !important;
}

.color_gray {
	color: #666 !important;
}

.color_blue {
	color: #256de5 !important;
}

.color_red {
	color: #F00 !important;
}

.color_lightgray {
	color: #999 !important;
}

/*bg color*/
.bg_white {
	background: #FFF !important;
}

.bg_gray {
	background: #f9f9f9 !important;
}

.bg_lemon {
	background: #faf58c !important;
}

.bg_lightgray {
	background: #f3f3f3 !important;
}

/*new*/
.bg_ivory {
	background: #eff1e6 !important;
}

.bg_sky {
	background: #c0defa !important;
}

.bg_pink {
	background: #f6cdd3 !important;
}

.bg_green {
	background: #b4e6d8 !important;
}

.bg_olive {
	background: #daebbe !important;
}

.bg_blue {
	background: #164f82 !important;
}

.bg_blue:hover {
	background: #2d6da7 !important;
}

.bg_lightblue {
	background: #10b6ce !important;
}

.bg_lightblue:hover {
	background: #08ceea !important;
}

.bg_yellow {
	background: #efa822 !important;
}

.bg_yellow:hover {
	background: #efc422 !important;
}


/*button****************************************************************************************************************************************/
button {
	border: 0;
	box-sizing: border-box;
}

.btn_l {
	display: inline-block;
	padding: 0 30px !important;
	height: 40px !important;
	font-size: 15px !important;
	box-sizing: border-box;
	color: #666;
	text-align: center;
	border: 1px solid #ccc;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 0 !important;
}

.btn_m {
	display: inline-block;
	padding: 0 15px !important;
	height: 32px !important;
	font-size: 14px !important;
	box-sizing: border-box;
	color: #666;
	text-align: center;
	border: 1px solid #ccc;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 0 !important;
}

.btn_s {
	display: inline-block;
	padding: 0 10px !important;
	height: 29px !important;
	font-size: 11px !important;
	color: #666;
	text-align: center;
	border: 1px solid #ccc;
	background: #f1f1f1;
	cursor: pointer;
	border-radius: 0 !important;
}

.btn_ss {
	display: inline-block;
	padding: 0 5px;
	height: 23px;
	box-sizing: border-box;
	color: #666;
	text-align: center;
	border: 1px solid #ccc;
	background: #f1f1f1;
	cursor: pointer;
	font-size: 10px !important;
}

.btn_ss:hover {
	border: 1px solid #666;
	background: #666;
	color: #fff;
	transition-duration: 0.5s;
}


/*정렬속성****************************************************************************************************************************************/
.alignL {
	text-align: left !important;
}

.alignC {
	text-align: center !important;
}

.alignR {
	text-align: right !important;
}

.fl {
	float: left !important;
}

.fr {
	float: right !important;
}

.fn {
	float: none !important;
}

.clear {
	clear: both !important;
}

.clear::after {
	clear: both;
	content: "";
	display: block;
}

/*input 디자인****************************************************************************************************************************************/
.inputText,
.selectText,
.textArea,
.inputFile {
	font-size: 15px;
	border: 1px solid #ccc;
	font-family: 'Pretendard';
	font-weight: 400;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	padding: 5px;
	display: inline-block
}

/* 익스 9부터 적용가능, 아이폰 둥근 모서리 설정빼기 */
.inputText:hover,
.selectText:hover,
.textArea:hover,
.inputFile:hover {
	border: 1px solid #666;
	transition-duration: 0.5s;
}

.inputFile {
	padding: 2px !important;
}

label {
	cursor: pointer;
}

.inputText[readonly],
.selectText[readonly],
.textArea[readonly] {
	background: #f1f1f1;
}

.inputText[readonly]:hover,
.selectText[readonly]:hover,
.textArea[readonly]:hover {
	border: 1px solid #ccc;
}


/*select 디자인****************************************************************************************************************************************/
select {
	padding-left: 5px;
	background: url(../images/select_arrow.png) 95% 50% no-repeat #fff;
	-webkit-appearance: none;
	/* 화살표 없애기 for chrome */
	-moz-appearance: none;
	/* 화살표 없애기 for firefox */
	appearance: none;
	/* 화살표 없애기 공통 */
}

select::-ms-expand {
	display: none;
	/* 화살표 없애기 for firefox */
}


/*scrollbar 디자인****************************************************************************************************************************************/
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

/* ::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
	display: block;
	height: 10px;
	background: none;
} */

::-webkit-scrollbar-track {
	background: none;
}

::-webkit-scrollbar-thumb {
	height: 50px;
	width: 50px;
	background: rgba(25, 25, 25, 0.5);
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

/*display:inline-block***********************************************************************************************************************************/
.disIb {display:inline-block;}