@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');
@import url('./modal.css');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family: 'Noto Sans KR', sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a,
button,
.checkBox {
	cursor: pointer;
}
.clearfix::after {
	display: block;
	content: '';
	clear: both;
}
.hide, .hiding {
	display: none;
}
#container {width: 100%; position: relative; text-align: center;}
#container .contents {margin: 0 auto;}
img {
    overflow-clip-margin: unset;
    overflow: auto;
	width: 100%;
}
p {
	display: inline-block;
	margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: normal;
}
/* sec01 */
.sec01 {
    background: url(../img/m_sec01_bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
}
.sec01 .inner {
    padding: 20.38vw 4.17vw 13.89vw;
}
.sec01 .inner .main_tit {
    margin: 0 auto;
	width: 66.67vw;
}
.sec01 .inner .yuji {
    margin: 0 auto;
	width: 39.72vw;
    margin-top: 45.17vw;
    animation: ani 1s infinite alternate;
}
@keyframes ani{
    0% {transform:translateY(0%);}
    100% {transform:translateY(5%);}
} 
.sec01 .inner .txt_box {
    color: #40392d;
    letter-spacing: -0.07vw;
    font-size: 3.75vw;
    line-height: 5vw;
    margin-top: 25vw;
}
.sec01 .inner .txt_box h1 {
    display: inline-block;
    font-size: 6.11vw;
    line-height: 6.11vw;
    font-weight: 900;
    margin-bottom: 4.17vw;
    box-shadow: inset 0 -2.75vw 0 rgba(255,255,255,0.5);
}
.sec01 .inner .txt_box span {
    font-weight: 700;
}
.sec01 .inner .txt_box .last_txt {
    font-weight: 700;
    margin-top: 2.5vw;
}

/* sec02 */
.sec02 {
    background: url(../img/m_sec02_bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
}
.sec02 .inner {
    padding: 20.38vw 4.17vw 13.89vw;
}
.sec02 .inner .tit {
    margin: 0 auto;
    margin-bottom: 6.94vw;
}
.sec02 .inner .line {
    margin: 6.94vw auto 8.33vw;
}

/* sec03 */
.sec03 {
    background: url(../img/m_sec03_bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
}
.sec03 .inner {
    padding: 13.89vw 8.33vw;
}
.sec03 .inner .txt_box {
    letter-spacing: -0.07vw;
    color: #40392d;
    font-size: 3.47vw;
    line-height: 5.56vw;
}
.sec03 .inner .txt_box p {
    margin-bottom: 0px;
}
.sec03 .inner .txt_box h1 {
    font-size: 6.25vw;
    line-height: 8.33vw;
    font-weight: 900;
    margin-bottom: 2.5vw;
}
.sec03 .inner .txt_box span {
    font-weight: 700;
    box-shadow: inset 0 -1.67vw 0 rgba(255,255,255,0.5);
}
.sec03 .inner .review_box {
    margin-top: 12.56vw;
}
.sec03 .inner .review_box img {
    display: block;
    margin-bottom: 2.78vw;
    box-shadow: 0vw 0vw 1.39vw rgba(0,137,245,0.2);
}
.sec03 .inner .review_box a:nth-child(3n) {
    margin-right: 0px;
}

/* sec04 */
.sec04 {
    background: url(../img/m_sec04_bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
}
.sec04 .inner {
    padding: 15.28vw 4.17vw 18.75vw;
}
.sec04 .inner .cont1 {
    margin-bottom: 8.33vw;
}

/* sec05 */
.sec05 {
    background: url(../img/m_sec05_bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
}
.sec05 .inner {
    padding: 13.89vw 4.17vw 6.94vw;
}
.sec05 .inner .cont1 {
    margin-top: 6.94vw;
}
.sec05 .inner .tit2 {
    width: 55.28vw;
    margin: 0 auto;
    margin-top: 20.83vw;
}
.sec05 .inner .appl_box {
	position: relative;
    width: 100%;
	margin-top: 5.56vw;
	padding: 8.33vw 0vw;
	background-color: #fff0ce;
	border-radius: 4.17vw;
	letter-spacing: -0.07vw;
}
.sec05 .inner .appl_box h1{
	font-weight: 400;
    font-size: 4.86vw;
    line-height: 6.5vw;
	color: #1e1e1e;
}
.sec05 .inner .appl_box .btn {
	display: table;
	margin: 5.56vw auto;
    width: 65vw;
	height: 15vw;
	font-size: 3.75vw;
	color: #8e8e8e;
	background: #fff;
	border-radius: 10vw;
}
.sec05 .inner .appl_box .btn p {
	display: table-cell;
    vertical-align: middle;
}
.sec05 .inner .appl_box .btn .fl_name {
    display: inline-block;
    margin: 0 auto;
}
.sec05 .inner .appl_box p {
	font-size: 3.75vw;
    line-height: 5.14vw;
	color: #7e7e7e;
}
.sec05 .inner .appl_box .dice {
	position: absolute;
    width: 19.31vw;
	bottom: -8%;
	right: 0;
}
.sec05 .inner .first_af .btn .flag {
    width: 8.94vw;
    height: 6.17vw;
}
.sec05 .inner .first_af .btn .flag img {
    width: 100%;
    height: 100%;
    border: 1px solid #ededed;
    object-fit: cover;
}
.sec05 .inner .first_af .btn .name {
    color: #1e1e1e;
    padding-left: 1.39vw;
}
.sec05 .inner .first_af .info_txt {
    color: #1e1e1e;
	font-size: 3.75vw;
    line-height: 5.56vw;
}
.sec05 .inner .first_af .info_txt strong{
    font-weight: 700;
}
.sec05 .inner .second_bf .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 5.56vw 0vw;
}
.sec05 .inner .second_bf .top-buttons {
    display: flex;
    gap: 1.39vw;
    margin-bottom: 2.78vw; 
} 
.sec05 .inner .second_bf .button {
    font-size: 4vw;
    padding: 6vw 12vw;
    color: #aeaeae;
    border: 0.14vw solid #aeaeae;
    border-radius: 2.39vw;
    background-color: #fff;
    cursor: pointer;
}
.sec05 .inner .second_bf .button.selected {
    color: #0448ab;
    font-weight: 500;
    border: 0.28vw solid #0448ab;
    background-color: #eef4ff;
}
.sec05 .inner .second_bf .appl_btn {
    font-size: 4vw;
    padding: 6vw 27vw;
    color: rgba(255,255,255,0.8);
    border-radius: 10vw;
    background: #0448ab;
    cursor: pointer;
}

/* sec06 */
.sec06 {
    background: url(../img/m_sec06_bg.png) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: auto;
    text-align: center;
}
.sec06 .inner {
    padding: 13.89vw 4.17vw 20.83vw;
}
.sec06 .inner .tit1,
.sec06 .inner .tit2,
.sec06 .inner .tit3 {
    margin: 0vw auto 8.33vw;
}
.sec06 .inner .tit1,
.sec06 .inner .tit2 {
    width: 51.11vw;
}
.sec06 .inner .tit3 {
    width: 56.94vw;
}
.sec06 .inner .cont1,
.sec06 .inner .cont2 {
    margin-bottom: 13.89vw;
}

/* sec07 */
.sec07 {
    background: #0e0e0e;
    text-align: left;
}
.sec07 .inner {
    padding: 13.89vw 4.5vw;
}
.sec07 .inner h4 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #f7f7f7;
    margin-bottom: 2.39vw;
    font-size: 3.47vw;
}
.sec07 .inner h4 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.5vw;
    height: 3.5vw;
}
.sec07 .inner h4 span {
    padding-left: 5.47vw;
    color: #f7f7f7;
    font-size: 3.47vw;
    font-weight: 500;
}
.sec07 .inner ul.noti {    
    display: inline-block;
    margin-left: 0.9vw;
	padding-left: 0px;
    width: auto;
}
.sec07 .inner ul.noti li {
    position: relative;
    color: #a1a1a1;
    font-size: 3.47vw;
    line-height: 140%;
    margin-bottom: 2vw;
    padding-left: 2.39vw;
}
.sec07 .inner ul.noti li strong {
    color: #f7f7f7;
    font-weight: 400;
}
.sec07 .inner .gift_tit {
    margin-top: 5.56vw;
}
.sec07 .inner ul.noti li:before{
    position: absolute;
    content:'·';
    top: 0;
    left: 0;
    color:#a1a1a1;
    font-size: 3.47vw;
    font-weight: 700;
}
.sec07 .inner .gift_noti {    
    display: inline-block;
    margin-left: 0.56vw;
	padding-left: 0px;
    width: auto;
}
.sec07 .inner .gift_noti .noti_tit { 
    padding-left: 0vw;
}
.sec07 .inner .gift_noti li {
    position: relative;
    color: #a1a1a1;
    font-size: 3.47vw;
    line-height: 150%;
    margin-bottom: 2vw;
    padding-left: 2.39vw;
}
.sec07 .inner .gift_noti li strong {
    color: #f7f7f7;
    font-weight: 400;
}
.sec07 .inner .gift_noti .list:before{
    position: absolute;
    content:'·';
    top: 0;
    left: 0;
    color:#a1a1a1;
    font-size: 3.47vw;
    font-weight: 700;
}

#QuickBanner {
	z-index: 3;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	font-size: 2.78vw;
	color: #1e1e1e;
	font-weight: 600;
    letter-spacing: -0.07vw;
}
#QuickBanner .bt_f_btn01 {
	padding: 4.16667vw 0;
	width: 100%;
	text-align: center;
	font-size: 4vw;
	font-weight: 500;
	line-height: 130%;
	color: rgba(255,255,255,0.9);
    background: #0448ab;
    box-shadow: inset 0vw 0vw 2.78vw rgba(0,0,0,0.2);
}
#QuickBanner .bt_f_btn01 span {
    letter-spacing: -0.1vw;
}