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

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

@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: normal;
	src: url('../font/NanumGothic-Regular.eot');
	src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 700;
	src: url('../font/NanumGothic-Bold.eot');
	src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'NanumGothic';
	font-style: normal;
	font-weight: 800;
	src: url('../font/NanumGothic-ExtraBold.eot');
	src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype');
}


/* Reset CSS */

* {margin:0; padding:0; border:0; outline:0; vertical-align:middle;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
ul, ol, dl {list-style:none;}
img, video {max-width:100%; border:0; vertical-align:middle;}
a {text-decoration:none; color:#666;cursor:pointer;vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0;}
input, select {vertical-align:middle;}
input[type="text"], input[type="number"], input[type="password"], textarea{-webkit-appearance:none;}
body {font-size:14px; line-height:1.2; letter-spacing:-.5px;}
label {cursor:pointer;}
.blind, legend, caption {display:block; overflow:hidden; position:absolute; top:0; left:-1000em;}
i, em, address {font-style:normal; font-weight:normal;}

table {word-wrap:break-word;word-break:break-all;font-size: 1.4rem;}


/* 전체 */
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,
body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	left: 0;
	top: 0;
	font-size: 62.5%; /* 1.0rem ≒ 10px */
	font-weight: 400;
}

/* 폰트스타일 */

* {
	font-family: 'NanumGothic', sans-serif, Dotum, arial;
	color: #000000;
	line-height: 1.5;
}

h1 {
	font-size: 3.0rem;
}

h2 {
	font-size: 2.5rem;
}

h3 {
	font-size: 2.2rem;
}

h4 {
	font-size: 1.8rem;
}

h5 {
	font-size: 1.6rem;
}

h6 {
	font-size: 1.2rem;
}

p {
	font-size: 1.4rem;
	font-weight: 300;
	line-height: 1.8;
}

.font_r {
	font-weight: 700;
}

.font_b {
	font-weight: 800;
}
.blue{color: #3a51a3;vertical-align: initial;}

/* POSITIONING */

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.text_center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.text_justify {
	text-align: justify;
}

.left{float: left !important;}
.right{float: right !important;}
.clear{clear: both !important;}


/* qrcode css */
/* 화면 전체를 덮는 어두운 배경 */
.qr-modal-overlay {
    display: none; /* 기본적으로는 숨김 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 반투명 검은 배경 */
    z-index: 9999; /* 화면 가장 위에 뜨도록 설정 */
    justify-content: center;
    align-items: center;
}

/* QR 코드와 닫기 버튼이 들어갈 하얀 상자 */
.qr-modal-content {
    background-color: #fff;
    padding: 35px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 0 15px 3px #aaa;
    border: 3px solid #7a63d8;
}

/* 닫기 (X) 버튼 스타일 */
.qr-close-btn {
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #888;
    cursor: pointer;
    transition: color 0.2s;
}

.qr-close-btn:hover {
    color: #000;
}