@charset "utf-8";
/* 공통 */
	body { width: 100%; height: 100%; font-family: 'Spoqa Han Sans Neo', 'sans-serif'; font-size:15px; font-weight: 400; line-height: 1.5em; word-break: keep-all; word-wrap: break-word; color: #262727; }
	.container { position: relative; }

	h1, .h1 { margin: 0; padding: 0; font-size: 30px; }
	h2, .h2 { margin: 0; padding: 0; font-size: 26px; }
	h3, .h3 { margin: 0; padding: 0; font-size: 24px; }
	h4, .h4 { margin: 0; padding: 0; font-size: 22px; }
	h5, .h5 { margin: 0; padding: 0; font-size: 20px; }
	h6, .h6 { margin: 0; padding: 0; font-size: 18px; }

	.s_tt   { font-size: 12px; }

/* 컨텐츠 공통*/
	.con_pd{ padding-top: 50px; padding-bottom: 70px; }
	@media (max-width:991px) {
		.con_pd{ padding-top: 20px; padding-bottom: 40px; }
	}

/* 기준색 */
	.tc01 { color: #2E58A6 !important; }
	.tc02 { color: #4FA0CA !important; }
	.tc03 { color: #C2000B !important; }
	.tc04 { color: #999999 !important; }

/* 배경 */
	.bc01 { color: #fff !important; background: #FF4D01 !important; }

/* 버튼 색상 */
	.bt01 { color: #fff !important; background: #FF0001; }
	.bt02 { color: #fff !important; background: #C2000B; }
	.bt03 { color: #fff !important; background: #252525; }
	.bt04 { color: #fff !important; background: #FF8001; }
	.bt05 { color: #fff !important; background: #0B0146; }
	.bt06 { color: #fff !important; background: #71C165; }
	.bt07 { color: #fff !important; background: #5B76B6; }	

/* sns 컬러 */
	.kakao_co  { color: #361d1d; }
	.naver_co  { color: #34b833; }
	.fbook_co  { color: #3150b3; }
	.google_co { color: #3150b3; }

	.kakao_bg { color: #361d1d; background: #ffd325 }
	.naver_bg { color: #fff; background: #34b833; }
	.fbook_bg { color: #fff; background: #3150b3; }

/* 전체 레이아웃 */
	.body_wrap { position:relative !importnat; width:100%; margin-top:-10px;}
	.body_wrap .body_left  { padding: 10px 0; float: left;  width: 240px;  }
	.body_wrap .body_right { padding: 10px 0; float: right; width: 1000px; }

/* 왼쪽 메뉴 */
	.body_wrap .body_left dl { padding: 5px 10px 10px 10px; border: 1px solid #B4AFA9; }
	.body_wrap .body_left dt { padding: 5px 0 0 0; border-bottom: 1px solid #B4AFA9; }
	.body_wrap .body_left dd { padding: 2px 0; }
	.body_wrap .body_left a { display: block; padding: 2px 0; }

/* 로케이션 */
	.location { font-size: 12px; text-align: right; }
	.location a { display: inline-block; padding: 10px 0; }
	.location a:hover { text-decoration: underline; }

/* 탭 */
	.tab ul{ overflow: hidden; }
	.tab li{ float: left; }
	.tab li a{ display: block; line-height: 40px; text-align: center; border: 1px solid #ddd; }
	.tab .on a{ color: #fff; background: #4254f3 }

	.tab .tab02 li{ width: 50%; }

/* 약관 모달 */
	.modal-body .scroll{ height: 550px; overflow-y: scroll; }
	.modal .close{ left: auto; right: 0; }

/* -- 약관 -- */
	.terms .con{ padding:15px 10px; border-bottom: 1px solid #e5e5e5; }

	.terms ul li{ position: relative; }
	.terms .list01 li{ padding:0 0 0 25px; }
	.terms .list01 i { position: absolute; left: 10px; }
	.terms .list02 li{ padding:0 0 0 35px; }
	.terms .list02 i { position: absolute; left: 10px; }
	.terms .list03 li{ padding:0 0 0 30px; }
	.terms .list03 i { position: absolute; left: 10px; }

	.terms table{ border-top: 2px solid #15aae8; }
	.terms table th{ font-weight: 300; background: #eee; }
	.terms table th, .terms table td{ padding:10px; border-top: 1px solid #ddd; }

	.terms .tit{ padding: 15px 0 0 0; font-weight: 500; }
	.terms .sub_tit{ padding: 15px 0 5px 0; font-weight: 500; }
	.terms p{ padding: 5px 5px 0 5px; }

	.terms .circle > li:nth-child(1) > i:before{ content: "①"; }
	.terms .circle > li:nth-child(2) > i:before{ content: "②"; }
	.terms .circle > li:nth-child(3) > i:before{ content: "③"; }
	.terms .circle > li:nth-child(4) > i:before{ content: "④"; }
	.terms .circle > li:nth-child(5) > i:before{ content: "⑤"; }
	.terms .circle > li:nth-child(6) > i:before{ content: "⑥"; }
	.terms .circle > li:nth-child(7) > i:before{ content: "⑦"; }
	.terms .circle > li:nth-child(8) > i:before{ content: "⑧"; }
	.terms .circle > li:nth-child(9) > i:before{ content: "⑨"; }
	.terms .circle > li:nth-child(10) > i:before{ content: "⑩"; }
	.terms .circle > li:nth-child(11) > i:before{ content: "⑪"; }

	.terms .num > li:nth-child(1) > i:before{ content: "1."; }
	.terms .num > li:nth-child(2) > i:before{ content: "2."; }
	.terms .num > li:nth-child(3) > i:before{ content: "3."; }
	.terms .num > li:nth-child(4) > i:before{ content: "4."; }
	.terms .num > li:nth-child(5) > i:before{ content: "5."; }
	.terms .num > li:nth-child(6) > i:before{ content: "6."; }
	.terms .num > li:nth-child(7) > i:before{ content: "7."; }
	.terms .num > li:nth-child(8) > i:before{ content: "8."; }
	.terms .num > li:nth-child(9) > i:before{ content: "9."; }
	.terms .num > li:nth-child(10) > i:before{ content: "10."; }
	.terms .num > li:nth-child(11) > i:before{ content: "11."; }
	.terms .num > li:nth-child(12) > i:before{ content: "12."; }
	.terms .num > li:nth-child(13) > i:before{ content: "13."; }
	.terms .num > li:nth-child(14) > i:before{ content: "14."; }
	.terms .num > li:nth-child(15) > i:before{ content: "15."; }

	.terms .brac > li:nth-child(1) > i:before{ content: "1)"; }
	.terms .brac > li:nth-child(2) > i:before{ content: "2)"; }
	.terms .brac > li:nth-child(3) > i:before{ content: "3)"; }
	.terms .brac > li:nth-child(4) > i:before{ content: "4)"; }
	.terms .brac > li:nth-child(5) > i:before{ content: "5)"; }
	.terms .brac > li:nth-child(6) > i:before{ content: "6)"; }
	.terms .brac > li:nth-child(7) > i:before{ content: "7)"; }
	.terms .brac > li:nth-child(8) > i:before{ content: "8)"; }
	.terms .brac > li:nth-child(9) > i:before{ content: "9)"; }
	.terms .brac > li:nth-child(10) > i:before{ content: "10)"; }
	.terms .brac > li:nth-child(11) > i:before{ content: "11)"; }
	.terms .brac > li:nth-child(12) > i:before{ content: "12)"; }
	.terms .brac > li:nth-child(13) > i:before{ content: "13)"; }
	.terms .brac > li:nth-child(14) > i:before{ content: "14)"; }
	.terms .brac > li:nth-child(15) > i:before{ content: "15)"; }
	.terms .brac > li:nth-child(16) > i:before{ content: "16)"; }
	.terms .brac > li:nth-child(17) > i:before{ content: "17)"; }
	.terms .brac > li:nth-child(18) > i:before{ content: "18)"; }
	.terms .brac > li:nth-child(19) > i:before{ content: "19)"; }
	.terms .brac > li:nth-child(20) > i:before{ content: "20)"; }
	.terms .brac > li:nth-child(21) > i:before{ content: "21)"; }
	.terms .brac > li:nth-child(22) > i:before{ content: "22)"; }
	.terms .brac > li:nth-child(23) > i:before{ content: "23)"; }
	.terms .brac > li:nth-child(24) > i:before{ content: "24)"; }
	.terms .brac > li:nth-child(25) > i:before{ content: "25)"; }

	.terms .han > li:nth-child(1) > i:before{ content: "가."; }
	.terms .han > li:nth-child(2) > i:before{ content: "나."; }
	.terms .han > li:nth-child(3) > i:before{ content: "다."; }
	.terms .han > li:nth-child(4) > i:before{ content: "라."; }
	.terms .han > li:nth-child(5) > i:before{ content: "마."; }

	.terms .hyphen > li > i:before{ content: "-"; }
	.terms .squ > li > i:before{ content: "\e9c6"; font-family: "xeicon"; }
	
	
	
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}