@charset "euc-kr";
/* setting */
/*{padding:0; margin:0}*/
.blindw {position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden}
.eventWrap{width:100%;text-align:center;position:relative;font-size: 15px;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative; max-width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.eventWrap .con_tit{position: relative;margin-bottom: 60px;text-align: center;}
.eventWrap .con_subtit{margin-bottom: 35px;position:relative;padding: 0 5%;}
.eventWrap .img_mb{display:none}
.eventWrap .conBox{position:relative}
.eventWrap .conBox::after{content:"";display:block;clear:both}
.eventWrap .flow::after{content:"";display:block;clear:both}
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 52%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box .play_area{/*width: 100% !important;height: 100% !important;*/position: absolute;width: 100%;height: 100%;}
.eventWrap .video_box.vdo_none{padding:0}
.eventWrap .video_box iframe{position: absolute;top:0;left:0;width:100%;height:100%;}
.eventWrap .tiny_txt{font-size:12px;letter-spacing: -0.03em;font-family: '?? ??','Malgun Gothic','??','Dotum',sans-serif;}
.eventWrap sup{vertical-align: top;}

.flt_inner{position: absolute;top: 4%;right: 1%;z-index: 3;}
.flt_inner a {display: block;margin-bottom: 6px;font-size: 14px;font-weight: 700;}
.flt_inner a span {position: relative;display: inline-block;vertical-align: top;margin: 9px 0 0 4px;} 
.flt_inner a span::after {position: absolute;left: 0;top: 0;content: '';width: 4px;height: 4px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(315deg);-moz-transform: rotate(315deg);-webkit-transform: rotate(315deg);}

/* layerpop */
.layerPop { display:none; position:fixed; top:50%; left:50%; max-width:780px; width:90%; transform:translate(-50%, -50%); }
.layerPop > a { display:block; float:right; }
.layerPop > div { clear:both; border:1px solid #000; background:rgba(255,255,255,.9); box-sizing:border-box; padding:30px; }
.layerPop ul { display:none; font-size:12px; line-height:130%; color:#666; text-align:left; word-break:keep-all; }


/*tab common*/
.eventWrap .tabMenu { margin-top:70px; border-bottom:4px solid #000; overflow:hidden; }
.eventWrap .tabMenu li { float:left; width:50%; background:#d8d8d8; height:85px; display:table; cursor:pointer; }
.eventWrap .tabMenu li.on { background:#000; }
.eventWrap .tabMenu li span { display:table-cell; vertical-align:middle; font-size:28px; font-weight:300; color:#6a6a6a; }
.eventWrap .tabMenu li.on span { color:#fff; font-weight:700; }
.eventWrap .tabContent { margin:0 auto; max-width:1000px; width:100%; text-align:left; overflow:hidden; }


/*visual*/
.visual { background:url(https://img.megagong.net/m/2022/0429_tax/bg_visual.png) repeat-x center top;  height:1728px; }
.visual a { display:block; width:98px; height:98px; position:absolute; right:87px; font-size:0; }
.visual a.link1 { top:863px; }
.visual a.link2 { top:976px; }
.visual .inner2 { width:96%; max-width:1324px; margin:auto; position:relative; }
.visual .tiny_txt { position:absolute; bottom:360px; left:0; z-index:5; text-align:left; color:rgba(0,0,0,.5); }


/* con01 */
.con1 { overflow:hidden; position:relative; padding:100px 0; background:#1a1a1a url(https://img.megagong.net/m/2022/0429_tax/bg_con1.png) repeat-x top center;  }
.con1 > img.bg { position:absolute; top:360px; left:50%; margin-left:-857px; }
.con1 .process { margin-top:90px; }
.con1 .btn { margin:15px auto 0; width:340px; }
.con1 .btn a { display:table; width:100%; height:60px; font-size:17px; border:2px solid #ff906c; box-sizing:border-box; }
.con1 .btn a span { display:table-cell; vertical-align:middle; color:#ff906c; font-weight:700; }
.con1 .btn a span img { margin-left:15px; }
.con1 .bg { position:absolute; top:0; left:50%; }
.con1 .slickBox { margin-top:180px; width:100%; height:295px; position:relative; }
.review_slider { position:absolute; top:0; left:50%; transform:translateX(-50%); width:255%; }
.review_slider .item { color:#fff; }
.review_slider .item img { width:95%; display:block; margin:auto; }
.review_slider .slick-slide { opacity:.2; transition:all .3s; }
.review_slider .slick-slide.on { opacity:1; }

.con1 .slickBox .slick-arrow { position:absolute; top:50%; z-index:55; transform:translateY(-50%); width:60px; height:59px; font-size:0; }
.con1 .slickBox .slick-prev { left:50%; margin-left:-600px; background:url(https://img.megagong.net/m/2022/0429_tax/btn_con1_prev.png) no-repeat; }
.con1 .slickBox .slick-next { right:50%; margin-right:-600px; background:url(https://img.megagong.net/m/2022/0429_tax/btn_con1_next.png) no-repeat; }
.con1 .tiny_txt { margin:15px -20px 0 0; color:rgba(255,255,255,.3); font-size:12px; text-align:right; }

/* con02 */
.con2 { padding:120px 0; }
.eventWrap .con2 .inner { max-width:1284px; }
.con2 .btn { margin:15px auto 0; width:340px; }
.con2 .btn a { display:table; width:100%; height:60px; font-size:17px; border:2px solid #ff906c; box-sizing:border-box; }
.con2 .btn a span { display:table-cell; vertical-align:middle; color:#ff906c; font-weight:700; }
.con2 .btn a span img { margin-left:15px; }
.bookBox { margin:70px auto 0; height:420px; position:relative; }
.book_slider { position:absolute; top:0; width:1284px; transform:translateX(-50%); left:50%; }
.bookBox .slick-arrow { position:absolute; top:50%; z-index:55; transform:translateY(-50%); width:57px; height:106px; font-size:0; }
.bookBox .slick-prev { left:-60px; background:url(https://img.megagong.net/m/2022/0429_tax/btn_prev.png) no-repeat; }
.bookBox .slick-next { right:-60px; background:url(https://img.megagong.net/m/2022/0429_tax/btn_next.png) no-repeat; }
.con2 .tiny_txt { text-align:left; margin:25px 0 0 0; font-size:11px; line-height:140%; color:rgba(0,0,0,.5); }

/* con03 */
.con3 { background:#1a1a1a; padding:150px 0; }
/* 
.con3 .video_box { margin:70px auto 0; max-width:1000px; width:100%; }
.con3 .video_box + img { margin-top:-5px; }
 */
.con3 .youtube_box { margin:70px auto 0; max-width:1000px; width:100%; height:560px; position:relative; }
.con3 .youtube_box > img { position:absolute; top:0; left:0; width:100%; z-index:1; cursor:pointer; }
.con3 .youtube_box > iframe { position:absolute; top:.5px; left:.5px; width:99%; height:99%; }
.con3 .youtube_box + img { margin-top:-5px; }

.con3 ul { margin:10px auto 0; max-width:1000px; text-align:left; color:rgba(255,255,255,.2); font-size:11px; font-weight:300; }

/*con4*/
.con4 { background:#ebebeb; padding:150px 0; }
.con4 .tabContent h4 { margin-top:60px; display:inline-block; width:auto; text-align:left; padding:9px 0; font-size:22px; font-weight:700; border-top:1px solid #a4a4a4; border-bottom:1px solid #a4a4a4; }
.con4 table { max-width:1000px; border-top:1px solid #000; border-bottom:1px solid #000; font-size:18px; }
.con4 table th { background:#ffe2d9; border-left:1px solid #000; border-bottom:1px solid #000; font-weight:700; text-align:center; padding:15px 5px; }
.con4 table th:first-child { border-left:none; }
.con4 table td { border-left:1px solid #000; border-bottom:1px solid #000; text-align:center; padding:15px 5px;}

.tbl_v1 { margin:20px 0 40px; }
.tbl_v1 thead th.color1 { background:#ffc5b2; }
.tbl_v1 thead th.color2 { background:#ff9f7f; }
.tbl_v1 thead th.color3 { background:#ff784c; }
.tbl_v1 thead th.color4 { background:#ff3f00; color:#fff; }
.tbl_v1 thead th:first-child,
.tbl_v1 tbody td:not(.line):first-child { border-left:none; }
.tbl_v1 td.gray { background:#d3d3d3; }

.tbl_v2 { margin-top:20px; }

/*con5*/
.con5 { padding:150px 0; }
.con5 .lect { margin-top:70px; }
.con5 .lecture { padding-bottom:0 !important; }
.con5 .bn { margin-top:20px; }
.con5 .inner { position:relative; }
.con5 i { position:absolute; top:-50px; right:-50px; }

/*event*/
.event { background:#ec5220; padding:150px 0; opacity: .9999; position:relative; }
.event .bg { position:absolute; bottom:0; left:50%; margin-left:185px;}
.event .btn { margin-top:80px; }
.event .btn li { display:inline-block; margin:0 10px; width:408px; }
.event .btn li a { display:table; width:100%; height:88px; box-sizing:border-box; border:3px solid #000; font-size:30px; font-weight:700; }
.event .btn li a span { display:table-cell; vertical-align:middle; }
.event .btn li a img { margin: 10px 0 0 25px; display:inline-block; vertical-align:top; }

/* new content */
.con_n1{background-color:#ffe1d6;padding:150px 0 470px;}
.con_n1 .b_tit{margin:0 auto;}
.con_n1 .s_tit{margin:50px auto 0;}
.con_n1 .tab_base{margin-top:70px;width:100%;}
.con_n1 .tab_base:after{content:'';display:block;clear:both;}
.con_n1 .tab_base > li{width:50%;border-bottom:4px solid #000000;float:left;}
.con_n1 .tab_base > li > a{display:block;background-color:#d8d8d8;color:#6a6a6a;padding:15px 0;}
.con_n1 .tab_base > li > a span{font-size:18px;font-weight:500;}
.con_n1 .tab_base > li > a strong{display:block;font-size:28px;font-weight:200;}
.con_n1 .tab_base > li.on > a{background-color:#000;color:#fff;}
.con_n1 .tab_base > li.on > a strong{font-weight:500;}
.con_n1 .panel_base{margin-top:50px;}
.con_n1 .class_info{width:100%;margin-top:25px;}
.con_n1 .class_info:after{content:'';display:block;clear:both;}
.con_n1 .class_info > li{float:left;margin-left:34px;}
.con_n1 .class_info > li:first-child{margin-left:0;}
.con_bottom{background-color:#ffd2c2;position:relative;}
.eventWrap .con_bottom .inner{position:absolute;left:50%;top:0;width:100%;height:100%;margin-left:-540px;}
.con_bottom .class_book{position:absolute;left:9.9075%;bottom:10%;width:80.185%}
.con_bottom .class_book dt{margin:0 auto;}
.con_bottom .class_book dd{margin:30px auto 0;position:relative;}
.con_bottom .class_book dd .btn_link{position:absolute;width:21%;height:30%;bottom:17%;background-color:gold;opacity:0;font-size:0;border-radius:50%;}
.con_bottom .class_book dd .btn_link.btn_link1{left:11%;}
.con_bottom .class_book dd .btn_link.btn_link2{left:33.3%;}

.event_n2{background-color:#00524d;padding:150px 0;}
.event_n2 .btn{width:57.4%;margin:50px auto 0;}
.event_n2 .btn li a{display:block;}

@media (max-width:1324px){
    /*visual*/
    .visual { height:125vw; min-height:400px; background-size:cover; }
    .visual a { width:7vw; height:6vw; right:6vw; }
    .visual a.link1 { top:50%; }
    .visual a.link2 { top:56%; }
    .visual .tiny_txt { bottom:25%; font-size:11px; }
}

@media (max-width:1200px){
    .flt_inner{display:none; }
    .eventWrap .inner{width: 96%;}

    /*tab common*/
    .eventWrap .tabMenu { margin-top:5vw; }
    .eventWrap .tabMenu li { height:65px; }
    .eventWrap .tabMenu li span { font-size:23px; }

    /*visual*/
    .visual { height:125vw; min-height:400px; }
    .visual a { width:7vw; height:6vw; right:6vw; }
    .visual a.link1 { top:50%; }
    .visual a.link2 { top:56%; }
    .visual .tiny_txt { bottom:15%; font-size:11px; }

        
    /* con01 */
    .con1 { padding:10vw 0; background-size:auto 20%; }
    .con1 > img.bg { display:none; }
    .con1 .process { margin-top:5vw; }
    .con1 .bg { position:absolute; top:0; left:50%; }
    .con1 .slickBox { margin-top:5vw; height:auto; }
    .review_slider:before,
    .review_slider:after { display:none; }
    .review_slider { position:static; top:0; left:0; transform:translateX(0); width:100%; }
    .review_slider .item img { width:95%; display:block; margin:auto; }

    .con1 .slickBox .slick-arrow { position:absolute; top:50%; z-index:55; transform:translateY(-50%); width:60px; height:59px; font-size:0; }
    .con1 .slickBox .slick-prev { left:50%; margin-left:-600px; background:url(https://img.megagong.net/m/2022/0429_tax/btn_con1_prev.png) no-repeat; }
    .con1 .slickBox .slick-next { right:50%; margin-right:-600px; background:url(https://img.megagong.net/m/2022/0429_tax/btn_con1_next.png) no-repeat; }
    .con1 .tiny_txt { margin:5px 0 0 0; font-size:11px; }


    /* con02 */
    .con2 { padding:10vw 0; }
    .eventWrap .con2 .inner { max-width:100%; }
    .con2 .btn { margin:3vw auto 0; width:340px; }
    .con2 .btn a { height:50px; font-size:15px; }
    .con2 .btn a span img { margin-left:10px; }
    .bookBox { margin:5vw auto 0; height:auto; }
    .book_slider { position:static; top:inherit; width:95%; margin:auto; box-sizing:border-box; transform:translateX(0); left:inherit; }
    .book_slider .item img { height:38vw; margin:auto; text-align:center; }
    .bookBox .slick-arrow { width:25px; height:47px; }
    .bookBox .slick-prev { left:-20px; background-size:100%;}
    .bookBox .slick-next { right:-20px; background-size:100%; }
    .con2 .tiny_txt { text-align:left; margin:25px 0 0 0; font-size:11px; line-height:140%; color:rgba(0,0,0,.5); }

    /* con03 */
    .con3 { padding:10vw 0; }
    /* .con3 .video_box { margin:5vw auto 0; } */
    
    .con3 .youtube_box { margin:5vw auto 0; height:50vw; overflow:hidden; }
    .con3 .youtube_box > img { width:100%; }

    .con3 ul { margin:3vw auto 0;  }

    /*con4*/
    .con4 { padding:10vw 0; }
    .con4 .tabContent h4 { margin-top:5vw; }
    .con4 table { font-size:18px; }
    .con4 table th,
    .con4 table td { padding:10px 5px; }

    .tbl_v1 { margin:3vw 0 5vw; }
    .tbl_v2 { margin-top:3vw; }

        
    /*con5*/
    .con5 { padding:10vw 0; }
    .con5 i { top:-7vw; right:0; max-width:180px; width:17%; }
    .con5 .lect { margin-top:5vw; }
    .con5 .bn { margin-top:5vw; }

    /*event*/
    .event { padding:10vw 0; }
    .event .bg { display:none; }
    .event .btn { margin-top:5vw; }
    .event .btn li { margin:0 10px; width:30%; }
    .event .btn li a { height:65px; font-size:25px; }
    .event .btn li a img { margin: 8px 0 0 10px; height:18px; }

        
    /* layerpop */
    .layerPop > a { display:block; float:right; width:40px; }
    .layerPop > div { padding:15px; }
    .layerPop ul { font-size:11px; }

    /* new content */
    .con_n1{padding:75px 0 44%;}
    .con_n1 .b_tit{width:64.3%;}
    .con_n1 .s_tit{width:63.16%;margin-top:25px;}
    .con_n1 .tab_base{margin-top:35px;}
    .con_n1 .tab_base > li > a span{font-size:13px;}
    .con_n1 .tab_base > li > a strong{font-size:23px;}
    .con_n1 .panel_base{margin-top:25px;}
    .con_n1 .video_thumb .play_area{width:100% !important;height:0 !important;padding:0 0 57% 0;position: relative;}
    .con_n1 .video_thumb .play_area iframe{position:absolute;left:0;top:0;}
    .con_n1 .class_info > li{width:32%;margin-left:2%;}
    .con_n1 .class_info > li:first-child{margin-left:0;}
    .eventWrap .con_bottom .inner{width:100%;margin-left:0;left:0;}
    .con_bottom .class_book.class_tp1 dt{width:77.1362%;}
    .con_bottom .class_book.class_tp2 dt{width:71.7%;}
    .event_n2{padding:75px 0;}
}


@media (max-width:768px){
    
    /*tab common*/
    .eventWrap .tabMenu li { height:55px; }
    .eventWrap .tabMenu li span { font-size:18px; }

    /*con4*/
    .con4 .tabContent h4 { padding:5px 0; font-size:17px; }
    .con4 .tabContent h4 img { height:23px; }
    .con4 table { font-size:15px; }
    .con4 table th,
    .con4 table td { padding:5px; }

    .con_n1 .tab_base > li > a{padding:10px 0;}
    .con_n1 .tab_base > li > a span{font-size:11px;}
    .con_n1 .tab_base > li > a strong{font-size:18px;}
}

@media (max-width:576px){

    /*tab common*/
    .eventWrap .tabMenu li { height:45px; }
    .eventWrap .tabMenu li span { font-size:15px; }

    /*con1*/
    .con1 .btn { margin:3vw auto 0; width:180px; }
    .con1 .btn a { height:40px; font-size:14px;}
    .con1 .btn a span img { margin:-2px 0 0 5px; height:12px; }
    
    /*con2*/
    .bookBox .slick-prev { left:-10px; }
    .bookBox .slick-next { right:-10px; }
    .con2 .btn { width:180px; }
    .con2 .btn a { height:40px; font-size:14px; }
    .con2 .btn a span img { margin:-2px 0 0 5px; height:12px; }


    /*con4*/
    .con4 .tabContent h4 { font-size:14px; }
    .con4 .tabContent h4 img { height:20px; }
    .con4 table { font-size:13px; }

    /*event*/
    .event .btn li { margin:0 5px; }
    .event .btn li a { height:45px; font-size:16px; }
    .event .btn li a img { margin: 5px 0 0 5px; height:14px; }

    /* layerpop */
    .layerPop > a { width:30px; }

    .con_n1 .tab_base > li > a span{font-size:10px;}
    .con_n1 .tab_base > li > a strong{font-size:15px;}
}

@media (max-width:420px){
    
    /*tab common*/
    .eventWrap .tabMenu li { height:40px; }
    .eventWrap .tabMenu li span { font-size:13px; }

    /*visual*/
    .visual .tiny_txt { bottom:10%; font-size:.8vw; }

    /*con4*/
    .con4 .tabContent h4 { font-size:13px; }
    .con4 table { font-size:11px; }

    /*event*/
    .event .btn li { margin:0 3px; }
    .event .btn li a { height:35px; font-size:14px; border-width:2px; }
    .event .btn li a img { margin: 4px 0 0 5px; height:11px; }
}


/*top*/
.top_Bn { background:#000; padding:25px 0; text-align:center; width:100%; position:absolute; top:0; left:0; cursor:pointer; display:none; }
.top_Bn dl { display:table-cell; vertical-align:middle; }
.top_Bn dt { color:#fff; font-size:25px; line-height:120%; }
.top_Bn dd { color:#f21a1a; font-size:25px; font-weight:700; line-height:120%; margin-top:5px; }
.top_Bn dd i { font-size:18px; font-style: normal; }
.top_Bn dd span { border-bottom:1px solid #f21a1a; }
.top_Bn.on dd { color:#6256ff; }
.top_Bn.on dd span { border-bottom-color:#6256ff; }
.top_Bn.fixed { position:fixed; z-index:3; }
.topBox { height:118px; display:none; }


/*±¤Å¬ event*/
.event2 { background:#1a1a1a; padding:150px 0; position:relative; opacity:.9999; }
.event2 i.finish { position:absolute; top:0; left:50%; margin-left:295px; max-width:245px; width:25%; }
.event2 h4 { margin-top:80px; position:relative; }
.event2 h4:before { content:""; display:block; width:100%; height:35px; box-sizing:border-box; border:1px solid #999; border-bottom:none; position:absolute; top:17px; left:0; z-index:-1;}
.event2 h4 span { color:#fff; font-size:26px; line-height:120%; display:inline-block; width:auto; padding:0 15px; background:#1a1a1a; }
.event2 .listBox { margin-top:60px; overflow:hidden; position:relative; }
.event2 .listBox li.dimPopup { float:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:4; margin:0; }
.event2 .listBox li.dimPopup div { width:100%; height:100%; display:table; text-align:center; }
.event2 .listBox li.dimPopup dl { display:table-cell; vertical-align:middle; letter-spacing:-.5px; }
.event2 .listBox li.dimPopup dt { font-size:48px; color:#ffbc6c; font-weight:700; }
.event2 .listBox li.dimPopup dd { margin-top:10px; font-size:36px; line-height:130%; color:#fff; }
.event2 .listBox > li { float:left; margin-left:20px; width:calc(50% - 10px); height:585px; background:#fff; display:table; }
.event2 .listBox > li.first { margin-left:0; }
.event2 .listBox > li > div { display:table-cell; vertical-align:middle; position:relative; }
.event2 .listBox > li > div > i { position:absolute; top:130px; left:50%; margin-left:120px; z-index:2; }
.event2 .listBox h5 { color:#111; font-weight:900; font-size:45px; line-height:120%; }
.event2 .listBox h5 span { color:#ff3f00; }
.event2 .listBox .box { margin:20px auto 0; max-width:335px; }
.event2 .listBox .box > p { background:#232323; color:#fff; text-align:center; font-size:17px; font-weight:300; position:relative; line-height:120%; padding:3px 0; }
.event2 .listBox .box > p:after { content:""; display:block; position:absolute; bottom:-5px; left:50%; transform:translateX(-50%); width: 0; height: 0; border-top: 6px solid #232323; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.event2 .listBox .box > div { margin-top:10px; position:relative; }
.event2 .listBox .box ul { overflow:hidden; }
.event2 .listBox .box li { float:left; margin-left:10px; width:calc(50% - 5px); height:225px; box-sizing:border-box; border-radius:10px; border:2px solid #232323; text-align:center; }
.event2 .listBox .box li:first-child { margin-left:0; }
.event2 .listBox .box li span { font-weight:900; font-size:180px; }
.event2 .listBox .box > div > p { position:absolute; bottom:0; right:-35px; font-size:35px; color:#111; font-weight:700; }
.event2 .listBox .link { margin:18px auto 0; max-width:335px; }
.event2 .listBox .link a { display:table; width:100%; height:90px; background:#e33800; color:#fff; }
.event2 .listBox .link a span { font-size:30px; line-height:120%; display:table-cell; vertical-align:middle;  }
.event2 .listBox .link a span img { margin:-5px 0 0 15px; vertical-align:middle; }
.event2 .listBox .link.finish a { background:#777; color:#bbb; cursor:default; }
.event2 .winning_link { margin-top:20px; text-align:center; }
.event2 .winning_link a { color:#fff; font-size:17px; display:inline-block; vertical-align:top; border-bottom:1px solid #fff; padding-bottom:5px; }

.tbl_box { margin-top:50px; width:100%; border-left:1px solid #232323; border-top:1px solid #232323; }
.tbl_box th { border-bottom:1px solid #232323; border-right:1px solid #232323; background:#777; color:#fff; font-size:16px; height:45px; line-height:45px; font-size:16px; }
.tbl_box td { padding:0; border-bottom:1px solid #232323; border-right:1px solid #232323; background:#fff; }
.tbl_box td div { display:table; width:100%; height:105px; position:relative; }
.tbl_box td div p { display:table-cell; vertical-align: middle; font-size:20px; line-height:120%; color:#000; }
.tbl_box td div p span { display:block; margin-top:5px; }
.tbl_box td div p span b { font-size:30px; }
.tbl_box td div i { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); display:none; }
.tbl_box td.end div { background:rgba(0,0,0,.7); }
.tbl_box td.end div i { display:block; }


/*À̺¥Æ®Æ˾÷*/
.winPop { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:5; display:none; }
.winPop > div { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:490px; }
.winPop > div > div { float:left; width:440px; background:#fff; }
.winPop > div > a { float:right; }
.winPop h3 { width:100%; background:#e33800; padding:25px 0; color:#fff; font-weight:900; font-size:32px; }
.winPop .topBn { text-align:center; padding:45px 5%; }
.winPop .topBn dl { margin:-10px auto 0; padding-bottom:20px; max-width:90%; background:#f1f2f2; color:#222; font-weight:700; font-size:16px; overflow:hidden; }
.winPop .topBn dt { font-size:20px; margin-top:20px; }
.winPop .topBn p { margin-top:20px; color:#e33800; font-size:16px; line-height:120%; font-weight:700; }
.winPop .topBn .none { padding:0 0 20px; }
.winPop .confirm { margin:30px auto 0; width:140px; }
.winPop .confirm a { display:block; width:100%; height:40px; line-height:40px; background:#222; color:#fff; font-weight:700; font-size:18px; }

.bn_soon { background:#00524d; }

.event_note { background:#f8f8f8; padding:70px 0; text-align:left; color:#222;  }
.event_note h4 { font-size:17px; }
.event_note dl { margin-top:10px; font-size:13px; }
.event_note dt { font-weight:700; margin:0 0 5px 10px; }
.event_note dd { line-height:120%; position:relative; padding-left:10px; margin-bottom:5px; }
.event_note dd:before { content:"-"; position:absolute; top:0; left:0; }
.event_note ul { margin-left:15px; }
.event_note li { position:relative; padding-left:10px; margin-top:5px; }
.event_note li:before { content:""; display:block; width:3px; height:3px; background:#222; border-radius:50%; position:absolute; top:7px; left:0;  }

.panel_base > li{display:none;}


@media (max-width:1200px){

    /*top*/
    .top_Bn { padding:15px 0; display:table; }
    .top_Bn dt { font-size:15px; }
    .top_Bn dd { font-size:20px; margin-top:3px; }
    .top_Bn dd i { font-size:12px; }
    .topBox { height:78px; display:table; }


    /*±¤Å¬ event*/
    .event2 { padding:10vw 0; }
    .event2 i.finish { left:inherit; margin-left:0; right:0; }
    .event2 h4 { margin-top:5vw; }
    .event2 h4:before { top:12px; height:20px; }
    .event2 h4 span { font-size:20px; padding:0 10px; }
    .event2 .listBox { margin-top:5vw; }
    .event2 .listBox li.dimPopup dt { font-size:40px; }
    .event2 .listBox li.dimPopup dd { margin-top:1vw; font-size:30px; }

    .event2 .listBox > li { margin-left:10px; width:calc(50% - 5px); height:auto; display:block; padding:3vw; text-align:center; }
    .event2 .listBox > li > div { display:block; }
    .event2 .listBox > li > div > i { top:10%; left:inherit; right:0; width:35%; margin-left:0; }
    .event2 .listBox h5 { font-size:32px; }
    .event2 .listBox .box { margin:10px auto 0; max-width:335px; }
    .event2 .listBox .box > p { font-size:14px; }
    .event2 .listBox .box > div { margin-top:10px; position:relative; }
    .event2 .listBox .box ul { display:inline-block; vertical-align:top; width:calc(100% - 50px); }
    .event2 .listBox .box li { height:145px; }
    .event2 .listBox .box li span { font-size:100px; line-height:145px; margin-top:-150px; }
    .event2 .listBox .box > div > p { font-size:25px; right:0; }
    .event2 .listBox .link { margin:15px auto 0; }
    .event2 .listBox .link a { height:50px; }
    .event2 .listBox .link a span { font-size:20px; }
    .event2 .listBox .link a span img { margin:-5px 0 0 10px; height:15px; }
    .event2 .winning_link { margin-top:3vw; }
    .event2 .winning_link a { font-size:15px; padding-bottom:5px; }
    
    .tbl_box { margin-top:10vw; }
    .tbl_box th { font-size:15px; height:35px; line-height:35px; font-size:14px; }
    .tbl_box td div { height:80px; }
    .tbl_box td div p { font-size:15px; }
    .tbl_box td div p span { margin-top:3px; }
    .tbl_box td div p span b { font-size:18px; }


    /*event*/
    .event_note { padding:5vw 0; }
    .event_note h4 { font-size:15px; }
    .event_note dl { font-size:13px; }
    .event_note ul { margin-left:5px; }
    .event_note li { padding-left:10px; margin-top:5px; }
    .event_note li:before {  top:7px;  }

    
}
@media (max-width:576px){
    /*top*/
    .top_Bn dt { font-size:12px; }
    .top_Bn dd { font-size:16px; margin-top:3px; }
    .top_Bn dd i { font-size:11px; }
    .topBox { height:68.58px; }

    
    /*±¤Å¬ event*/
    /* .event2 h4 { margin-top:5vw; }
    .event2 h4:before { top:12px; }
    .event2 h4 span { font-size:20px; padding:0 10px; } */
    .event2 .listBox { margin-top:5vw; }
    .event2 .listBox li.dimPopup dt { font-size:25px; }
    .event2 .listBox li.dimPopup dd { font-size:15px; }

    .event2 .listBox h5 { font-size:20px; }
    .event2 .listBox .box { margin:5px auto 0;  }
    .event2 .listBox .box > p { font-size:11px; }
    .event2 .listBox .box ul { width:calc(100% - 30px); }
    .event2 .listBox .box li { height:80px; }
    .event2 .listBox .box li span { font-size:70px; line-height:70px; margin-top:-100px; }
    .event2 .listBox .box > div > p { font-size:14px; }
    .event2 .listBox .link a { height:25px; }
    .event2 .listBox .link a span { font-size:14px; }
    .event2 .listBox .link a span img { margin:-5px 0 0 10px; height:10px; }
    .event2 .winning_link { margin-top:3vw; }
    .event2 .winning_link a { font-size:13px; padding-bottom:2px; }

    .tbl_box th { font-size:14px; height:25px; line-height:25px; }
    .tbl_box td div { height:80px; }
    .tbl_box td div p { font-size:14px; }
    .tbl_box td div p span b { font-size:16px; }


    /*À̺¥Æ®Æ˾÷*/
    .winPop > div { max-width:490px; width:90%; }
    .winPop > div > div { width:calc(100% - 40px); }
    .winPop > div > a { float:right; width:30px; }
    .winPop h3 { padding:12px 0; font-size:18px; }
    .winPop .topBn { padding:5vw 5%; }

    .winPop .topBn > div:not(.none) img { width:80%; max-width:270px;}
    .winPop .topBn dl { margin:-10px auto 0; padding-bottom:10px; max-width:90%; font-size:13px; }
    .winPop .topBn dt { font-size:16px; margin-top:15px; }
    .winPop .topBn dd { line-height:120%; }
    .winPop .topBn p { margin-top:10px; font-size:11px; }
    .winPop .topBn .none { padding:0 0 10px; }
    .winPop .confirm { margin:2vw auto 0; width:120px; }
    .winPop .confirm a { height:30px; line-height:30px; font-size:15px; }


    /*event*/
    .event_note h4 { font-size:15px; }
    .event_note dl { font-size:13px; }
    .event_note ul { margin-left:15px; }
    .event_note li { padding-left:10px; margin-top:5px; }
    .event_note li:before { top:7px; }


}
@media (max-width:420px){

    /*event*/
    .event_note h4 { font-size:13px; }
    .event_note dl { font-size:11px; }
    .event_note ul { margin-left:0; }
    .event_note li { margin-top:2px; }
    .event_note li:before { top:4px; }

}