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

/*초기화 (브라우저 별 초기화)
--------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
margin:0;
padding:0;
font:inherit;
border:0;
outline:0;
vertical-align:baseline;
}
li {list-style:none;}
img,fieldset,iframe{border:0;}
img,fieldset{border:none;}
img{max-width: 100%;}

address{font-style:normal;}


* html{
	/*낮은 버전의 깨지는 현상 오류 픽스*/
	overflow-x:hidden;
	overflow-y:scroll;
	
	/*확대 축소 미지원기기들을 위한 코드*/
	-ms-content-zooming: none;
	-ms-touch-action: pan-x pan-y;
}
a{text-decoration: none; color: inherit; overflow: auto; display: inline-block;}

/* basic set
-------------------------------------------------------------------------------*/
body{
	font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
	font-weight: normal;
	color: #000;
	font-size: 14px;
	font-weight: 100;
}
img{
	max-width: 100%;
}

.line_gy{
	border-top: #ddd solid 1px;
}
.line_w{
	border-top: rgba(255,255,255,0.2) solid 1px;
}


/*color set
-------------------------------------------------------------------------------*/
.color_w{color: #fff;}
.color_b{color: #63A8EC;} /* 원페이 메인 컬러 */
.color_gy{color: #666;}
.color_r{color: #D0021B;}
.color_g{color: #42C060;}

/*txt style set
-------------------------------------------------------------------------------*/
h1{font-size: 48px; letter-spacing: -0.1em; font-weight: 100; line-height: 1.2em;}
h2{font-size: 40px; letter-spacing: -0.08em; font-weight: 100; line-height: 1.3em;}
h3{font-size: 24px; letter-spacing: -0.06em; font-weight: 100;}
h4{font-size: 18px;}
h5{font-size: 16px;}
p{font-size: 16px; word-break: break-all;}

.txt_thin{font-weight: 100;}
.txt_regular{font-weight: 300;}
.txt_bold{font-weight: 400;}

strong{color:#FFFC00}
.text_20{font-size: 20px;}
b{font-weight: 400; color: #000;}
small{
	font-size: 12px;
	color: #999;
}


/*list style set
-------------------------------------------------------------------------------*/
.list_type_a li{
	vertical-align: top;
	display: inline-block;
	padding: 10px 2%;
	max-width: 24%;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.07em;
}

.list_type_b li{
	vertical-align: top;
	display: inline-block;
	padding: 10px 3px;
	max-width: 130px;
	box-sizing: border-box;
	text-align: center;
	font-size: 14px;
	letter-spacing: -0.07em;
}


/*Media (반응형 제작을 위한 미디어 쿼리)
------------------------------------------------------------------------------*/
	
@media (max-width: 767px) {
	h1{font-size: 38px;}
	h2{font-size: 32px;}

	.list_type_a li{
		padding: 10px 1%;
		max-width: 49%;
		font-size: 12px;
		letter-spacing: -0.08em;
	}

}
@media (max-width: 480px) {
	.list_type_a li{
		padding: 10px 1%;
		max-width: 24%;
		font-size: 12px;
		letter-spacing: -0.08em;
	}
	
	.list_type_b li{
		display: inline-block;
		padding: 10px 3px;
		max-width: 90px;
		text-align: center;
		font-size: 12px;
		letter-spacing: -0.07em;
	}
	p{
		font-weight: 300;
	}
}
@media (min-width: 768px) and (max-width: 992px) {
	.list_type_a li{
		padding: 10px 1%;
		max-width: 24%;
		font-size: 13px;
		letter-spacing: -0.08em;
	}
	
}
@media (min-width: 1200px) {



}