/***********************************************************************************
	전체 태그 기본설정
************************************************************************************/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans');

html {
	box-sizing:border-box;
	width:100%;
	margin:0;
	padding:0;
	height:100%;
	-webkit-tap-highlight-color:transparent;/*클릭시 파란 테두리 안보이게*/
	overflow-x:hidden;
	font-family: 'Lato', 'Pretendard', 'Noto Sans KR', sans-serif;
	font-weight:400;
}
body {
	margin:0;
	padding:0;
	background-color:#fff;
	width:100%;
	color:#1f2532;
}

body.bodynone {
	overflow-y:hidden;
}

header{
	display:none;
}

footer{
	display:none;
}

ul, li{
	box-sizing:border-box;
	list-style:none;
	padding:0;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

h1{
	font-size:3.5rem;
}

h2{
	font-size:3rem;
}

h3{
	font-size:2.3rem;
}

/***********************************************************************************
	버튼
************************************************************************************/
.btn {
	cursor:pointer;
	display:block;
}

/***********************************************************************************
	백그라운드
************************************************************************************/
.bg_blue { background-color:#41b6e6; }
.bg_black { background-color:#1f2532; }

/***********************************************************************************
	선 모양
************************************************************************************/
.bs_solid { border-style: solid; }

/***********************************************************************************
	선 굵기
************************************************************************************/
.bw_1 { border-width:1px; }
.bw_2 { border-width:2px; }

/***********************************************************************************
	선 색상
************************************************************************************/
.bc_blue { border-color:#41b6e6; }
.bc_white { border-color:#fff; }

/***********************************************************************************
	폰트 크기
************************************************************************************/
.f_25 { font-size:25px; }
.f_30 { font-size:30px; }
.f_40 { font-size:40px; }
.f_50 { font-size:50px; }
.f_60 { font-size:60px; }
.f_70 { font-size:70px; }
.f_80 { font-size:80px; }
.f_90 { font-size:90px; }

/***********************************************************************************
	마진
************************************************************************************/
.mr_0 { margin-right:0px; }
.mr_10 { margin-right:10px; }
.mr_20 { margin-right:20px; }
.mr_30 { margin-right:30px; }
.mr_50 { margin-right:50px; }
.mb_5{ margin-bottom:5px;}

.ml_0 { margin-left:0px; }
.ml_10 { margin-left:10px; }
.ml_20 { margin-left:20px; }

.mlp_1 { margin-left:1%; }

.mt_0 { margin-top:0px; }
.mtp_8 { margin-top:8%; }

.mt_10 {margin-top:10px;}
.mt_20 {margin-top:20px;}

/***********************************************************************************
	패딩
************************************************************************************/
.pr_10{ padding-right:10px; }
.pr_20{ padding-right:20px; }
.pr_30{ padding-right:30px; }
.pl_10{ padding-left:10px; }
.pl_20{ padding-left:20px; }
.pl_30{ padding-left:30px; }
.pt_10{ padding-top:10px; }
.pt_20{ padding-top:20px; }
.pt_30{ padding-top:30px; }
.pb_10{ padding-bottom:10px; }
.pb_20{ padding-bottom:20px; }
.pb_30{ padding-bottom:30px; }

/***********************************************************************************
	반응형 조정
************************************************************************************/
@media (max-width:360px){html{font-size:8.5px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:9px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:9px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:10px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:10px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:10px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:10px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:10px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:11px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:11px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:11px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:11px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:13px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:13px;}}
@media (min-width:880px) and (max-width:899px){html{font-size:13px;}}
@media (min-width:900px) and (max-width:929px){html{font-size:13px;}}
@media (min-width:930px) and (max-width:959px){html{font-size:14px;}}
@media (min-width:960px) and (max-width:989px){html{font-size:14px;}}
@media (min-width:990px) and (max-width:1029px){html{font-size:14px;}}
@media (min-width:1030px) and (max-width:1199px){html{font-size:14px;}}
@media (min-width:1200px) {html{font-size:15px; }}

.frem_1 { font-size:1rem;}
.frem_11 { font-size:1.1rem; }
.frem_12 { font-size:1.2rem; }
.frem_13 { font-size:1.3rem; }
.frem_14 { font-size:1.15em; }
.frem_15 { font-size:1.5rem; }
.frem_2 {font-size:2rem; }
.frem_25 {font-size:2.5rem; }
.frem_3 { font-size:3rem; }
.frem_32 { font-size:3.2rem; }
.frem_35 { font-size:3.5rem; }
.frem_4 {font-size:4rem;}
.frem_45 { font-size:4.5rem; }
.frem_5 { font-size:5rem; }
.frem_6 { font-size:6rem; }