@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 300; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamLight.woff') format('woff'); }
@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamMedium.woff') format('woff'); }
@font-face { font-family: 'LotteMartDream'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartDream/LotteMartDreamBold.woff') format('woff'); }
@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 400; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff'); }
@font-face { font-family: 'LotteMartHappy'; font-style: normal; font-weight: 700; src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyBold.woff') format('woff'); }

/* Font Family */
.ff_lotte{font-family: 'LotteMartDream', sans-serif;}
.ff_lottehappy{font-family: 'LotteMartHappy', sans-serif;}


.nt_circle_shape{border-radius: 50%;}
.round_full{border-radius: 300px; vertical-align: middle;}
.round_content{border-radius: 8px;}
.r_text{display: inline-block;}
.border_box{border: 4px solid #ffffff;}
.bg_black{background-color: #222222 !important;}
.bg_darkpp{background-color: #342c68 !important;}
.bg_blue{background-color: #2c37c6 !important;}
.border_black{border-color: #222222 !important;}
.pp_under{box-shadow:inset 0 -20px 0 #342c68 !important;}
.txt_white{color: #ffffff;}
.txt_lightpp{color: #d8d0ff;}
.tt_line_deco{display: inline-block; width: 48px; height: 6px; vertical-align: top;}
.negative_mt10{margin-top: -10px;}

.notice_cont{font-size: 16px;}
.view_container{width: 100%; margin: auto;}
.view_section{padding: 6.25em 0;}
.notice_cont .use_info{color: #999999; font-weight: 300; font-size: 0.88em;}
.notice_cont .event_guide{padding: 3.25em 0; background-color: #454545; color: #999999; font-size: 0.95em;}
.notice_cont .event_guide .guide_tt{font-size: 1.2em;}
.notice_cont .img_list_box{padding: 2.25em; background-color: #ffffff; border: 1px solid #cecece;}
.notice_cont .content_title{font-size: 2.25em; line-height: 1;}

/* 무이자 할부 */
.notice_march .txt_yellow{color: #fff855;}
.notice_march .notice_main .view_container{padding: 0 10.6em;}
.notice_march .round_full{padding: 0.2em 1.38em; background-color: #583fa4;}
.notice_march .space_box{margin: 1em 0; font-size: 1.62em;}
.notice_march .use_info_detail{padding: 10px; background-color: #ececec; color: #999999; font-size: 1em;}

.notice_march_v1 .notice_main{background-image: url("/notice/interest_free/dist/images/interest_free_top.jpg"); background-size: cover;}
.notice_march_v1 .month_box{font-size: 1.46em;}
.notice_march_v1 .title_box{font-size: 5em;}
.notice_march .round_content{padding: 1.39em 0; font-size: 1.62em; text-align: left; word-spacing: -1px;}
.notice_march .round_content .round_full{font-size: 0.77em;}

.notice_march_v2 .notice_main{background-image: url("/notice/interest_free/dist/images/interest_free_top2.jpg"); background-size: cover;}
.notice_march_v2 .month_box{position: absolute; top: -2.5em; right: 6em; padding: 1.05em; font-size: 1.25em;}
.notice_march_v2 .month_box strong{font-size: 1.5em; line-height: 1;}
.notice_march_v2 .title_box p{color: #3e8365; font-size: 5em; line-height: 1;}
.notice_march_v2 .title_box .main_tt{font-size: 7.2em;}
.notice_march_v2 .title_box .border_round{display: inline-block; padding: 0.13em 1.05em; border-width: 2px; border-style: solid; font-size: 1.37em; line-height: 1;}
.notice_march_v2 .space_box{margin: 0 auto 30px;}
.notice_march_v2 .space_box p{padding: 0.35em 0; line-height: 1.2em;}
.notice_march_v2 .round_content .round_full{background-color: #3e8365;}
.notice_march_v2 .img_list_box .txt_7e.negative_mt10{font-size: 18px;}

@media (min-width: 576px) {
    .view_container{max-width: 100%; margin: auto;}
}

@media (min-width: 768px) {
    .view_container{max-width: 678px; margin: auto;}
}

@media (min-width: 992px) {
    .view_container{max-width: 902px; margin: auto;}
}

@media (min-width: 1200px) {
    .view_container{max-width: 1010px; margin: auto;}
}

@media (max-width: 1200px) {
    .notice_cont{font-size: 14px;}
}

@media (max-width: 991px) {
    .notice_march .notice_main .view_container{padding: 0 10px;}
}

@media (max-width: 767px) {
    .view_container{padding: 0 10px;}
    .notice_march_v2 .month_box{right: 2em;}
}

@media (max-width: 640px) {
    .notice_cont .img_list_box .w33p{width: 50%;}
    .notice_march .round_content .w80p{width: 88%;}
    .notice_march_v1 .title_box{font-size: 4.2em;}
}

@media (max-width: 575px) {
    .notice_cont .round_full.mgr50{margin-right: 6px;}
    .notice_cont .img_list_box{padding: 1em;}
    .notice_march_v1 .title_box{margin: 0.4em 0; line-height: 1.2em;}
    .notice_march_v1 .title_box .border_box{border: 0;}
    .notice_march_v2 .title_box .main_tt{font-size: 6.5em;}
}

@media (max-width: 500px) {
    .r_text{display: block; margin-top: 6px;}
    .view_section{padding: 5em 0;}
    .notice_march .round_content{text-align: center;}
    .notice_march .round_content .round_full{margin-right: 0;}
    .notice_cont .img_list_box .w33p{width: 100%;}
    .notice_cont .img_list_box img{display: block; margin: auto;}
    .notice_march_v2 .title_box p{font-size: 4em;}
    .notice_march_v2 .title_box .main_tt{font-size: 5em;}
    .notice_march_v2 .space_box{width: 100%;}
}

@media (max-width: 440px) {
    .notice_cont .content_title{line-height: 1.4em;}
    .notice_cont .content_title strong{display: block;}
    .notice_march_v2 .month_box{right: 0.5em;}
}

@media (max-width: 400px) {
    .notice_march_v2 .month_box{padding: 0.8em; font-size: 1.1em;}
}

@media (max-width: 360px) {
    .r_text{font-size: 0.95em;}
}