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

@import url('reset.css');

/* NanumGothic Webfont */
@font-face{
	font-family: 'ng';
	font-style: normal;
	font-weight: 400;
	src: url('../webfont/NanumGothic.eot') format('woff');
	src: url('../webfont/NanumGothic.eot?#iefix') format('embedded-opentype'), url('../webfont/NanumGothic.woff') format('woff'), url('../webfont/NanumGothic.ttf') format('truetype');
}

@font-face{
	font-family: 'ngb';
	font-style: normal;
	font-weight: 700;
	src: url('../webfont/NanumGothicBold.eot') format('woff');
	src: url('../webfont/NanumGothicBold.eot?#iefix') format('embedded-opentype'), url('../webfont/NanumGothicBold.woff') format('woff'), url('../webfont/NanumGothicBold.ttf') format('truetype');
}

.skip { position: absolute; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }

/* °øÅë */
input[type="text"], input[type="password"], textarea {padding:5px 10px; font-family: 'ng'; font-size:10pt; color:rgb(51, 51, 51); border:solid 1px rgb(221, 221, 221);}
textarea {width:98%; height:50px; overflow:auto;}
span.red {color:#ca3035; font-family: 'ngb';}
span.blue {color:#2252a5; font-family: 'ngb';}
span.yellow {color:#f6a903; font-family: 'ngb';}
span.pink {color:#cb34bb; font-family: 'ngb';}
span.orange {color:rgb(255, 116, 103);}
span.gray {color:rgb(131, 131, 131);}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mb20 {margin-bottom:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.fl {float:left;}
.fr {float:right;}

.center {margin:0 auto; text-align:center;}
p.txt {font-family: 'ngb'; font-size:10.5pt; line-height:16pt; letter-spacing:-0.05em; color:rgb(31, 53, 102);}
p.txt2 {font-family: 'ng'; font-size:8.5pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(51, 51, 51);}
.btn_c {text-align:center;}
button.btn_yellow { margin-bottom:40px;display:inline-block; width:445px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(255, 187, 40); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_gray { margin-top:40px; display:inline-block; width:445px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(58, 64, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_blue { margin-top:40px; display:inline-block; width:445px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(31, 53, 102); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_green { margin-top:40px; display:inline-block; width:445px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(141, 202, 151); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_red { margin-top:40px; display:inline-block; width:445px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(232, 62, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_yellow_mini { margin-top:40px; display:inline-block; width:200px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(255, 187, 40); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_gray_mini { margin-top:40px; display:inline-block; width:200px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(58, 64, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_blue_mini { margin-top:40px; display:inline-block; width:200px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(31, 53, 102); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_green_mini { margin-top:40px; display:inline-block; width:200px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(141, 202, 151); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_red_mini { margin-top:40px; display:inline-block; width:200px; padding:20px 0; text-align:center; font-family: 'ngb'; font-size:16pt; line-height:16pt; color:rgb(255, 255, 255); background:rgb(232, 62, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_yellow_time { display:inline-block; width:150px; padding:10px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:rgb(255, 255, 255); background:rgb(255, 187, 40); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_green_time { display:inline-block; width:150px; padding:10px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:rgb(255, 255, 255); background:rgb(141, 202, 151); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_gray_time { display:inline-block; width:150px; padding:10px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:rgb(255, 255, 255); background:rgb(58, 64, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_red_time { display:inline-block; width:150px; padding:10px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:rgb(255, 255, 255); background:rgb(232, 62, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button.btn_blue_time { display:inline-block; width:150px; padding:10px 0; text-align:center; font-family: 'ngb'; font-size:10pt; line-height:10pt; color:rgb(255, 255, 255); background:rgb(31, 53, 102); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
button {border:none;}

a.btn_yellow {display:inline-block; padding:20px 0; width:230px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(255, 187, 40); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_gray {display:inline-block; padding:20px 0; width:230px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(58, 64, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_blue {display:inline-block; padding:20px 0; width:230px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(31, 53, 102); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_green {display:inline-block; padding:20px 0; width:230px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(141, 202, 151); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_red {display:inline-block; padding:20px 0; width:230px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(232, 62, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_yellow_mini {display:inline-block; padding:20px 0; width:190px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(255, 187, 40); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_gray_mini {display:inline-block; padding:20px 0; width:190px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(58, 64, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_blue_mini {display:inline-block; padding:20px 0; width:190px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(31, 53, 102); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_green_mini {display:inline-block; padding:20px 0; width:190px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(141, 202, 151); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_red_mini {display:inline-block; padding:20px 0; width:190px; font-family: 'ngb'; font-size:14pt; line-height:14pt; letter-spacing:-0.05em; color:rgb(255, 255, 255); background:rgb(232, 62, 86); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
a.btn_blue_mini.print {padding-left:20px; width:190px; background:rgb(31, 53, 102) url("../image/icon_printer.png") 45px no-repeat;}


h1 {position:relative; margin-bottom:20px; font-family: 'ngb'; font-size:12pt; color:rgb(51, 51, 51);}
h1 span {font-size:11px; color:rgb(24, 201, 192);}

h3 {padding:0; margin-top:20px; height:24px; font-size:14px; color:rgb(255, 255, 255); font-family: 'ngb';}

h2 {position:relative; padding-left:10px; font-family: 'ngb'; font-size:12pt; letter-spacing:-0.05em; color:rgb(31, 53, 102); background:url("../image/icon_dotted.png") left 7px no-repeat;}
h2 .btn {position: absolute; top:-6px; right:0;}

a.logo {display:block; margin:0 auto; padding:30px 0 20px 0; width:194px;}
.title {display:block; margin:0 auto; padding:20px 0 50px 0; width:486px;}

/* table */
.tb_list {margin-bottom:30px; width:100%; border-top:1px solid rgb(227, 227, 227);}
.tb_list table {width:100%;}
.tb_list table th, .tb_list table td {padding:10px 0;}
.tb_list.pt10 table th, .tb_list.pt10 table td {padding:10px 0;}
.tb_list table th:first-child {border-left:0;}
.tb_list table th {font-family: 'ngb'; font-size:10pt; color:rgb(51, 51, 51); text-align:center; border-bottom:1px solid rgb(227, 227, 227); border-left:1px solid rgb(227, 227, 227); background:rgb(246, 246, 247); vertical-align:middle;}
.tb_list table td {font-family: 'ng'; font-size:10pt; color:rgb(51, 51, 51); text-align:center; border-bottom:1px solid rgb(227, 227, 227);}
.tb_list table td span.txt {display:block; padding-top:5px; letter-spacing:-0.05em;color:rgb(147, 147, 147); }
.tb_list table td.tl-Left {text-align:left; padding-left:10px; }
.tb_list table td.tl-Center {text-align:Center; }
caption { position: absolute ; font-size: 0px; line-height: 0px; overflow: hidden; visibility: hidden; text-indent: -1000px; }

/* Search Area */
.box_select {display:inline-block; *zoom:1; vertical-align:top;}
.box_select .sel_in {border:1px solid rgb(227, 227, 227); padding:2px; background-color:#fff;}
.box_select .sel_in select {height:23px !important; border:0 none !important; background-color:#fff; padding-left:10px; font-size:12px; line-height:12px; color:#7d7d7d;} 
.box_select select {height:23px !important; width:100%; }
.wd120 {width:120px;}

/* ·¹À̾ƿô */
#wrap {width:100%; min-height:1300px; background:url("../image/event_bg_main_back.png") 50% no-repeat;}
header {width:100%; }
section {position:relative; width:980px; margin:0 auto}
section:after {content:""; display:block; clear:both;}
section.intro {position:relative; width:1000px; margin:0 auto}

/* °øÅë */
.infoWrap {}
.infoWrap.day {float:left; width:485px;}
.infoWrap.join {float:left; width:100%;}
.infoWrap.phone {float:left; width:100%;}
.infoWrap.agree {float:left; width:100%;}
.infoWrap.code {float:left; width:100%;}
.infoWrap.info {float:left; width:100%;}
.infoWrap .tit {height:60px;}
.infoWrap .conts {padding:20px; border-radius:0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; background:#fff;}
.infoWrap .conts:after {content:""; display:block; clear:both;}

.infoWrap.day .conts {width:445px;}
.infoWrap.code .conts {padding:0;width:100%;}
.infoWrap.code .conts .code_info {width:445px; margin:0 auto;}

.infoWrap.info .conts {padding:50px 50px 50px 50px; width:89.8%;}

.bg_titbox-arrow {position: absolute; left:50%; margin-left:-7px; bottom:-7px;}
.bg_titbox-arrow.green {width:14px; height:7px; background:url("./image/bg_green-arrow.png") no-repeat;}
.bg_titbox-arrow.violet {width:14px; height:7px; background:url("./image/bg_violet-arrow.png") no-repeat;}
.bg_titbox-arrow.orange {width:14px; height:7px; background:url("./image/bg_orange-arrow.png") no-repeat;}
.bg_titbox-arrow.pink {width:14px; height:7px; background:url("./image/bg_pink-arrow.png") no-repeat;}


/**** ¸ÞÀÎ ****/
/* °³ÃÖ ÀÏÁ¤ */
dl.info_list {margin-top:20px; font-family: 'ngb';}
dl.info_list.line {padding-bottom:0; margin-bottom:20px; background:url("../image/icon_bar.png") left bottom repeat-x;}
dl.info_list:first-child {margin-top:0;}
dl.info_list dt {display:inline-block; padding:5px 20px; margin-bottom:17px; font-size:9pt; color:rgb(255, 255, 255); letter-spacing:-0.05em; border-radius:15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; background:#fff; background-color:rgb(58, 64, 86);}
dl.info_list dd {font-size:10pt; line-height:10pt; color:rgb(51, 51, 51); letter-spacing:-0.05em;}
dl.info_list dd.lh10 {line-height:10pt;}
dl.info_list dd.txtb {display:inline-block; padding:0 0 0 10px; font-size:12pt; color:rgb(203, 52, 187); letter-spacing:-0.05em; vertical-align:-1px;}

/* ½Åû ¹æ¹ý */
ul.info_list2 {}
ul.info_list2 li {font-family: 'ng'; padding:0 0 5px 10px; font-size:10.5pt; line-height:15.8pt; letter-spacing:-0.05em; color:rgb(51, 51, 51); background:url("../image/icon_dotted.png") left 8px no-repeat;}


ul.info_list_noback {}
ul.info_list_noback  li {font-family: 'ng'; padding:0 0 5px 0; font-size:10.5pt; line-height:15.8pt; letter-spacing:-0.05em; color:rgb(51, 51, 51);}



/* ¿¬¶ôó */
.infoWrap .flWrap {float:left; width:50%; padding:20px 0; background:url("../image/icon_bar2.png") right repeat-y;}
.infoWrap .flWrap dl.info_list dt {margin-bottom:0;}
.infoWrap .flWrap dl.info_list dd.dr15 {display:inline-block; padding-left:15px;}

.infoWrap .frWrap {float:right; width:48%; padding:20px 0 20px 15px;}
.infoWrap .frWrap dl.info_list dt {margin-bottom:0;}
.infoWrap .frWrap dl.info_list dd.dr15 {display:inline-block; padding-left:15px;}
.infoWrap .frWrap dl.info_list dd.dr15 a {display:block; font-size:10pt; line-height:16pt; color:rgb(51, 51, 51); letter-spacing:-0.05em; text-decoration:underline;}

/* °³ÀÎÁ¤º¸ È°¿ë µ¿ÀÇ */
ol.info_list3 {}
ol.info_list3 li {font-family: 'ng'; padding:0 0 5px 0; font-size:10.5pt; line-height:15.8pt; letter-spacing:-0.05em; color:rgb(51, 51, 51);}

ul.chk_box {border-top:solid 1px rgb(238, 238, 238); border-bottom:solid 1px rgb(238, 238, 238); border-right:solid 1px rgb(238, 238, 238)}
ul.chk_box:after {content:""; display:block; clear:both;}
ul.chk_box li {float:left; padding:10px 0; width:49%; text-align:center; border-left:solid 1px rgb(238, 238, 238)}
ul.chk_box li input {vertical-align:-2px; }
ul.chk_box li label {padding-left:5px; font-family: 'ng'; font-size:10pt; color:rgb(51, 51, 51);}

/* Çб³ ÄÚµå */
.code_box {padding-top:15px;padding-bottom:15px; text-align:center; width:445px; height:140px; background:url("../image/bg_codebox.png") no-repeat;}
.code_box label {font-family: 'ngb'; padding:3px 10px 5px 10px; font-size:10pt; line-height:10pt; letter-spacing:-0.05em; color:rgb(51, 51, 51); background:url("../image/icon_dotted.png") left 8px no-repeat;}

/**** ½Åû¿Ï·á ****/
ul.list2 {margin-top:20px;}
ul.list2:after {content:""; display:block; clear:both;}
ul.list2 li {font-size:14px; padding-top:5px; color:rgb(51, 51, 51); font-family: 'ng';}
ul.list2 li:first-child {padding-top:0;}
ul.list2 li span.num {display:inline-block; margin-right:5px; width:20px; padding:4px 0 5px 0; font-size:10px; text-align:center; background:url('../image/bg_Won.png') no-repeat; color:rgb(255, 255, 255);}
ul.list2 li span.txt {display:block; padding-left:30px; font-size:14px; line-height:24px; padding-top:5px; color:rgb(51, 51, 51); font-family: 'ng';}


/* Æ˾÷ ÇÏ´Ü */
.Layout_Pop {display:block; position:fixed; top:250px; left:50%; margin-left:-279px; z-index:100; width:558px; background:url("../image/bg_top.png") left top no-repeat;}
.Layout_Pop .close {position:absolute; top:20px; right:20px;}
.Layout_Pop .cont {margin-top:15px; padding:20px 57px 44px 57px; text-align:center; background:url("../image/bg_bottom.png") left bottom no-repeat;}
.Layout_Pop .cont dl {}
.Layout_Pop .cont dl dt {font-size:14pt; line-height:24px; color:#1f3566; letter-spacing:-0.05em; font-family: 'ngb';}
.Layout_Pop .cont dl dd {margin-top:5px; font-size:12pt; letter-spacing:-0.05em; font-family: 'ng';}
.Layout_Pop .cont .input_box {position: relative; margin:20px 0; padding:30px 0; background:#f6f6f7; }
.Layout_Pop .cont .input_box input {width:400px; padding:10px}

.Layout_Pop .cont .input_box:before {content: ""; width:100%; height:1px; background:url("../image/bg_dotted.png") left top repeat-x; position: absolute ; left:0; top:0;}
.Layout_Pop .cont .input_box:after {content: ""; width:100%; height:1px; background:url("../image/bg_dotted.png") left bottom repeat-x; position: absolute ; left:0; bottom:0;}
.all_shadow {display:block; position: fixed; top:0; left:0; width:100%; height:100%; background:rgb(000, 000, 000); opacity:0.7; filter: alpha(opacity=50); z-index:2;}

/* Æ˾÷ ÇÏ´Ü °í±³ °Ë»ö*/
.Layout_Pop_School {display:block; position:fixed; top:250px; left:50%; margin-left:-279px; z-index:100; width:558px; background:url("../image/bg_top.png") left top no-repeat;}
.Layout_Pop_School .close {position:absolute; top:20px; right:20px;}
.Layout_Pop_School .cont {margin-top:15px; padding:20px 57px 44px 57px; text-align:center; background:url("../image/bg_bottom.png") left bottom no-repeat;}
.Layout_Pop_School .cont dl {}
.Layout_Pop_School .cont dl dt {font-size:14pt; line-height:24px; color:#1f3566; letter-spacing:-0.05em; font-family: 'ngb';}
.Layout_Pop_School .cont dl dd {margin-top:5px; font-size:12pt; letter-spacing:-0.05em; font-family: 'ng';}
.Layout_Pop_School .cont .input_box {position: relative; margin:20px 0; padding:30px 0; background:#f6f6f7; }
.Layout_Pop_School .cont .input_box input {width:400px; padding:10px}

.Layout_Pop_School .cont .input_box:before {content: ""; width:100%; height:1px; background:url("../image/bg_dotted.png") left top repeat-x; position: absolute ; left:0; top:0;}
.Layout_Pop_School .cont .input_box:after {content: ""; width:100%; height:1px; background:url("../image/bg_dotted.png") left bottom repeat-x; position: absolute ; left:0; bottom:0;}
.all_shadow_School {display:block; position: fixed; top:0; left:0; width:100%; height:100%; background:rgb(000, 000, 000); opacity:0.7; filter: alpha(opacity=50); z-index:2;}

@media print {
header {display:none;}
.tit {display:none;}
footer {display:none;}
.center {display:none;}
a.btn_yellow {display:none;}
a.btn_blue {display:none;}
a.btn_gray {display:none;}
a.btn_green {display:none;}
a.btn_red {display:none;}
a.btn_yellow_mini {display:none;}
a.btn_blue_mini {display:none;}
a.btn_gray_mini {display:none;}
a.btn_green_mini {display:none;}
a.btn_red_mini {display:none;}
a.btn_yellow_time {display:none;}
a.btn_gray_time {display:none;}
a.btn_red_time {display:none;}
}
.txt_info {width:984px; margin:0 auto; text-align:left;}
.txt_info .txt_info-box {padding:10px 0 20px 30px; width:100%; background:url("../image/bg_shadow-bottom2.png") left bottom no-repeat; }
.txt_info .txt_info-box dl {padding-bottom:0;}
.txt_info .txt_info-box dl dt {display:inline-block; font-size:14px; color:#1f3566; font-family: 'ngb';}
.txt_info .txt_info-box dl dd {display:inline-block; font-size:14px; line-height:18px; color:#555; font-family: 'ng';}



/* QRµµÀÔÈÄ Ä¸Ã³ ¹æÁö ¿òÁ÷ÀÌ´Â À̹ÌÁö */
.qr-wrapper {
  position: relative;
  display: block;
  width: 940px;        /* PC ±âÁØ Æø */
  max-width: 100%;     /* ¸ð¹ÙÀÏ¿¡¼­´Â È­¸éº¸´Ù ¾È ³ÑÄ¡°Ô */
  margin: 0 auto;
}

/* ¾Ë·Ï´Þ·Ï ±×¶óµ¥ÀÌ¼Ç ¹Ù */
.qr-color-bar {
  position: absolute;
  bottom: -53px;
  left: 0;
  width: 100%;
  height: 50px;
  line-height: 36px;
  border-radius: 6px;
  overflow: hidden;         /* ¾çÂÊÀ¸·Î ³ª°¡´Â ±ÛÀÚ À߶óÁÖ±â */
  z-index: 10;

  /* ¹è°æ ±×¶óµ¥ÀÌ¼Ç */
  background: linear-gradient(
    90deg,
    #ff6b6b,
    #ffd93d,
    #6bcff6,
    #89f7fe,
    #c3aed6,
    #f9c6e6,
    #ff6b6b
  );
  background-size: 600% 600%;

  /* ¹è°æ¸¸ ºÎµå·´°Ô ¿òÁ÷ÀÓ */
  animation: rainbowBgMove 5s linear infinite;
  -webkit-animation: rainbowBgMove 5s linear infinite;
}

/* ½ÇÁ¦·Î Èê·¯°¡´Â ÅؽºÆ® */
.qr-color-text {
  position: absolute;
  left: 100%;                 /* ÅؽºÆ® ½ÃÀÛ À§Ä¡ = ¿À¸¥ÂÊ È­¸é ¹Û */
  display: inline-block;
  white-space: nowrap;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 20px;
  line-height: 48px;

  animation: qrTextSlide 10s linear infinite;
  -webkit-animation: qrTextSlide 10s linear infinite;
}

/* ¹è°æ ¹«Áö°³ ºÎµå·´°Ô Èê·¯°¡µµ·Ï */
@keyframes rainbowBgMove {
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}
@-webkit-keyframes rainbowBgMove {
  0%   { background-position: 0% 50%; }
  100% { background-position: 100% 50%; }
}

/* ÅؽºÆ® ¿À¸¥ÂÊ ¹Û ¡æ ¿ÞÂÊ ¹Û */
@keyframes qrTextSlide {
  0%   { transform: translateX(0%); }
  100% { transform: translateX(-300%); }
}

@-webkit-keyframes qrTextSlide {
  0%   { -webkit-transform: translateX(0%); }
  100% { -webkit-transform: translateX(-300%); }
}