@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-family:'NotoSans KR', 'Malgun Gothic';font-size: 15px;font-weight: 100;line-height: 1.4;letter-spacing: -0.03em;overflow:hidden;}
.eventWrap{font-family : 'NotoSans KR';}
.eventWrap *{box-sizing:border-box}
.eventWrap .inner {position:relative;width:1080px;margin:0 auto;}
.eventWrap .inner::after{content:"";display:block;clear:both;}
.eventWrap img{border:0 none;vertical-align:middle;max-width:100%}
.lecture { padding-bottom:0 !important; background:#fff; text-align:left; }
.eventWrap .video_box{position: relative;z-index: 1;cursor:pointer;padding-bottom: 56%;background: #222;overflow: hidden;border-radius: 3px;}
.eventWrap .video_box > img {position:absolute;top:0;left:0;bottom:0;right:0;}
.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 .subTab {padding:0;background:#161630;padding-bottom:5px;}
.eventWrap .subTab li img {width: auto;}
.eventWrap .subTab li a {color:#fff;}
.eventWrap .subTab li.on a {color:#F341DC;font-weight:bold;}

/* Äü¸Þ´º */
.flt_inner {position: absolute;text-align: right;right: 50px;z-index: 5; top: 124px;}
.flt_inner a {display:block;text-align:center;}

/* visual */
.visual {background:#020205 url(https://img.megagong.net/m/2021/1202_society/visual_bg.png) no-repeat center;background-size:auto 100%;}
.visual .inner {padding:91px 0 160px;}
.visual .inner .date {margin-top:55px;}
.visual .inner .tit {margin:40px -33px 0;}
.visual .inner .s_tit2 {position:relative;}
.visual .inner .s_tit2 .on {position:absolute;top:0;left:0;animation:show_in 1.5s ease .5s infinite;-webkit-animation:show_in 1.5s ease .5s infinite;}
.visual .inner .s_tit2 .tt {position:absolute;top:0;left:0;}
@keyframes show_in {
    from { opacity: 0;}
    to { opacity: 1;}
}
@-webkit-keyframes show_in {
    from { opacity: 0;}
    to { opacity: 1;}
}

/* con01 */
.con01 {background:#111023 url(https://img.megagong.net/m/2021/1202_society/con01_bg.png) no-repeat center;background-size:auto 100%;}
.con01 .inner {padding: 118px 0 150px;}
.con01 .inner .txt {margin-top:60px;}
.con01 .inner .s_tit {margin-top:60px;}

/* con02 */
.con02 {background: #f3f3f3;}
.con02 .inner {padding:118px 0 150px;overflow: inherit;width:1180px;}
.con02 .inner > .tit {margin-bottom:60px;}

.con02 .inner .con02_wrap .con02_sd_nav {margin:0 50px;padding:0 40px;font-size:0;border-top:2px solid #161630;border-bottom:2px solid #161630;background:#fff;}
.con02 .inner .con02_wrap .con02_sd_nav a {display:inline-block;font-weight:500;font-size:25px;color:#999999;line-height:107px;}
.con02 .inner .con02_wrap .con02_sd_nav .slick-slide.slick-current.slick-active a {font-weight:bold;color:#f341dc;}

.con02 .inner .con02_wrap .con02_sd_nav .slick-arrow {position:absolute;top:50%;transform: translateY(-50%);font-size:0;width:20px;height:27px;}
.con02 .inner .con02_wrap .con02_sd_nav .slick-prev {left:-10px;background:url(https://img.megagong.net/m/2021/1202_society/con02_sd_L.png) no-repeat center;background-size:100% auto;}
.con02 .inner .con02_wrap .con02_sd_nav .slick-next {right:-10px;background:url(https://img.megagong.net/m/2021/1202_society/con02_sd_R.png) no-repeat center;background-size:100% auto;}

.con02 .inner .con02_wrap .con02_sd .item {padding:0 50px 50px;}
.con02 .inner .con02_wrap .con02_sd .item .data_date {display:none;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile {font-size:0;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .img {display:inline-block;vertical-align:bottom;position:relative;width:414px;padding-right:50px;box-sizing:border-box;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name {margin-top:-20px;text-align: center;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name span {display:block;font-weight:300;font-size:16px;color:#161630;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name strong {display:block;font-weight:bold;font-size:17px;color:#161630;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .txt {width:calc(100% - 414px);padding-top:84px;display:inline-block;vertical-align:bottom;text-align: left;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .txt .tit span {display:inline-block;padding:4px 15px;font-size:17px;color:#ffffff;background:#f341dc;border-radius: 17px;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .txt .tit strong {display:block;font-weight:bold;font-size:35px;color:#000000;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .history {margin-top:33px;font-size:0;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .history strong {display:inline-block;padding:0 34px;line-height:40px;text-align: center;font-size:16px;color:#fff;background:#000000;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .history strong span {color:#f341dc;}
.con02 .inner .con02_wrap .con02_sd .item .th_profile .history div {display:inline-block;padding:33px 33px;border:1px solid #000;background:#ffffff;font-weight: 300;line-height:1.68;font-size:19px;color:#161630;box-sizing: border-box;width: 99%;}


.con02 .inner .con02_wrap .con02_sd .item .video_wrap {margin-top:91px;}
.con02 .inner .con02_wrap .con02_sd .item .video_wrap .tee {margin-top:5px;position:relative;padding-left:10px;text-align: left;font-size:12px;color:#999999;line-height: 1.4;}
.con02 .inner .con02_wrap .con02_sd .item .video_wrap .tee:before {content:'*';position:absolute;top:0;left:0;}

.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap {margin-top:100px;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap h3 {margin-bottom:67px;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box {position:relative;padding:76px 40px 55px;background:#f3f3f3;border-radius: 20px;box-shadow: 0 0 49px rgba(0, 0, 0, .23);}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim {display:none;position:absolute;z-index:9;top:0;bottom:0;left:0;right:0;width: 100%;height: 100%;background:rgba(0, 0, 0, .8);}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box.soon .dim {display:table;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim p {display:table-cell;vertical-align: middle;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim p span {display:inline-block;font-weight: bold;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim p span.t1 {font-size:40px;color:#fff;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim p span.t2 {margin-top:15px;font-size:35px;color:yellow}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz_tit {position:absolute;z-index:10;top:0;left:0;right:0;margin:0 auto;width:309px;height:53px;font-weight: 500;line-height:53px;font-size:24px;color:#ffffff;display:inline-block;background:#333;text-align: center;transform: translateY(-50%);border-radius: 30px;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li+li {margin-top:22px;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que {font-size:0;border:1px solid #cccccc;background:#fff;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong {position:relative;display:inline-block;vertical-align: middle;padding-left:80px;padding-right:10px;width:calc(100% - 196px);font-weight: bold;font-size:18px;color:#222222;text-align: left;box-sizing:border-box;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong i {position:absolute;top:0;bottom:0;left:30px;margin:auto 0;display:inline-block;margin-right:14px;width:38px;height:38px;line-height:38px;border-radius: 50%;background:#333333;font-weight:bold;font-size:19px;color:#fff;text-align: center;font-style: normal;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li.answer_n .que strong i:before {content:'';position:absolute;top:0;left:-15%;right:0;bottom:0;margin:auto;width:50px;height: 51px;font-size:80px;background:url(https://img.megagong.net/m/2021/1202_society/icon_x.png) no-repeat center;background-size:100% auto;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li.answer_y .que strong i:after {content:'';position:absolute;top:0;left:-30%;right:0;bottom:0;margin:auto;width:45px;width: 60px;height: 60px;background:url(https://img.megagong.net/m/2021/1202_society/icon_o.png) no-repeat center;background-size:100% auto;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice {display:inline-block;vertical-align: middle;text-align: center;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span {position:relative;display:inline-block;vertical-align:top;width:98px;height:98px;font-weight:300;font-size:25px;line-height: 98px;color:#333333;border-left:1px solid #cccccc;cursor: pointer;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span:before {content:'';position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:69px;height:69px;box-sizing:border-box;border-radius: 50%;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span.on:before {border:5px solid #f341dc;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .ex {display:none;padding-top:7px;padding-left:63px;text-align: left;font-weight:400;font-size:15px;color:#222222;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .ex span {font-weight: bold;color:#f341dc;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .btn {margin-top:50px;}

.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span {cursor: default;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span.answer_y.on {background:#999999}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span.answer_y.on:before {border:5px solid #fff;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span.answer_n.on {background:#999999}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span.answer_n.on:before {border:5px solid #fff;}
.con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .ex {display:block;}

/* con03 */
.con03 {background:#161630;}
.con03 .inner {padding:117px 0 150px}
.con03 .inner h3 {margin-bottom:67px;}

/* con04 */
.con04 {background:#00aada url(https://img.megagong.net/m/2021/1202_society/con05_bg.png) no-repeat top center;background-size:230% auto;/*background: linear-gradient( to bottom, #4cefa8 700px, #00aada 35%);*/}
.con04 .inner {padding:140px 0 150px}
.con04 .inner h3 {position:relative;}
.con04 .inner h3 .evt_end {position:absolute;bottom: -18%;right: -15px;max-width: 21%;}

.con04 .inner .evt_date {margin:54px 50px 0;padding:17px 0;background:#fff;border-radius: 30px;}
.con04 .inner .evt_date ul {font-size:0;}
.con04 .inner .evt_date ul li {display:inline-block;vertical-align: middle;font-size:0;}
.con04 .inner .evt_date ul li+li {margin-left:43px;}
.con04 .inner .evt_date ul li strong {position:relative;margin-right:18px;padding-left:18px;padding-right:18px;display:inline-block;vertical-align: middle;font-weight:bold;font-size:21px;color:#18305c;line-height:1.2;}
.con04 .inner .evt_date ul li strong:before {content:'';position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:2px;background:#18305c;}
.con04 .inner .evt_date ul li strong:after {content:'';position:absolute;top:0;bottom:0;right:0;margin:auto 0;width:2px;height:13px;background:#18305c;}
.con04 .inner .evt_date ul li p {display:inline-block;vertical-align: middle;font-weight:bold;font-size:21px;color:#18305c;line-height:1.2;}
.con04 .inner .evt_date ul li p span {display:inline-block;font-size:14px;color:#18305c;opacity: .5;}

.con04 .inner .gift {margin-top:71px;}
.con04 .inner .gift ul {font-size:0;margin-left:-15px;}
.con04 .inner .gift ul li {display:inline-block;}
.con04 .inner .gift ul li+li {margin-left:38px;}

.con04 .inner .rdo_wrap {margin-top:68px;padding-top:22px;background:rgba(24, 48, 92, .8);}
.con04 .inner .rdo_wrap .inp_rdo+.inp_rdo {margin-left:50px;}
.con04 .inner .rdo_wrap .inp_rdo input {margin-top: -3px;}
.con04 .inner .rdo_wrap .inp_rdo label {padding-left:5px;font-weight:bold;font-size:18px;color:#ffffff;}
.con04 .inner .rdo_wrap .inp_rdo label img {margin-left:15px;}

/*±â´ëÆòÀÛ¼º*/
.evtBoard_common{padding-top:0;position: relative;font-size: 13px; text-align:left;background: transparent;}
.evtBoard_common .board_white_wrap {position: relative;padding-top:18px;background:rgba(24, 48, 92, .8);overflow:hidden;}
.evtBoard_common .board_write {position: relative;padding: 0 155px 0 0; margin:0 40px; }
.evtBoard_common .board_write .inp_wrap textarea {padding: 16px 10px;height: 55px;color:#000;font-size:15px;border: 1px solid #000;}
.evtBoard_common .board_write .inp_wrap input::-webkit-input-placeholder,
.evtBoard_common .board_write .inp_wrap textarea::-webkit-input-placeholder {color: #adadad;}
.evtBoard_common .board_write .inp_wrap input:-ms-input-placeholder,
.evtBoard_common .board_write .inp_wrap textarea:-ms-input-placeholder {color: #adadad;}
.evtBoard_common .board_write .btn_wrap{position: absolute;top:inherit;bottom: 0;right: 0;width: 148px;}
.evtBoard_common .board_write .btn_wrap a {display: block;background: #86feff;height: 55px;line-height: 55px;color: #18305c;text-align: center;font-weight: bold;}

.evtBoard_common .board_notice { margin:5px 40px 30px; float:left; width:calc(100% - 186px);}
.evtBoard_common .board_notice li { font-weight:400; color: #00aada; font-size:13px; text-align:left; opacity: 1;}
.evtBoard_common .noti_btn {position:absolute;top:61%;right:144px;color:#00aada; font-size:13px; font-weight:bold; }
.evtBoard_common .noti_btn input {margin-right:5px;}

.evtBoard_common .board_list{margin-top:10px;clear:both; position: relative;background: transparent; padding:0; }
.evtBoard_common .board_list ul {border-top: 2px solid #8371b3;}
.evtBoard_common .board_list ul li {position: relative;text-align: left;padding: 20px 20px;border-bottom: 1px solid #8371b3;background:#66cce9;}
.evtBoard_common .board_list ul li .usr_info{display:block;margin-bottom: 10px;}
.evtBoard_common .board_list ul li .usr_info .name{display:block;font-weight: bold;color:#18305c;}
.evtBoard_common .board_list ul li .usr_info .date{color:#18305c;padding-left: 10px;position: absolute;top: 20px;right: 15px;}
.evtBoard_common .board_list ul li.notice .usr_info em{display: inline-block;font-weight:bold;color: #18305c;font-size: 12px;height: 20px;line-height: 20px;padding: 0 10px;margin: -2px 0 0;}
.evtBoard_common .board_list ul li.notice{background: #b3e6f4;}
.evtBoard_common .board_list ul li.notice .usr_info .name {display:inline-block;font-weight:300;padding:0 15px;color:#18305c;position:relative;}
.evtBoard_common .board_list ul li.notice .usr_info .name:before {content:'';position:absolute;top:2px;bottom:0;left:0;margin:auto 0;width:1px;height:11px;background:#fff;}
.evtBoard_common .board_list ul li.notice .usr_info .name i { display:inline-block; vertical-align:top; color:#18305c; text-align:center; font-style:normal; font-weight:300; padding:0 5px; font-size:13px; }
.evtBoard_common .board_list ul li.notice .usr_info em {background:transparent;padding:0;padding-right:15px;}
.evtBoard_common .board_list ul li .usr_info .th {margin-top:12px;display:inline-block;line-height: 1;padding:3px;font-weight:bold;font-size:12px;color:#fff;}
.evtBoard_common .board_list ul li .usr_info .th1 {background:#5a1e9c;}
.evtBoard_common .board_list ul li .usr_info .th2 {background:#b50595;}
.evtBoard_common .board_list ul li .del_btn{position:absolute;right:9px;bottom:23px;display:inline-block;color: #fff;font-weight: bold;font-size: 12px;padding: 0 4px 0 2px;border:0;}
.evtBoard_common .board_list ul li .reply {padding-right:30px;color:#18305c;box-sizing: border-box;display: block;}

.paging {padding-bottom:0;}
.paging a,.paging strong {padding:0;min-width:24px;display:inline-block;vertical-align:middle;font-size:14px;line-height:24px;color:#fff;}
.paging a img {vertical-align: middle;margin-top:-2px;}
.paging strong {font-weight:bold;background:#18305c;border-radius:12px;}

/* evt_cautn_w */
.evt_cautn_w {background:#f8f8f8;text-align:left;}
.evt_cautn_w .inner {padding:70px 0;}
.evt_cautn_w .inner h3 {font-weight:bold;font-size:17px;color:#222;}
.evt_cautn_w .inner dl {margin-top:20px;padding-left:22px;}
.evt_cautn_w .inner dl dt {font-weight:bold;font-size:13px;color:#222222;line-height:1.9;}
.evt_cautn_w .inner dl dd {position:relative;padding-left:10px;font-weight:300;font-size:13px;color:#222222;line-height:1.9;}
.evt_cautn_w .inner dl dd:before {content:'-';position:absolute;top:0;left:0;}
.evt_cautn_w .inner dl dd a {display:inline-block;margin-left:5px;padding:1px 6px 2px;font-weight:bold;font-size:13px;color:#ea1de8;border:1px solid #f466e2;line-height:1;}


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

    /* visual */
    .visual .inner {padding:9% 0 16%;}
    .visual .inner .s_tit1 img {width: 80%;}
    .visual .inner .date {margin-top:5%;}
    .visual .inner .date img {width: 60%;}
    .visual .inner .tit {margin:4% -3% 0;}
        
    /* con01 */
    .con01 .inner {padding: 12% 0 15%;}
    .con01 .inner h3 img {width: 95%;}
    .con01 .inner .txt {margin-top:6%;}
    .con01 .inner .txt img {width: 95%;}
    .con01 .inner .s_tit {margin-top:6%;}
    .con01 .inner .s_tit img {width: 65%;}
        
    /* con02 */
    .con02 .inner {padding:12% 0 15%;}
    .con02 .inner > .tit {margin-bottom:6%;}
    .con02 .inner > .tit img {width: 95%;}
    .con02 .inner .con02_wrap .con02_sd .item .video_wrap {margin-top:9%;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap {margin-top:10%;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap h3 {margin-bottom:60px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box {padding:70px 40px 50px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li.answer_n .que strong i:before {left:-15%;width:132%;height: 132%;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li.answer_y .que strong i:after {left:-30%;width: 158%;height: 158%;}
        
    /* con03 */
    .con03 .inner {padding:11% 0 15%}
    .con03 .inner h3 {margin-bottom:6%;}
    .con03 .inner h3 img {width: 95%;}

    /* con04 */
    .con04 .inner {padding:14% 0 15%}
    .con04 .inner h3 img {width: 70%;}
    .con04 .inner .evt_date {margin-top:5%;}
    .con04 .inner .evt_date ul li {display: block;}
    .con04 .inner .evt_date ul li+li {margin-left:0;margin-top:10px;}
    .con04 .inner .gift {margin-top:7%;}
    .con04 .inner .gift ul {margin-left:0;}
    .con04 .inner .gift ul li {width: calc(33.333% - 30px);}
    .con04 .inner .gift ul li+li {margin: 0 15px;}
    .con04 .inner .rdo_wrap {margin-top:7%;}
    .con04 .inner .rdo_wrap .inp_rdo label img {width: auto;}

    /*±â´ëÆòÀÛ¼º*/
    .evtBoard_common .board_write {padding:0;}
    .evtBoard_common .board_write .btn_wrap {position:relative;width: 100%;}
    .evtBoard_common .board_write .btn_wrap a {height:35px;line-height:35px;}
    .evtBoard_common .noti_btn {top:82%;padding-right:0;}
    .evtBoard_common .paging img {width: auto;}

    
}

@media (max-width: 992px){
    /* con02 */
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .img {width:40%;padding-right:5%;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name span {font-size:14px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name strong {font-size:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .txt {width:60%;padding-top:8%;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .txt .tit span {font-size:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .txt .tit strong {font-size:30px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .history {margin-top:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .history strong {padding:0 15px;line-height:35px;font-size:16px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .history div {padding:20px;font-size:17px;}
    .con02 .inner .con02_wrap .con02_sd .item .video_wrap .tee {font-size:11px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box {padding:35px 20px 25px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz_tit {width:250px;height:45px;line-height:45px;font-size:20px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li+li {margin-top:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong {line-height: 90px;padding-left:70px;width:calc(100% - 196px);font-size:16px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong i {left:20px;margin-right:14px;width:32px;height:32px;line-height:32px;font-size:17px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong span {display:inline-block;vertical-align:middle;line-height: 1.2;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span {width:90px;height:90px;font-size:22px;line-height: 90px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span:before {width:59px;height:59px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .ex {padding-left:53px;font-size:14px;}

}

@media (max-width: 768px){
    /* con02 */
    .con02 .inner .con02_wrap .con02_sd_nav {margin:0 15px;}
    .con02 .inner .con02_wrap .con02_sd_nav a {font-size: 20px;line-height:80px;}
    .con02 .inner .con02_wrap .con02_sd_nav .slick-arrow {width:16px;}
    .con02 .inner .con02_wrap .con02_sd_nav .slick-prev {left:-6px;}
    .con02 .inner .con02_wrap .con02_sd_nav .slick-next {right:-6px;}
    .con02 .inner .con02_wrap .con02_sd .item {padding: 0 15px 15px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .img {display:block;margin:0 auto;width: 60%;padding-right:0;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name span {font-size:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .img .name strong {font-size:16px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .txt {padding-top:3%;width: 100%;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .txt .tit span {font-size:14px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .txt .tit strong {font-size:25px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .history strong {font-size:14px;}
    .con02 .inner .con02_wrap .con02_sd .item .th_profile .history div {font-size:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box {box-shadow: 0 0 10px rgba(0, 0, 0, .23);}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz_tit {width:250px;height:45px;line-height:45px;font-size:20px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim p span.t1 {font-size:25px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .dim p span.t2 {margin-top:10px;font-size:22px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li+li {margin-top:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong {min-height:90px;padding:10px 10px 10px 70px;width:100%;font-size:16px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong i {left:20px;margin-right:14px;width:32px;height:32px;line-height:32px;font-size:17px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice {width: 100%;border-top:1px solid #ccc;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span {width:50%;height:60px;font-size:19px;line-height: 60px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span:before {width:39px;height:39px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span:first-child {border-left:0;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .ex {padding-left:10px;font-size:14px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que .choice span.on:before {border:3px solid #f341dc;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span.answer_y.on:before {border:3px solid #fff;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz.end ul li .que .choice span.answer_n.on:before {border:3px solid #fff;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .btn {margin-top:30px;width: 280px;}

    /* con04 */
    .con04 .inner .evt_date ul li strong {margin-right:10px;padding-right:10px;padding-left: 10px;font-size:16px;}
    .con04 .inner .evt_date ul li strong:before {top:7px;}
    .con04 .inner .evt_date ul li p {font-size:16px;}
    .con04 .inner .evt_date ul li p span{font-size:12px;}
    .con04 .inner .gift ul li {width: calc(45% - 30px);}
    .con04 .inner .gift ul li+li {margin: 0 15px;}
    .con04 .inner .gift ul li+li+li {margin-top:20px;}
    .con04 .inner .rdo_wrap .inp_rdo+.inp_rdo {margin-left:10px;}
    .con04 .inner .rdo_wrap .inp_rdo label {font-size:14px;}
    .con04 .inner .rdo_wrap .inp_rdo label img {margin-left:7px;width:45px;}

    /*±â´ëÆòÀÛ¼º*/
    .evtBoard_common .board_white_wrap {padding-top:20px;}
    .evtBoard_common .board_write {margin:0 20px;}
    .evtBoard_common .board_notice {margin:5px 0 20px;padding:0 20px;float:none;width: 100%;}
    .evtBoard_common .board_notice li {font-size:12px;}
    .evtBoard_common .noti_btn {position:relative;top:-15px;right:inherit;padding:0 20px;}

    /* evt_cautn_w */
    .evt_cautn_w .inner {padding:35px 0;}
    .evt_cautn_w .inner h3 {font-size:15px;}
    .evt_cautn_w .inner dl {margin-top:15px;padding-left:17px;}
    .evt_cautn_w .inner dl dt {font-size:12px;}
    .evt_cautn_w .inner dl dd {font-size:12px;}
    .evt_cautn_w .inner dl dd a {font-size:12px;}


}
@media (max-width: 480px){
    /* con04 */
    .con04 .inner .evt_date {margin:5% 10px 0;}
    .con04 .inner .evt_date ul li+li {margin-top:15px;}
    .con04 .inner .evt_date ul li strong {font-size:15px;}
    .con04 .inner .evt_date ul li strong:before {top:7px;}
    .con04 .inner .evt_date ul li p {margin-top:5px;display:block;font-size:15px;}
    .con04 .inner .evt_date ul li p span{font-size:11px;}
}
@media (max-width: 420px){
    /* con02 */
    .con02 .inner .con02_wrap .con02_sd_nav a {font-size: 17px;line-height:60px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz_tit {width:220px;height:40px;line-height:40px;font-size:17px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong {font-size:15px;padding:10px 10px 10px 60px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .que strong i {left:15px;width:30px;height:30px;line-height:30px;font-size:15px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .quiz ul li .ex {font-size:13px;}
    .con02 .inner .con02_wrap .con02_sd .item .quiz_wrap .quiz_box .btn {width: 100%;}

    /*±â´ëÆòÀÛ¼º*/
    .evtBoard_common .board_write .inp_wrap textarea {padding: 10px;font-size:14px;}

}