/* 이벤트 공통 */
.mobile_event{display: none;}
.event_wrap{min-width: 1200px; overflow-x: hidden; font-family: 'NanumSquare', sans-serif;}
.event_wrap > div{font-size: 16px;}
.event_container{width: 1200px; height: 100%; margin: auto;}
.ev_cont_title{text-align: center;}
.ev_cont_title h3{display: inline-block; font-weight: 700; font-size: 4em; vertical-align: top;}
.ev_cont_title p{font-weight: 400; font-size: 1.9em; line-height: 1.4;}

/* *** 더블할인 이벤트 스타일 Start *** */
.ev_cont_title h5{font-size: 3.8em; font-family: 'NEXONFootballGothicBA1', sans-serif;}
.ev_cont_title strong{font-weight: 800;}

/* main_box */
.event_period_wrap{bottom: 0; left: 0; width: 100%; height: 100%; padding: 95px 0;}
.event_period{display: inline-block; bottom: 0; right: 0; padding: 0 52px 4px; border: solid 7px #013a65; border-radius: 300px; color: #013a65; font-weight: 700; font-size: 1.4em; letter-spacing: -1px;}
.event_period span{color: #ff337e; font-weight: 800; font-size: 1.8em;}

/* cont1_box */
.cont1_box:before{content: 'DOUBLE'; display: inline-block; position: absolute; right: 0; bottom: 0; color: rgba(216, 216, 216, 0.4); font-weight: 800; font-size: 16em; line-height: 0.7; font-style: italic; letter-spacing: -10px;}
.cont1_box .ev_cont_title .title_txt{font-size: 0.8em;}
.cont1_box .ev_cont_title .title_txt h3{display: inline-block; margin-right: 10px;}
.cont1_box .ev_cont_title .title_txt span{font-weight: 800; font-size: 4em; vertical-align: text-top;}
.cont1_box .ev_cont_title .two_img{display: inline-block; padding: 0 0.6em; background: url("/event/double_dc/dist/images/two_img.png") 0 0 no-repeat; background-size: contain; text-indent: -9999px;}
.cont1_box .ev_cont_title .balloon p{position: absolute; top: 10%; left: 25%; color: #FFFFFF; font-weight: 800; font-size: 2.4em; }
.cont1_box .ev_cont_title .balloon p span{font-size: 0.5em;}
.db_coupon_txt{top: 20%; left: 0; text-align: center;}
.coupon_title{margin-bottom: 4%; font-size: 1.25em;}
.coupon_title:before, .coupon_title:after{content: ''; display: inline-block; width: 6px; height: 6px; margin-left: 10px; margin-right: 10px; background-color: #ffffff; border-radius: 50%; vertical-align: middle;}
.dc_per{color: #ffde59; font-family: 'NEXONFootballGothicBA1', sans-serif; font-size: 6.6em; line-height: 1; letter-spacing: -3px;}
.dc_per+span{margin-left: 5px; color: #e1cd92; font-size: 1.5em; line-height: 1em; font-family: 'Cafe24Dangdanghae', sans-serif; text-align: left;}
.double_coupon .w20p{padding-top: calc( 26 / 640 * 100% ); font-size: 7em; text-align: center;}

/* cont2_box */
.cont2_box{padding: 74px 0 !important; background: url("/event/double_dc/dist/images/cont2_bg.jpg") 0 0 repeat-x; background-size: contain; text-align: center;}
.cont2_box:after{content: ''; display: block; position: absolute; bottom: -46px; left: 50%; width: 92px; height: 92px; margin-left: -1.25%; background: url("/event/double_dc/dist/images/cont2_add.png") 0 0 no-repeat; background-size: cover;}
.cont_banner {margin: 0 15%;}
.cont_banner:before{content: '['; display: inline-block; position: absolute; left: 0; top: 0; width:  22px; height: 100%; background: url("/event/double_dc/dist/images/bracket_img.png") 0 0 no-repeat; background-size: contain;}
.cont_banner:after{content: '['; display: inline-block; position: absolute; right: 0; top: 0; transform: rotateY(180deg); width:  22px; height: 100%; background: url("/event/double_dc/dist/images/bracket_img.png") 0 0 no-repeat; background-size: contain;}
.cont2_box p{color: #ffffff; font-size: 2.2em; font-family: 'NEXONFootballGothicLA1', sans-serif;}
.cont2_box p:first-child{font-size: 1.8em; font-family: 'NanumSquare', sans-serif;}
.cont2_box .txt_lightblue{color: #8adbff; font-size: 3.8em; font-family: 'NEXONFootballGothicBA1', sans-serif;}
.cont2_box p .txt_yellow{font-weight: 800; font-size: 1.4em;}

/* cont3_box */
.cont3_box .ev_cont_title h5{font-size: 5.2em;}
.double_event_tab_box .darkgray_tabs .nav-item{font-family: 'NEXONFootballGothicLA1', sans-serif;}
.double_cont_list#house_crs_cont{padding: 2% 5.5%; background: url("/event/double_dc/dist/images/double_bg_house.jpg") 0 0 no-repeat; background-size: cover; font-size: 1.5em;}
.double_cont_list#account_crs_cont{padding: 2% 5.5%; background: url("/event/double_dc/dist/images/double_bg_account.jpg") 0 0 no-repeat; background-size: cover; font-size: 1.5em;}
.double_cont_list#korean_crs_cont{padding: 2% 5.5%; background: url("/event/double_dc/dist/images/double_bg_korean.jpg") 0 0 no-repeat; background-size: cover; font-size: 1.5em;}
.double_cont_item{border: 1px solid #666666; background-color: rgba(255,255,255,0.8);}
.double_cont_item td{padding: 2%; font-weight: 400; overflow: hidden;}
.double_cont_item td:first-child{border-right: 2px solid #ffffff;}
.double_cont_item td:first-child:after{display: inline-block; content: ''; position: absolute; top: 0; right: 0; border-top: 146px solid transparent; border-right: 20px solid #ffffff;}
.double_cont_item p{display: inline-block; margin-right: 8px;}
.double_cont_item p span,.double_cont_item strong{font-weight: 800;}
.double_cont_item .crs_title{font-size: 1.7em; font-family: 'NEXONFootballGothicLA1', sans-serif;}
.double_cont_item .click_btn{padding: 40px 21.4px; font-family: 'NEXONFootballGothicBA1', sans-serif; line-height: 1;}

/* cont4_box */
.cont4_box{padding: 74px 0 !important; background: url("/event/double_dc/dist/images/cont4_bg.jpg") 0 0 repeat; background-size: contain; text-align: center;}
.cont4_box .ev_cont_title p strong:after{content: ''; display: inline-block; padding: 2% 1.77%; margin-left: 10px; background: url("/event/double_dc/dist/images/mouse-icon.png") 0 0 no-repeat; background-size: cover; vertical-align: bottom;}
.join_method_list > .row{padding: 4%; border-bottom: 1px solid #ffffff;}
.join_method_list .join_method_list_item{padding: 0 1%;}
.join_method_item{padding: 6% 2%; border-radius: 30px; font-size: 1.65em; letter-spacing: -1px;}
.join_method_item h5{font-size: 1.1em;  font-weight: 600;}
.join_method_item div h5{line-height: 1;}
.cont4_box .notice_list li{font-size: 1.2em;}

/* cont5_box */
.double_badge{display: inline-block; position: absolute; right: 10%; top: -30%;  width: 200px; height: 200px; border: 6px solid #622da5; border-radius: 300px; font-size: 1.45em; font-weight: 800; overflow: hidden;}
.double_badge li{height: 60%; padding-top: 30px;}
.double_badge li.bg_purple{height: 40%; padding-top: 28px; background-color: #622da5 !important;}
.cont5_box .join_method_item{border: 3px solid #e1e1e1;}
.cont5_box .join_method_item.left_item .position-absolute{left: 50%; top: 20%; transform: translateX(-50%); font-size: 1.5em; font-family: 'NEXONFootballGothicBA1', sans-serif;}
.cont5_box .join_method_item.right_item .position-absolute{left: 36%; top: 30%; font-size: 2.6em; font-family: 'NEXONFootballGothicBA1', sans-serif;}
.cont5_box .join_method_item.right_item span{font-size: 0.5em; font-family: 'NEXONFootballGothicLA1', sans-serif;}
.cont5_box .db_benefit_box h5{color: #ff6666; font-family: 'NEXONFootballGothicLA1', sans-serif;}
.cont5_box .db_benefit_box p{font-size: 0.8em;}
.cont5_box .go_join_btn{width: 60%; padding: 2% 5%; background-color: #65aa3f; border-radius: 300px; font-size: 2.4em; font-family: 'NEXONFootballGothicBA1', sans-serif; text-align: center;}

/* 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%;}
    .event_wrap > div:not(:first-child){padding: 60px 0;}
    .ev_cont_title h5{font-size: 3em;}
    .ev_cont_title.mgb80{margin-bottom: 50px}

    /* main_box */
    .event_period_wrap{padding: 0;}
    .event_period{bottom: 10%; padding: 0 22px 4px; font-weight: 800;}
    .event_period p{font-size: 1.25em;}

    /* cont1_box */
    .cont1_box:before{font-size: 10em;}
    .cont1_box .ev_cont_title{margin-bottom: 70px;}
    .cont1_box .ev_cont_title .title_txt{font-size: 12px;}
    .cont1_box .ev_cont_title .balloon{width: 74px; margin-right: 8px; vertical-align: bottom;}
    .cont1_box .ev_cont_title .balloon div{font-size: 17px;}
    .cont1_box .ev_cont_title .balloon p{top: 0; left: 20%; font-size: 1.8em;}
    .cont1_box .ev_cont_title .title_txt h3{display: block; margin-right: 0; font-size: 3.3em;}
    .cont1_box .ev_cont_title .title_txt span{font-size: 3.3em; vertical-align: baseline;}
    .cont1_box .ev_cont_title .two_img{padding: 0 0.5em;}
    .double_coupon .w20p{width: 10%; padding-top: 0; font-size: 5em;}
    .double_coupon .w40p{width: 45%;}
    .db_coupon_txt{top: 16%; font-size: 10px !important;}

    /* cont2_box */
    .cont_banner{margin: 0;}
    .cont_banner:before,.cont_banner:after{display: none;}
    .cont2_box .txt_lightblue{font-size: 3em;}
    .cont2_box:after{bottom: -36px; width: 80px; height: 80px; margin-left: -40px;}

    /* cont3_box */
    .cont3_box .ev_cont_title h5{font-size: 4em;}
    .double_cont_list#house_crs_cont,.double_cont_list#account_crs_cont{background-position: right 0;}
    .cont3_box .darkgray_tabs .nav-link{display: flex; justify-content: center; align-items: center; padding: 0.7em 0; line-height: 1.2;}
    .cont3_box .double_cont_item td:first-child:after{display: none;}
    .cont3_box .double_cont_item td:last-child{width: 22%;}
    .double_cont_list{padding: 0; background-image: none;}
    .double_cont_item .w22p{width: 25%;}
    .double_cont_item .crs_txt{padding-left: 5%; font-size: 20px; text-align: left;}
    .double_cont_item .crs_txt p{display: block;}
    .double_cont_item .click_btn{padding: 6vw 4vw; text-align: center;}

    /* cont4_box */
    .join_method_list > .row{padding-left: 0; padding-right: 0;}
    .join_method_list li div{font-size: 20px;}
    .cont4_box .notice_list{font-size: 14px;}
    .cont4_box .ev_cont_title p strong:after{padding: 4.4% 4%;}

    /* cont5_box */
    .double_badge{right: 0; top: -100px; width: 26vw; height: 26vw; font-size: 3.4vw;}
    .double_badge li,.double_badge li.bg_purple{padding-top: 20px;}
    .cont5_box .ev_cont_title h5{margin-top: 50px;}
    .cont5_box .join_method_item.left_item .position-absolute{font-size: 1.8em;}
    .cont5_box .join_method_item.right_item .position-absolute{left: 22%; top: 27%; font-size: 3.6em;}
    .cont5_box .go_join_btn{width: 100%;}
}

@media (max-width: 575px) {
    .event_wrap div{font-size: 14px;}

    /* cont4_box */
    .join_method_list li div{font-size: 24px; align-self: center;}
    .join_method_item{padding: 4% 2%;}
    .join_method_item .mgb30{margin-bottom: 20px;}
    .join_method_item img.mgb20{margin-bottom: 0;}
    .join_method_item .row .col-7{text-align: left;}

    /* cont5_box */
    .cont5_box .join_method_item.left_item .position-absolute{font-size: 5.2vw;}
    .cont5_box .join_method_item.right_item .position-absolute{font-size: 10.2vw;}
}

@media (max-width: 500px) {
    /* main_box */
    .event_period{padding: 0 22px 0;}

    /* cont1_box */
    .cont1_box .ev_cont_title .title_txt h3, .cont1_box .ev_cont_title .title_txt span{font-size: 2.8em;}
    .cont1_box .ev_cont_title{margin-bottom: 40px;}
    .dc_per{font-size: 11vw;}

    .double_badge{width: 110px; height: 110px; font-size: 14px;}
    .double_badge li, .double_badge li.bg_purple{padding-top: 14px}
}

@media (max-width: 440px) {
    .event_wrap div{font-size: 12px;}
    .ev_cont_title.mgb80{margin-bottom: 30px;}

    /* cont2_box */
    .cont2_box{padding: 40px 0 !important;}
    .cont2_box br.d-none{display: block !important;}
    .cont2_box p:first-child{line-height: 1;}

    /* cont3_box */
    .double_event_tab_box .prof_tab_wrap{margin-bottom: 20px !important;}
    .double_cont_item td:first-child{border: 0;}
    .double_cont_item td:nth-child(n+2){display: inline-block;}
    .double_cont_item .crs_txt{width: 70%;}
    .cont3_box .double_cont_item td:last-child{width: 30%;}
    .double_cont_item .w22p{display: block; width: 100%;}
    .double_cont_item .crs_title .mobile_event{display: none;}

    /* cont4_box */
    .cont4_box{padding: 60px 0 !important;}
    .cont4_box .ev_cont_title p strong:after{display: none;}
    .join_method_list li div{font-size: 20px;}
    .cont4_box .notice_list li{font-size: 1em;}
    .join_method_list > .row{margin-bottom: 30px;}

    .cont5_box .go_join_btn{padding: 5% 0; font-size: 2em;}
    .cont5_box .join_method_item.right_item .position-absolute{top: 21%;}
}

/*200826 코로나 관련 내용 추가*/
.event_period{right: calc(50% - 260px);}
.event_period span{color: #ff3333;}
@media(max-width:640px){
    .event_period{bottom: 23%; right: 0;}
}