/*  웹폰트 사용 */
@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: '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: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-8Heavy.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face { font-family: 'S-CoreDream'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-2ExtraLight.woff') format('woff'); font-weight: 200; font-style: normal; }

body, h1, h2, h3, h4, h5, input, select, textarea, button{font-family: 'Noto Sans KR', 'S-CoreDream','LotteMartDream','Malgun Gothic', '맑은 고딕', 돋움, Dotum, sans-serif;}

/* 이벤트 공통 */
.mobile_event{display: none;}
.event_wrap{min-width: 1200px; overflow-x: hidden;}
.event_wrap > div{font-size: 16px;}
.event_container{width: 1200px; margin: auto;}
.cont_title_box h3{display: inline-block; padding-left: 10px; color: #006ddc; font-family: 'LotteMartDream', sans-serif; font-weight: 700; font-size: 5em; vertical-align: top;}
.cont_title_box h3 span{font-weight: 300;}
.cont_title_box p{padding-left: 20px; font-size: 1.9em; line-height: 1.4;}

/* 이벤트 공통 : line_deco */
.wave_deco{position: relative;}
.wave_deco:after{display: inline-block; position: absolute; left: 0; bottom: -5px; content: ''; width: 100%; height: 6px; background: url("/event/common/images/tools/wave_deco.png") 0 0 no-repeat;}
.line_deco:after{display: inline-block; position: absolute; left: 0; bottom: -3px; content: ''; width: 100%; height: 3px; background-color: #ffcc33;}
.line_box{display: inline-block; width: 47px; height: 1px; margin: 30px 0; background-color: #234a8a;}

/* join_member_event_200116 PC */
.cont1_box{padding: 145px 0 135px 0; background: url("/event/join_member/dist/images/cont1_bg.png") -40px -7px no-repeat; background-size: contain;}
.cont1_box .event_container{padding: 0 10px 0 37px;}
.cont1_box li:last-child{position: absolute; right: 10px; top: 50%; transform: translateY(-50%);}
.greeting_box h5{font-family: 'LotteMartDream', sans-serif; font-weight: 300; font-size: 2.7em; line-height: 1.4; letter-spacing: -4px;}
.greeting_box h5 strong{font-weight: 700; font-size: 1.1em; letter-spacing: -3.5px;}
.greeting_box p{font-size: 1.5em; font-weight: 300; line-height: 1.4; letter-spacing: -1.5px;}
.greeting_box p span:not(:last-child){color: #0085d7;}

.cont2_box{padding: 95px 0 158px 0; background: #eff4ff url("/event/join_member/dist/images/cont2_bg.jpg") 0 0 no-repeat; background-size: cover;}
.cont2_box .go_btn_box{width: 100%; margin-bottom: 30px; text-align: right;}
.cont2_box .go_btn_box a{display: inline-block; width: 430px; height: 115px; background: url("/event/join_member/dist/images/finger_btn.png") center center no-repeat; background-size: cover;}
.benefit_list, .bottom_box .event_container{padding-right: 22px; padding-left: 22px;}
.benefit_list li{float: left; width: 32.2%; height: 510px; background-color: #fff; text-align: center; overflow: hidden;}
.benefit_list li:not(:nth-child(n+4)){margin-bottom: 18px;}
.benefit_list li:not(:nth-child(3n)){margin-right: 19px;}
.benefit_deco{position: relative; width: 100%; height: 77px; margin-bottom: 62px;}
/* 20200715 버튼 색 변경 Start */
.benefit_deco:before{position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: inline-block; content: ''; width: 0; height: 0;border: 77px solid transparent; border-bottom: 0; border-top-color: #2c2c2c; overflow: hidden;}
/* 20200715 버튼 색 변경 End */
.benefit_deco .benefit_num{display: inline-block; position: relative; top: 15px; color: #fff; font-size: 1.1em; font-family: 'LotteMartDream',sans-serif;}
.benefit_list li img{margin-bottom: 50px;}
.benefit_list li:nth-child(n+4):not(:nth-child(5)) img{margin-bottom: 42px;}
.benefit_list .list_cont{color: #333; font-family: 'LotteMartDream',sans-serif; word-spacing: -3px;}
.benefit_list .list_cont p{font-weight: 300; font-size: 1.2em;}
.benefit_list .list_cont h6{margin-top: 5px; margin-bottom: 5px; font-weight: 700; font-size: 1.8em;}
.benefit_list .list_cont span{color: #595959; font-weight: 300; font-size: 1em; font-family: 'Noto Sans', sans-serif; letter-spacing: -1px;}
/*.benefit_list li:nth-child(n+4):not(:nth-child(5)) h6{font-size: 1.45em;}*/

.bottom_box{padding: 100px 0; background: url("/event/join_member/dist/images/btm_bg.jpg") 0 0 repeat-x; background-size: cover;}
.bottom_box li{float: left;}
.bottom_box li:last-child{float: right;}
.bottom_box h4{display: inline-block; margin-left: 23px; color: #fff; font-weight: 400; font-size: 2.1em; font-family: 'S-CoreDream', sans-serif; vertical-align: middle;}
.bottom_box h4 span{position: relative; font-weight: 500;}
.bottom_box h4 span:not(.line_deco){color: #ffcc33;}
/* 20200720 버튼 칼라 수정 Start */
.bottom_box .go_btn_box{width: 460px; background-color: #3a8de2; text-align: center;}
.bottom_box .go_btn_box a{width: 100%; padding: 22px 0; color: #fff; font-weight: 500; font-size: 2em; font-family: 'S-CoreDream', sans-serif; text-shadow: 0 3px 0 #2d5277;}
/* 20200720 버튼 칼라 수정 End */


/* Media Query */
@media (min-width: 768px) and (max-width: 991px) {
    .footer .container {max-width: 100%;}
    .footer .partnership_company li{width: 20%;}
}

/* 20200925 width 640 > 800 변경 */
@media (max-width: 800px) {
    /* 이벤트 공통 */
    .pc_event{display: none;}
    .mobile_event{display: block;}
    .event_wrap{min-width: 100%;}
    .event_wrap div{font-size: 17px; text-align: center;}
    .event_wrap .event_container{width: 100%; padding: 0 3%;}
    .cont_title_box{margin-bottom: 52px; word-break: keep-all;}
    .cont_title_box p{padding-left: 0;}
    .cont_title_box h3{font-size: 3.6em; letter-spacing: -1px; vertical-align: bottom;}

    /* join_member_event_200116 Mobile */
    .cont1_box{background-position: 0 0; background-size: 160%;}
    .cont1_box li:last-child{position: inherit; transform: none;}
    .greeting_box p{width: 80%; margin: 0 auto 72px; font-size: 1.7em; text-align: left; word-break: keep-all;}
    .greeting_box p br{display: none;}
    .cont2_box .go_btn_box a{width: 100%; height: auto; padding-top: calc(115 / 640 * 100%); background: url("/event/join_member/dist/images/mobile/m_finger_btn.png") center center no-repeat; background-size: contain;}
    .benefit_list{padding-left: 0; padding-right: 0;}
    .benefit_list li{width: 49%; height: 420px;}
    .benefit_list li:not(:nth-child(3n)),.benefit_list li:nth-child(2n){margin-right: 0;}
    .benefit_list li:nth-child(2n){float: right;}
    .benefit_list li:not(:nth-child(n+5)){margin-bottom: 18px;}
    .benefit_deco, .benefit_list li img{margin-bottom: 38px;}
    .benefit_list .list_cont{font-size: 14px;}
    .bottom_box li{width: 100%;}
    .bottom_box li img{display: inline-block; margin-bottom: 36px;}
    .bottom_box h4{width: 100%; margin-left: 0; text-align: center;}
    .bottom_box .go_btn_box{width: 100%;}
}

@media (max-width: 575px) {
    .event_wrap div{font-size: 14px;}
    .greeting_box p{width: 100%;}
    .benefit_list .list_cont{margin-bottom: 10%; font-size: 16px;}
    .benefit_list li{width: 100%; height: auto;}
    .benefit_list li:not(:last-child){margin-bottom: 18px;}
}

@media (max-width: 440px) {
    .event_wrap div{font-size: 12px;}
    .cont_title_box{margin-bottom: 20px;}
    .cont_title_box img{width: 20%;}
    .cont2_box .cont_title_box img{width: 10%;}
    .cont1_box,.cont2_box{padding: 100px 0;}
    .benefit_list .list_cont{font-size: 14px;}
    .bottom_box .go_btn_box a{padding: 14px 0;}
}