@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
@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');
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: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", 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;
}
#container {margin: 0 auto; text-align: center;}
.inner {padding: 20.83vw 2.78vw; letter-spacing: -0.14vw;}
.inner .title {margin-bottom: 8.33vw;}

/* sec01 */
.sec01 {
    width: 100%;
    height: 183.33vw;
	text-align: center;
	background-image: url(../img/m_sec01_bg.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.sec01 .inner {position: relative;}
.sec01 .inner .txt {
    font-size: 5.56vw;
    font-weight: 600;
    color: #000;
    margin-top: 4.17vw;
    line-height: 1.5;
}
.sec01 .inner .move {
    position: absolute;
    z-index: 1;
    top: 88%;
    left: 50%;
    transform: translate(-50%,0%);
    animation: ani 1s infinite alternate;
}
@keyframes ani {
    0% {transform:translate(-50%,0%);}
    100% {transform:translate(-50%,5%);}
}
.sec01 .inner .speech-bubble {
    position: relative;
    
    display: inline-block;
    width: 81.94vw;
	background: rgba(0,0,0,0.7);
	border-radius: 1.39vw;
    padding: 4.17vw 0vw;
}
.sec01 .inner .speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 1%;
	left: 50%;
	width: 0;
	height: 0;
	border: 1.67vw solid transparent;
	border-top-color: rgba(0,0,0,0.7);
	border-bottom: 0;
	margin-left: -1.67vw;
	margin-bottom: -1.67vw;
}
.sec01 .inner .speech-bubble p {
    position: relative;
    font-size: 4.17vw;
    color: #ededed;
    line-height: 1.5;
}
.sec01 .inner .speech-bubble p:before {
    content: "\0022";
	position: absolute;
    display: block;
    top: -10%;
    left: -10%;
    font-size: 5.56vw;
}
.sec01 .inner .speech-bubble p:after {
    content: "\0022";
	position: absolute;
    display: block;
    top: -10%;
    right: -10%;
    font-size: 5.56vw;
}

/* sec02 */
.sec02 {
    width: 100%;
	text-align: center;
}
.sec02 .inner .title:first-child {width: 60.56vw;}
.sec02 .inner .title:last-child {width: 80.56vw;}
.sec02 .inner .cont {width: 56.94vw; margin-bottom: 20.83vw}

/* sec03 */
.sec03 {
    width: 100%;
	text-align: center;
	background-image: url(../img/m_sec03_bg.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.sec03 .inner {
    padding: 20.83vw 0vw;
}
.sec03 .inner .title {width: 83.06vw;}
.sec03 .inner .img_contain {position: relative;}
.sec03 .inner .img_contain:after {
    display: block;
    position: absolute;
    content: "";
    top: -0.28vw;
    right: -0.28vw;
    width: 10%;
    height: 101%;
    background: linear-gradient(90deg, rgba(9,43,79,0) 0%, rgba(9,43,79,1) 100%);
    z-index: 1;
}
.sec03 .inner ul {    
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    
    width: 100vw;
    height: 90.28vw;
    padding: 0vw 5.56vw;
}
.sec03 .inner .review {
    display: inline-block;
    width: 84.72vw;
    height: 90.28vw;    
    margin-right: 2.78vw;
}

/* sec04 */
.sec04 {
    width: 100%;
	text-align: center;
	background-image: url(../img/m_sec04_bg.png);
	background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.sec04 .inner .title {margin-bottom: 6.94vw;}
.sec04 .inner .cont1 {margin-bottom: 13.89vw;}
.sec04 .inner .cont1 .title {width: 56.94vw;}
.sec04 .inner .cont1 .gift {margin-top: -2.39vw;}
.sec04 .inner .cont2 .title {width: 91.11vw;}

/* sec05 */
.sec05 {
    width: 100%;
	text-align: center;
	background: #f2f2f2;
}
.sec05 .inner .title {margin-bottom: 8.33vw;}
.sec05 .inner .cont1 .title {width: 56.94vw;}
.sec05 .inner .cont2 .title {width: 90.83vw;}
.sec05 .inner .cont1 {margin-bottom: 13.89vw;}
.sec05 .inner .cont1 .cont,
.sec05 .inner .cont2 .cont {margin-bottom: 11.11vw;}
.sec05 .inner .cont1 .cont:last-child,
.sec05 .inner .cont2 .cont:last-child {margin-bottom: 0vw;}

/* sec06 */
.sec06 {
    width: 100%;
	text-align: center;
	background: linear-gradient(180deg, rgba(67,115,161,1) 50%, rgba(0,60,117,1) 100%);
}
.sec06 .inner .cont1 .title {width: 56.94vw;}
.sec06 .inner .cont2 .title {width: 68.06vw;}
.sec06 .inner .cont3 .title {width: 90.28vw;}
.sec06 .inner .cont1 .cont,
.sec06 .inner .cont2 .cont {margin-bottom: 13.89vw}
.sec06 .inner .cont2 .title,
.sec06 .inner .cont3 .title {margin-bottom: 4.17vw;}
.sec06 .inner .txt_noti {
    text-align: left;
    margin: 6.94vw auto 0vw;
    padding: 0vw 4.39vw;
    line-height: 1.6;
}
.sec06 .inner span {
    position: relative;
    display: inline-block;
    color: #ededed;
    font-size: 3.75vw;
    padding-left: 3.39vw; 
    margin-bottom: 1.39vw;
}
.sec06 .inner span:before {
    position: absolute;
    content:'*';
    top: 0;
    left: 0;
    color: #ffcc33;
    font-size: 3.47vw;
    font-weight: 700;
}
.sec06 .inner span strong {
    text-underline-offset: 0.83vw; 
    text-decoration: underline;
    font-weight: 400;
}

/* sec07 */
.sec07 {
    width: 100%;
	text-align: center;
    background: #fff;
}
.sec07 .inner {padding: 20.83vw 0vw;}
.sec07 .inner .title {margin-bottom: 11.11vw;}
.sec07 .inner .cont1 {margin-bottom: 13.89vw;}
.sec07 .inner .cont1 .title {width: 56.94vw;}
.sec07 .inner .cont2 .title {width: 81.39vw;}
.sec07 .inner .cont1 .cont,
.sec07 .inner .cont2 .cont {margin-bottom: 8.33vw;}
.sec07 .inner .img_contain {
    position: relative;
    margin-bottom: 11.11vw;
}
.sec07 .inner .img_contain:after {
    display: block;
    position: absolute;
    content: "";
    top: -0.28vw;
    right: -0.28vw;
    width: 20%;
    height: 101%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 1;
}
/*
.sec07 .inner .img_contain .gradient {
    position: absolute;
    top: -0.28vw;
    right: -0.28vw;
    width: 10%;
    height: 101%;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}
*/
.sec07 .inner ul {    
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    
    width: 100vw;
    padding: 0vw 5.56vw;
}
.sec07 .inner ul li {
    display: inline-block;
    width: 46.67vw;
    margin-right: 2.78vw;
    margin-bottom: 2.78vw;
}
.sec07 .inner .noti {
    display: inline-block;
    width: 94.44vw;
    background: #ededed;
    padding: 3.06vw 0vw;
    border-radius: 2.22vw;
}
.sec07 .inner .noti p {
    font-size: 3.75vw;
    font-weight: 300;
    color: #000;
    line-height: 1.5;
}

/* sec_noti */
.sec_noti {
    background: #0e0e0e;
    text-align: left;
}
.sec_noti .inner {
    padding: 13.89vw 5.5vw 13.89vw 4.5vw;
}
.sec_noti .inner h4 {
    position: relative;
    display: inline-block;
    vertical-align: top;
    color: #f7f7f7;
    margin-bottom: 2.39vw;
    font-size: 3.47vw;
}
.sec_noti .inner h4 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3.5vw;
    height: 3.5vw;
}
.sec_noti .inner h4 span {
    padding-left: 5.47vw;
    color: #f7f7f7;
    font-size: 3.75vw;
    font-weight: 500;
}
.sec_noti .inner ul.noti {    
    display: inline-block;
    margin-left: 0.9vw;
	padding-left: 0px;
    width: auto;
}
.sec_noti .inner ul.noti ul { 
	margin-bottom: 0px;
}
.sec_noti .inner ul.noti li {
    position: relative;
    color: #a1a1a1;
    font-size: 3.75vw;
    line-height: 1.5;
    margin-bottom: 2vw;
    padding-left: 2.39vw;
}
.sec_noti .inner ul.noti li strong {
    color: #f7f7f7;
    font-weight: 400;
}
.sec_noti .inner ul.noti li: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: 4.17vw;
	color: #1e1e1e;
	font-weight: 600;
    letter-spacing: -0.07vw;
}
#QuickBanner .bt_f_btn01 {
	padding: 4.16667vw 0;
	width: 100%;
	text-align: center;
	font-size: 4.17vw;
	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;
}
#QuickBanner .bt_f_btn01 a {color:#fff;}

.m_footer_style {padding:5vw 5vw 20vw !important;}