@charset "euc-kr";

/* CSS Document */
html, body {font-family:'¸¼Àº °íµñ',Malgun Gothic; -webkit-text-size-adjust:none;}
.blind {overflow:hidden; visibility:hidden; position:absolute; left:-9999px; width:0; height:0; font-size:0; line-height:0; text-indent:-9999px;}
.column-top, .column-footer {min-width:1080px; -webkit-text-size-adjust:none;}
.container{min-width:1080px;overflow: hidden}
.container .inner{position:relative;width:1080px;margin: 0 auto;box-sizing: border-box}

.sec_visual{background: url('http://img.megagong.net/gong/event/2018/12110003/bg_top_visual.jpg') no-repeat center 0}

.sec_wrap01{background-color:#bdb5dc}
.sec_wrap01 .mv_area{position: absolute;top:170px;left:50px}

.sec_wrap02{background-color: #38324c}

.evt_wrap01{padding: 90px 0 65px;background-color: #196f6a}
#eventWrap .evt_wrap01 >.inner{width: 1080px}
.evt_wrap02{padding: 90px 0 65px;background-color: #a8ae48}
#eventWrap .evt_wrap02 >.inner{width: 1080px}

.evt_wrap02.tcnum02 .evtTop_area{background-color:#bc0249}
.evt_wrap02.tcnum03 .evtTop_area{background-color:#581b9a}
.evt_wrap02.tcnum04 .evtTop_area{background-color:#be2e69}
.evtTop_area .inner> strong{position: relative;display: block;text-align: center;margin:0 auto 25px;width: 840px}
.evtTop_area .inner> strong::before{content: "";position: absolute;top:50%;left:0;width: 100%;height: 9px;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);background: url('http://img.megagong.net/m/2019/0613_newtea/evt_tit1_bg.png') repeat-x 0 0}
.evtTop_area .inner> strong span{position: relative;display: inline-block;background-color: #196f6a;padding:0 12px;color: #555;font-size: 15px;font-weight: bold;z-index: 1}
.evt_wrap02 .evtTop_area .inner> strong span{background-color: #a8ae48;}
.evtTop_area h4{font-size: 47px;color: #fff;letter-spacing: -0.07em;text-align: center;font-weight: normal;line-height: 1.2}
.evtTop_area h4 strong{display: block;}

.evt_wrap02 .desc_ty01{margin-bottom: 38px}

.form_area{}
.form_row {position: relative;}
.form_row input[type="text"]{margin-right: 0;width: 880px;height: 50px;border: 1px solid #000000;padding:0 20px;font-size: 14px;box-sizing: border-box;}
.form_row a{display: block;float: right;width: 200px;height: 50px;line-height: 50px;color: #fff;text-align: center;font-size: 0;font-weight: bold;position: absolute;top: 0;right: 0;background:#000 url('http://img.megagong.net/m/2019/0613_newtea/app_btn.png') no-repeat center center}

.desc_ty01{margin-top: 16px}
.desc_ty01 li{position: relative;line-height: 22px;padding-left:10px;font-size: 13px;color:#38324c; text-align:left;}
.desc_ty01 li::before{position: absolute;content:'-';left:0;top:0;}

.select_list{margin-bottom: 45px;font-size: 0;text-align: center;}
.select_list::after{content:'';display: block;clear: both}
.select_list li{display: inline-block;width:167px;margin-left: 40px}
.select_list li:first-child{margin-left: 0}
.select_list.ver2 li{display: inline-block;float: none;width: 200px}
/* radio */
.i_radio {overflow:hidden; position:absolute; width:1px !important; height:1px !important;min-width:1px !important; min-height:1px !important; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0);}
.btn_radio {display:inline-block; position:relative;width:166px;height: 236px;cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none;}
.btn_radio .img_box{position:relative;display: block;width:166px;height: 166px;text-align: center}
/* .btn_radio .img_box .t_select{position: absolute;top:0;left:0;display: none} */
.btn_radio .name{display: block;padding:15px 0;text-align: center;}
.btn_radio:after {content:'';position:absolute; left:72px; bottom:0; display:inline-block; width:23px; height:23px; background: url('http://img.megagong.net/gong/event/2018/12110003/ic_radio.png') no-repeat 0 0}
.i_radio:checked + .btn_radio:after {background: url('http://img.megagong.net/gong/event/2018/12110003/ic_radio_s.png') no-repeat 0 0;}
/* .i_radio:checked + .btn_radio .img_box .t_select{display: block} */

/* board */
.table_list table{width:100%;border: 1px solid #ccc;background-color: #fff}
.table_list tbody tr td{border:1px solid #ccc}
.table_list tbody tr:first-child td{border-top:none}
/*.table_list td{padding:7px 0;text-align: center;font-size: 15px;color:#212121;font-family: '¸¼Àº°íµñ',Malgun Gothic;}*/
.table_list td{padding:10px 7px;text-align: center;font-size: 13px;color:#000;vertical-align: middle;line-height: 1.3;word-break: break-all;}
.table_list td.teacher{text-align: center}
.table_list td span{font-size: 13px;font-weight: bold;}
.table_list td.tit{text-align: left;}
.ic_t{width:40px;height: 40px;margin-right: 12px;vertical-align: middle}
.rep_clear{color: #e24101 !important;display: inline-block;}
.table_list colgroup col:nth-child(1){width: 80px !important}
.table_list colgroup col:nth-child(2){width: 160px !important}
.table_list colgroup col:nth-child(4){width: 80px !important}

/*  À¯ÀÇ»çÇ× */
.noti_evt{border-top: 1px solid #333;padding-top: 20px;margin-top: 60px}
.noti_evt dt{position: relative;overflow: hidden;font-size: 14px;color: #222;margin-bottom: 15px;font-weight:bold;}
.noti_evt dd{position: relative;color: #222;padding-bottom: 6px;line-height: 1.3;padding-left: 10px;}
.noti_evt dd.em{font-weight: bold;color: #000}
.noti_evt dd::before{position: absolute;content: "";top:6px;left:0;width: 2px;height: 2px;background-color: #222}
.noti_evt dd a{display: inline-block;border:1px solid #222;padding:1px 6px;color: #222;font-size: 12px;margin-left: 5px;}


.evt_info{position: relative;background-color: #fff;-webkit-border-radius: 30px;-ms-border-radius: 30px;border-radius: 30px;padding: 50px 70px 40px;margin-bottom: 15px}
.evt_info.info2{padding: 30px 40px 50px;}
.evt_info.info3{margin-bottom: 40px}
.evt_info.info1::before{content: "";position: absolute;bottom: -37px;left: 40px;margin-top: 0;width: 14px;height: 57px;background: url('http://img.megagong.net/m/2019/0613_newtea/clip.png') 0 0 no-repeat;z-index: 1;}
.evt_info.info1::after{content: "";position: absolute;bottom: -37px;right: 40px;margin-top: 0;width: 14px;height: 57px;background: url('http://img.megagong.net/m/2019/0613_newtea/clip.png') 0 0 no-repeat;z-index: 1;}
.evt_info .info_lst{position: relative;}
.evt_info .info_lst dt{position:relative;margin-bottom: 20px;position: absolute;left: 0;top:0;border-right: 1px solid #222;padding-right: 10px;}
.evt_info .info_lst dt span{display: block;width: 85px;height: 20px;background: url('http://img.megagong.net/m/2019/0613_newtea/evt_info_tit.png') 100% 0 no-repeat;padding-left:10px;font-size: 0}
.evt_info.info2 .info_lst dt span{display: block;width: 75px;height: 20px;background: url('http://img.megagong.net/m/2019/0613_newtea/evt_info_tit.png') 100% 0 no-repeat;padding-left:10px;font-size: 0}
.evt_info .info_lst dt span::before{content: "";display: block;position: absolute;top:7px;left: 0;width: 4px;height: 4px;background-color: #000;-ms-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;display: none;}
.evt_info .info_lst dt:nth-child(3){top: 30px;}
.evt_info .info_lst dt:nth-child(5){top: 60px;}
.evt_info .info_lst dt:nth-child(7){top: 118px}
.evt_info .info_lst dt:nth-child(3) span{background-position: 100% -28px}
.evt_info .info_lst dt:nth-child(5) span{background-position: 100% -56px}
.evt_info .info_lst dt:nth-child(7) span{background-position: 100% -78px}
.evt_info.info2 .info_lst dt:nth-child(3) span{background-position: 100% -26px}
.evt_info.info2 .info_lst dt:nth-child(5) span{background-position: 100% -52px}
.evt_info.info2 .info_lst dt:nth-child(7) span{background-position: 100% -78px}
.evt_info .info_lst dd{margin-bottom: 10px;padding-left: 120px;}
.evt_info .info_lst dd.last{padding:15px 0 0;margin-bottom: 0;}
.evt_info.info2 .info_lst dd.last{background-color: #f6f6f6;margin-bottom: 0}
.evt_info .info_lst dd.last::after{content: "";display: block;clear: both;}
.evt_info .info_lst dd > span{}
.evt_info .info_lst dd.last p{}
.evt_info .info_lst dd.last p .img_pc{display: block;}
.evt_info .info_lst dd.last p .img_mb{display: none;}
.evt_info.info3 .info_lst dd.last p{text-align: center;}
.evt_info .info_lst dd.last p span{padding:0 10px}
.evt_info.info1 .info_lst dd.last p > a{position: absolute;bottom:0;right: -10px;background-color: #000;font-size: 0;width: 33%;height: 20%;z-index: 1;opacity: 0}
.evt_info.info2 .info_lst dd.last p span{display: block;padding:25px 0 25px 0;text-align: center;}
.evt_info.info2 .info_lst dd.last p span img{margin-right: -15px}
.evt_info.info2 .info_lst dd.last p span strong{display: block;padding-top: 10px;font-weight: normal !important}
.evt_info.info2 .info_lst dd.last p span strong br{display: none}
.evt_info.info2 .info_lst dd.last p{width: 33.3%;position: relative;}
.evt_info.info2 .info_lst dd.last p:nth-child(1)::before,#eventWrap .evt_infowrp.info2 dl dd.last p:nth-child(2)::before{content: "";position: absolute;top:0;right:0;width: 5px;height: 100%;background: #fff;}
.evt_info.info2 .info_lst dd.last::after{background-color: #fff}
.evt_info .info_lst dd > span{display: block;height: 20px;background: url('http://img.megagong.net/m/2019/0702_newtea/evt_info_txt.png') 0 0 no-repeat;font-size: 0}
.evt_info .info_lst dd:nth-child(2) span{background-position: 0 0}
.evt_info .info_lst dd:nth-child(4) span{background-position: 0 -28px}
.evt_info .info_lst dd:nth-child(6) span{background-position: 0 -56px}
.evt_info.info3 .info_lst dd:nth-child(2) span{background-position: 0 -86px}
.evt_info.info3 .info_lst dd:nth-child(4) span{background-position: 0 -114px}
.evt_info.info3 .info_lst dd:nth-child(6) span{background-position: 0 -141px}

.evt_info .present{margin-bottom: 10px}
.evt_info .present::after{content: "";display: block;clear: both;}
.evt_info .present span{float: left;}
.evt_info .present span:nth-child(1){padding-top: 30px;}
.evt_info .present span:nth-child(2){float: right;}

.paging{text-align: center}
.paging img{margin-top: 0 !important}

#eventWrap .evt_wrap02 h4::before{position: absolute;content: "";bottom: -80px;right: -15px;width: 200px;height: 184px;background: url('http://img.megagong.net/m/common/end_point.png') 0 0 no-repeat;z-index: 1;}



@media (max-width: 1200px){
    #eventWrap .evt_wrap01 .inner,#eventWrap .evt_wrap02 .inner{width: 95%}
    .evtTop_area .inner> strong{width: 100%}
    .evt_wrap01,.evt_wrap02{padding: 60px 0}
    .evtTop_area .inner> strong span img{width: 130px}
    .evtTop_area h4{font-size: 32px;line-height: 1.4}
    .evt_info,.evt_info.info2{padding:25px 40px 35px}
    .evt_info .info_lst dt span{font-size: 14px;background-image: none;font-weight: bold;height: 15px}
    .evt_info .info_lst dd span{font-size: 14px;background-image: none;height: 30px;line-height: 1.3}
    .evt_info .present span{width: 65%}
    .evt_info .present span:nth-child(1){width: 35%}
    .evt_info .info_lst dt:nth-child(3){top: 43px;}
    .evt_info .info_lst dt:nth-child(5){top: 82px;}
    .evt_info.info3 .info_lst dd.last p{font-size: 0}
    .evt_info.info3 .info_lst dd.last p span{width: 65%;padding:0;display: inline-block;height: auto}
    .evt_info.info3 .info_lst dd.last p span:nth-child(1){width: 35%}
    .form_row a{width: 20%}
    .form_row input[type="text"]{width: 80%}
}
@media (max-width: 900px){
    .select_list li{width: 25%;float: left;margin-left: 0;display: block;}
    .btn_radio .img_box{width: 100%;height: auto}
    .btn_radio{width: auto;height: auto;padding-bottom: 20px;padding: 0 3px 20px;display: block;}
    .btn_radio:after{left: 50%;margin-left: -12px}
    .select_list{margin-bottom: 25px}
}
@media (max-width: 768px){
    .evt_info .info_lst dd.last p .img_pc{display: none;}
    .evt_info .info_lst dd.last p .img_mb{display: block;}
    .evtTop_area h4{font-size: 20px;font-weight: bold;}
    .evtTop_area h4 strong{}
    .evt_info{padding:20px 15px 30px;-webkit-border-radius: 15px;-ms-border-radius: 15px;border-radius: 15px;}
    .evt_info.info2{padding:20px 15px 30px;}
    .evt_info .info_lst dt span{padding-left: 0}
    .evt_info .info_lst dt{padding-right: 0}
    .evt_info .info_lst dd{padding-left: 80px}
    .evt_info .info_lst dt span{font-size: 13px;width: 70px;letter-spacing: -0.07em}
    .evt_info .info_lst dd span{font-size: 13px;letter-spacing: -0.07em}
    .evt_info .present span:nth-child(1){padding-top: 20px}
    .btn_radio .name img{width: 85px}
    .form_row a{width: 100%;position: relative;top:inherit;right: inherit;height: 40px;background-size: 70px;float: none}
    .form_row input[type="text"]{width: 100%}
    .table_list td span{text-align: center;display: block;padding-top: 5px}
    .ic_t{margin-right: 0}
    .table_list colgroup col:nth-child(4){width: 50px !important}
    .table_list colgroup col:nth-child(2){width: 60px !important}
    .table_list colgroup col:nth-child(1),.table_list tbody tr td:first-child {display: none}

    .noti_evt{margin-top: 20px}
    .evt_info.info3{margin-bottom: 30px}
    .evt_wrap01,.evt_wrap02{padding: 40px 0}

    #eventWrap .evt_wrap02 h4::before{background-size: 100px;width: 100px;bottom: -70px;height: 100px;}


}
@media (max-width: 640px){
    .evt_info .present span,.evt_info .present span:nth-child(1),.evt_info .present span:nth-child(2){width: 80%;float: none;margin:0 auto 10px;display: block;text-align: center}
    .evt_info .present span:nth-child(1) img{width: 65%}
    .evt_info.info3 .info_lst dd.last p span,.evt_info.info3 .info_lst dd.last p span:nth-child(1),.evt_info.info3 .info_lst dd.last p span:nth-child(2){width: 80%;float: none;margin:0 auto 10px;display: block;text-align: center}
    .evt_info.info3 .info_lst dd.last p span:nth-child(1) img{width: 65%}
    .btn_radio .name img{width: 75px}
    #eventWrap .top_belt span{width: 17%}
}