@charset "utf-8";
/* 컨텐츠 공통*/
	body { width: 100%; height: 100%; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight: 400; line-height: 1.3em; color: #333; word-break: keep-all; word-wrap: break-word; }
	.tahoma { font-family: "Tahoma"; }
	
	.mob { display: none; position: relative; }
	.con_pd { padding: 0 0 80px 0; }
	@media (max-width:991px) {
		body { font-size: 14px; }
		.web { display: none; }
		.mob { display: block; }
		.con_pd {  padding: 0 0 40px 0; }
	}

/* 폰트 크기 */
	h1, .h1{ font-size: 1.65em; }/*26*/
	h2, .h2{ font-size: 1.50em; }/*24*/
	h3, .h3{ font-size: 1.38em; }/*22*/
	h4, .h4{ font-size: 1.25em; }/*20*/
	h5, .h5{ font-size: 1.12em; }/*18*/
	h6, .h6{ font-size: 0.88em; }/*14*/
	.s_tt{ font-size: 0.75em; } /*12*/
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin: 0; padding: 0; font-weight: 400; }

/* 기준색 */
	.main_bg { color: #fff; background: #072c87; }
	.sub_bg { color: #fff; background: #38beef; }
	.point_bg { color: #fff; background: #ff8989; }

	.gray_bg { color: #fff !important; background: #999 !important; }

	.main_co { color: #072c87; }
	.sub_co { color: #38beef; }
	.point_co{ color: #ff8989; }

/* 글자색 */
	.blue_tt { color: #0084e9 }
	.red_tt { color: #ff3600; }
	
	.gray_tt { color: #666; }
	.dark_tt { color: #888; }
	.black_tt { color: #000; }

	.bar_tt { color: #ebebeb; }

/* 버튼 */
	.bt_blue { color: #fff !important; background: #062c87; border-radius: 3px; }
	.bt_gray { color: #555 !important; background: #e1e1e1; border-radius: 3px; }
	.bt_dark { color: #fff !important; background: #595656; border-radius: 3px; }
	.bt_white { border: 1px solid #e1e1e1; border-radius: 3px; }
	.bt_line { border: 1px solid #e1e1e1; background: #fafafa; border-radius: 3px; }
	.bt_white:focus { border: 1px solid #e1e1e1; }
	.bt_line:focus { border: 1px solid #e1e1e1; }

/* 구분색 */
	.di { font-size: 0; }
	.di b { display: inline-block; width: 18px; height: 18px; margin: 2px 5px 0 0; border-radius: 17px; }
	.di01_bg { background: #66c0ff; }
	.di02_bg { background: #f7c47b; }
	.di03_bg { background: #f77ba7; }
	.di04_bg { background: #8f7bf7; }
	.di05_bg { background: #79c132; }

	.di01_li { color:  #66c0ff; border : 10px solid #66c0ff; }
	.di02_li { color:  #f7c47b; border : 10px solid #f7c47b; }
	.di03_li { color:  #f77ba7; border : 10px solid #f77ba7; }
	.di04_li { color:  #8f7bf7; border : 10px solid #8f7bf7; }
	.di05_li { color:  #79c132; border : 10px solid #79c132; }

/* 그래프색상 */
	.gr { line-height: 1em; }
	.gr b { display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-top: -1px; border-radius: 17px; }
	.gr01_bg { background: #67b7dc; }
	.gr02_bg { background: #67dca4; }
	.gr03_bg { background: #b7dc67; }
	.gr04_bg { background: #e9bc43; }
	.gr05_bg { background: #af9fe9; }

/* SNS */
	.kakao{ color: #361d1d; background: #ffd325; }
	.naver{ color: #fff; background: #34b833; }
	.facebook{ color: #fff; background: #3150b3; }

/* 로케이션 */
	.location { max-width: 1220px; margin: 0 auto; padding: 50px 10px; }
	.location .depth_03 { overflow: hidden; }
	.location .depth_03 li { float: left; }
	.location .depth_03 li a{ display: block; padding: 0 30px 0 0; }
	.location .depth_03 span{ display: inline-block; padding: 20px 0 10px 0; color: #888; border-bottom: 1px solid #fff; }
	.location .depth_03 .on span{ color: #595656; border-bottom: 1px solid #595656; }

	.location .depth { display: none; }
	@media (max-width:991px) {
		.location { padding: 0 0 15px 0; }
		.location h1 { padding: 10px; }

		.location .depth { position: relative; display: block; border-bottom: 1px solid #ebebeb; }
		.location .depth h5 { position: relative; padding: 10px 15px; }
		.location .depth h5 i { position: absolute; top: 0; right: 0; width: 37px; height: 37px; line-height: 37px; text-align: center; }
		.location .depth h5 i:before { content: "\e941"; font-family: "xeicon"; }
		.location .depth h5.active i:before { content: "\e944"; font-family: "xeicon"; }
		.location .depth ul { display: none; position: absolute; top: 37px; left: 0; z-index: 10; width: 100%; background: #fff; }

		.location .depth_01 { color: #fff; background: #38beef; }
		.location .depth_01 ul { background: #38beef; }
		.location .depth_01 a { display: block; padding: 10px 15px; color: #fff; border-top: 1px solid #fff; }
		.location .depth_02 a { display: block; padding: 10px 15px; border-top: 1px solid #ebebeb; }

		.location .depth_03 { padding: 0 0 0 15px; overflow-x: auto; overflow-y: hidden; white-space: nowrap; border-bottom: 1px solid #595656; }
		.location .depth_03 li { display: inline-block; float: initial; }
		.location .depth_03 li a{ padding: 10px 15px 10px 0; }
		.location .depth_03 span{ padding: 0; }
		.location .depth_03 .on span{ font-weight: 500; color: #595656; border-bottom: 0; }
	}

/* 히어로 */
	.hero { overflow: hidden; }
	.hero h2 { float: left; }
	.hero h6 { float: right; }
	.hero button { display: inline-block; margin: 0 0 0 5px; padding: 7px 10px; }
	.hero a { display: inline-block; margin: 0 0 0 5px; padding: 7px 10px; }
	@media (max-width:991px) {
		.hero h6 { display: block; float: initial; margin: 0 -5px; clear: both; }
		.hero span { display: inline-block; padding: 10px 5px; }
	}

/* 탭 */
	.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%; }
	.tab .tab04 li{ width: 25%; }
	.tab .tab05 li{ width: 20%; }

/* 모달 */
	.modal-header { padding: 15px 15px 0 15px ; border-bottom: 0; }
	.modal-footer { padding: 0 15px 15px 15px ; border-top: 0; text-align: center; }
	.modal-footer button { display: inline-block; vertical-align: middle; height: 32px; padding: 0 20px; border: 0; }
	.modal-footer a { display: inline-block; vertical-align: middle; height: 32px; line-height: 32px; padding: 0 20px; }
	.modal-footer input { display: inline-block; vertical-align: middle; width: auto; height: 32px; padding: 0 20px; }

/* 알람모달 */
	.alarm img { width: auto; }
	.alarm table { border-top: 1px solid #ddd; }
	.alarm td { position: relative; border-bottom: 1px solid #ddd; }
	.alarm td i { position: absolute; top: 10px; left: 10px; }
	.alarm td:nth-child(1) { width: 73%; padding: 10px 10px 10px 50px; }
	.alarm td:nth-child(2) { width: 27%; padding: 10px 0; }
	.alarm a { display: block; text-align: center; line-height: 30px; border-radius: 5px; color: #fff; background: #595656; }
	@media (max-width:991px) {
		.alarm td:nth-child(1) { width: 70%; }
		.alarm td:nth-child(2) { width: 30%; }
	}

/* 이전기록보기 */
	.data_list table { border-top: 1px solid #ddd; }
	.data_list th { width: 10%; padding: 10px; font-weight: 400; text-align: center; border-bottom: 1px solid #ddd; }
	.data_list td { width: 90%; padding: 10px; border-bottom: 1px solid #ddd; }

/* 약관 모달 */
	.modal-body .scroll{ height: 450px; overflow-y: scroll; }

/* -- 약관 -- */
	.terms .con{ padding:15px 10px; text-align: left; border-bottom: 1px solid #e5e5e5; }
	.terms h4 { padding: 0 0 5px 0; }

	.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: 1px solid #000; }
	.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"; }
	.terms .square > li > i:before{ content: "■ "; }