@charset "UTF-8";

/* 레이아웃 */
*,
*:before,
*:after { box-sizing: border-box; }
body { font-family: "Noto Sans KR"; font-size: 16px; line-height: 1.5; letter-spacing: -0.5px; word-break: break-all; color: #000; }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; vertical-align: top; }
.wrap { width: 860px; margin: 0 auto; }
.ir { overflow: hidden; white-space: nowrap; text-indent: 100%; }
.content_row { display: flex; margin-right: -15px; margin-left: -15px; flex-wrap: wrap; }
.content_row > * { width: 100%; max-width: 100%; padding-right: 15px; padding-left: 15px; flex-shrink: 0; }
.content_row .content_col { flex: 1 0 0; }
.content_row .content_col_1 { width: 8.33333333%; flex: 0 0 auto; }
.content_row .content_col_2 { width: 16.66666667%; flex: 0 0 auto; }
.content_row .content_col_3 { width: 25%; flex: 0 0 auto; }
.content_row .content_col_4 { width: 33.33333333%; flex: 0 0 auto; }
.content_row .content_col_5 { width: 41.66666667%; flex: 0 0 auto; }
.content_row .content_col_6 { width: 50%; flex: 0 0 auto; }
.content_row .content_col_7 { width: 58.33333333%; flex: 0 0 auto; }
.content_row .content_col_8 { width: 66.66666667%; flex: 0 0 auto; }
.content_row .content_col_9 { width: 75%; flex: 0 0 auto; }
.content_row .content_col_10 { width: 83.33333333%; flex: 0 0 auto; }
.content_row .content_col_11 { width: 91.66666667%; flex: 0 0 auto; }
.content_row .content_col_12 { width: 100%; flex: 0 0 auto; }
.sub_page { padding: 30px 60px; }
.fouc { visibility: hidden; transition: opacity 0.1s ease; opacity: 0; }
.fouc.active { visibility: visible; opacity: 1; }
.end_icon { vertical-align: baseline; }

/* 태그 */
sup { font-size: 12px; font-weight: 300; vertical-align: super; }

/* 폰트 */
.nanum { font-family: "Nanum Gothic", sans-serif; }

/* 컬러 */
.md_color01 { color: #000 !important; }

/* 포인트 */
.md_point01 { font-weight: 600; color: #222; }

/* 마진 */
.m-0 { margin: 0 !important; }
.m-3 { margin: 3px !important; }
.m-5 { margin: 5px !important; }
.m-10 { margin: 10px !important; }
.m-15 { margin: 15px !important; }
.m-20 { margin: 20px !important; }
.m-25 { margin: 25px !important; }
.m-30 { margin: 30px !important; }
.m-35 { margin: 35px !important; }
.m-40 { margin: 40px !important; }
.m-45 { margin: 45px !important; }
.m-50 { margin: 50px !important; }
.m-55 { margin: 55px !important; }
.m-60 { margin: 60px !important; }
.mt-0 { margin-top: 0 !important; }
.mt-3 { margin-top: 3px !important; }
.mt-5 { margin-top: 5px !important; }
.mt-10 { margin-top: 10px !important; }
.mt-15 { margin-top: 15px !important; }
.mt-20 { margin-top: 20px !important; }
.mt-25 { margin-top: 25px !important; }
.mt-30 { margin-top: 30px !important; }
.mt-35 { margin-top: 35px !important; }
.mt-40 { margin-top: 40px !important; }
.mt-45 { margin-top: 45px !important; }
.mt-50 { margin-top: 50px !important; }
.mt-55 { margin-top: 55px !important; }
.mt-60 { margin-top: 60px !important; }
.mr-0 { margin-right: 0 !important; }
.mr-3 { margin-right: 3px !important; }
.mr-5 { margin-right: 5px !important; }
.mr-10 { margin-right: 10px !important; }
.mr-15 { margin-right: 15px !important; }
.mr-20 { margin-right: 20px !important; }
.mr-25 { margin-right: 25px !important; }
.mr-30 { margin-right: 30px !important; }
.mr-35 { margin-right: 35px !important; }
.mr-40 { margin-right: 40px !important; }
.mr-45 { margin-right: 45px !important; }
.mr-50 { margin-right: 50px !important; }
.mr-55 { margin-right: 55px !important; }
.mr-60 { margin-right: 60px !important; }
.mr-80 { margin-right: 80px !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-3 { margin-bottom: 3px !important; }
.mb-5 { margin-bottom: 5px !important; }
.mb-10 { margin-bottom: 10px !important; }
.mb-15 { margin-bottom: 15px !important; }
.mb-20 { margin-bottom: 20px !important; }
.mb-25 { margin-bottom: 25px !important; }
.mb-30 { margin-bottom: 30px !important; }
.mb-35 { margin-bottom: 35px !important; }
.mb-40 { margin-bottom: 40px !important; }
.mb-45 { margin-bottom: 45px !important; }
.mb-50 { margin-bottom: 50px !important; }
.mb-55 { margin-bottom: 55px !important; }
.mb-60 { margin-bottom: 60px !important; }
.ml-0 { margin-left: 0 !important; }
.ml-3 { margin-left: 3px !important; }
.ml-5 { margin-left: 5px !important; }
.ml-10 { margin-left: 10px !important; }
.ml-15 { margin-left: 15px !important; }
.ml-20 { margin-left: 20px !important; }
.ml-25 { margin-left: 25px !important; }
.ml-30 { margin-left: 30px !important; }
.ml-35 { margin-left: 35px !important; }
.ml-40 { margin-left: 40px !important; }
.ml-45 { margin-left: 45px !important; }
.ml-50 { margin-left: 50px !important; }
.ml-55 { margin-left: 55px !important; }
.ml-60 { margin-left: 60px !important; }

/* Text */
.align-left { text-align: left !important; }
.align-center { text-align: center !important; }
.align-right { text-align: right !important; }
.align-justify { text-align: justify !important; }
.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }
.text-upper { text-transform: uppercase !important; }
.text-lower { text-transform: lowercase !important; }
.text-light { font-weight: 300 !important; }
.text-normal { font-weight: 400 !important; }
.text-medium { font-weight: 500 !important; }
.text-bold { font-weight: bold !important; }
.text-blind { text-indent: -9999px !important; }
.ir_su { line-height: 0; position: absolute; overflow: hidden; width: 0; height: 0; text-indent: -9999px; }
.text-underline { background: linear-gradient(to top, #36cbb75e 50%, transparent 50%); }


/* header */
.header { border-bottom: 1px solid #dcdcdc; background: #fff; }
.header .header_top { position: relative; height: 190px; }
.header .header_top .logo { position: absolute; top: 83px; left: 30px; display: block; width: 335px; height: 84px; background: url(/webzine/common/images/common/logo.png) no-repeat center; }
.header .header_top .blog_link { position: absolute; top: 25px; right: 33px; display: block; width: 82px; height: 89px; background: url(/webzine/common/images/common/icon_blog.png) no-repeat center; }
.header .header_top .webzine_info { line-height: 1.4; position: absolute; top: 116px; right: 30px; text-align: right; }
.header .header_top .webzine_info .date { font-family: "Play"; font-size: 22px; font-weight: bold; letter-spacing: normal; color: #049e8a; }
.header .header_top .webzine_info .desc { font-family: "NanumSquare"; font-size: 17px; font-weight: bold; letter-spacing: -0.5px; color: #555; }
.header .header_top .webzine_info .desc .point { font-weight: 800; color: #333; }
.header .header_bottom .gnb { display: flex; padding: 10px 0; flex-wrap: wrap; justify-content: center; }
.header .header_bottom .gnb > li { padding: 0 8px; }
.header .header_bottom .gnb > li > a { font-size: 17px; position: relative; display: block; color: #999; }
.header .header_bottom .gnb > li > a:after { position: absolute; z-index: 1; top: 0; right: -7px; display: none; width: 5px; height: 5px; content: ""; border-radius: 100%; background: #049e8a; }
.header .header_bottom .gnb > li.active > a { font-weight: 500; color: #222; }
.header .header_bottom .gnb > li.active > a:after { display: block; }
.header .header_bottom .gnb > li.list4.active span { position: relative; top: -10px; }
.header .header_bottom .gnb > li.list6.active > a:after { top: -20px; right: -22px; width: 30px; height: 26px; background: url(/webzine/common/images/common/character.png) no-repeat center; }
.header .header_bottom .gnb .sub { position: absolute; z-index: 1; right: 0; left: 0; display: none; width: 100%; height: 40px; background: #f39800; }
.header .header_bottom .gnb > li:nth-child(3) .sub { padding-left: 235px; }
.header .header_bottom .gnb .sub > li { margin-right: 17px; }
.header .header_bottom .gnb .sub > li:last-child { margin-right: 0; }
.header .header_bottom .gnb .sub > li.active > a { color: #fff; }
.header .header_bottom .gnb .sub > li > a { font-size: 15px; line-height: 40px; color: #ffd38a; }

/* container */
.container .section2 { padding: 30px; background-color: #f5f7f8; }
.container .section4 { padding: 40px; }
.container .content { position: relative; display: block; background-repeat: no-repeat; background-position: center; }
.container .content.content7 { padding: 30px; border: 1px solid #e8e9e9; background-color: #fff; background-image: url(/webzine/common/images/common/icon_tv.png); background-position: right 26px top 15px; }
.container .content.content7 .youtube_video_wrap { display: flex; align-items: flex-end; }
.container .content.content7 .youtube_video { display: block; width: 410px; height: 232px; flex: 0 0 auto; }
.container .content.content7 .youtube_title { font-family: "S-CoreDream"; font-size: 22px; font-weight: 500; padding: 87px 0 79px 30px; color: #222; letter-spacing: -1px; }
.container .content.content7 .video_btns { position: absolute; bottom: 30px; left: 469px; display: flex; }
.container .content.content7 .video_btn { display: block; overflow: hidden; width: 145px; height: 55px; margin-right: 10px; white-space: nowrap; text-indent: 100%; border: 1px solid #666; background-color: #fff; background-repeat: no-repeat; background-position: center; }
.container .content.content7 .video_btn.btn1 { background-image: url(/webzine/common/images/common/icon_tv1.png); }
.container .content.content7 .video_btn.btn2 { background-image: url(/webzine/common/images/common/icon_tv2.png); }

/* footer */
.footer { font-family: "S-CoreDream"; font-size: 13px; font-weight: 300; padding: 0 30px; color: #222; background-color: #f5f7fa; }
.footer .sns_list { display: flex; padding: 15px 0; border-bottom: 1px solid #e2e4e6; justify-content: center; }
.footer .sns_list > li { padding: 0 15px; }
.footer .sns_list > li > a { display: block; overflow: hidden; width: 35px; height: 35px; white-space: nowrap; text-indent: 100%; border-radius: 100%; background-color: #fff; background-repeat: no-repeat; background-position: center; }
.footer .sns_list > li.list1 > a { background-image: url(/webzine/common/images/common/icon_sns1.png); }
.footer .sns_list > li.list2 > a { background-image: url(/webzine/common/images/common/icon_sns2.png); }
.footer .sns_list > li.list3 > a { background-image: url(/webzine/common/images/common/icon_sns3.png); }
.footer .sns_list > li.list4 > a { background-image: url(/webzine/common/images/common/icon_sns4.png); }
.footer .sns_list > li.list5 > a { background-image: url(/webzine/common/images/common/icon_sns5.png); }
.footer .sns_list > li.list6 > a { background-image: url(/webzine/common/images/common/icon_sns6.png); }
.footer .footer_info { position: relative; padding: 26px 0 18px 247px; letter-spacing: normal; }
.footer .footer_info .logo { position: absolute; top: 40px; left: 20px; width: 154px; height: 35px; background: url(/webzine/common/images/common/foot_logo.png) no-repeat center; }
.footer .footer_info .info_list_wrap { display: flex; margin-bottom: 8px; flex-wrap: wrap; }
.footer .footer_info .info_list { display: flex; margin-right: 15px; flex-wrap: wrap; }
.footer .footer_info .info_list:last-child { margin-right: 0; }
.footer .footer_info .info_title { font-weight: bold; margin-right: 5px; }
.footer .copyright { font-size: 12px; font-weight: 500; color: #444; }

/* 버튼 */
.md_btn_area01 { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
.md_btn_area01 > * { margin: 0 10px; }
.news_btn01 { display: inline-block; border: 1px solid transparent; height: 60px; background-color: #12529b; line-height: 58px; padding: 0 30px; color: #fff; font-size: 16px; font-weight: bold; border-radius: 100px; }
.news_btn01 span { background: url(/webzine/common/images/common/icon_arr.png) no-repeat right center; padding-right: 20px; }


/* 리스트 */
.md_list01 { display: flex; margin: 0 -60px; flex-wrap: wrap; justify-content: center; }
.md_list01 > li { padding: 0 60px; }
.md_list01 .item { display: block; text-align: center; }
.md_list01 .item:before { display: block; width: 90px; height: 90px; margin: 0 auto; margin-bottom: 15px; content: ""; border-radius: 100%; background-color: #e5f5f3; background-repeat: no-repeat; background-position: center; }
.md_list01 .item_title { font-size: 17px; font-weight: 500; color: #222; }
.md_list01 > li.list1 .item:before { background-image: url(/webzine/common/images/main/menu_icon1.png); }
.md_list01 > li.list2 .item:before { background-image: url(/webzine/common/images/main/menu_icon2.png); }
.md_list01 > li.list3 .item:before { background-image: url(/webzine/common/images/main/menu_icon3.png); }
.md_list02 > li { position: relative; padding-left: 10px; }
.md_list02 > li:before { position: absolute; top: 0; left: 0; display: block; content: "-"; }
.md_list03 > li { position: relative; padding-left: 12px; }
.md_list03 > li:before { position: absolute; top: 7px; left: 0; display: block; width: 2px; height: 18px; content: ""; background: #222; }
.md_list04 > li { position: relative; padding-left: 22px; }
.md_list04 .list_num { position: absolute; top: 0; left: 0; }

/* 텍스트 리스트 */
.md_dl01 dl { font-size: 16px; display: inline-flex; color: #666; }
.md_dl01 dt { font-weight: 500; margin-right: 5px; color: #444; }

/* 타이틀 */
.md_title01 { font-size: 15px; font-weight: 500; position: relative; color: #000; }
.md_title01 span { position: relative; display: inline-block; padding: 0 8px; }
.md_title01 span:before,
.md_title01 span:after { position: absolute; top: 50%; display: block; width: 1px; height: 16px; margin-top: -8px; content: ""; background: #000; }
.md_title01 span:before { left: 0; }
.md_title01 span:after { right: 0; }
.md_title02 { font-size: 28px; font-weight: 500; line-height: 1.4; color: #000; }
.md_title03 { font-size: 20px; font-weight: bold; color: #000; }
.md_title04 { font-size: 20px; font-weight: bold; color: #000; }
.md_title04 span { position: relative; padding-left: 35px; }
.md_title04 span:before { position: absolute; top: 50%; left: 0; display: block; width: 24px; height: 12px; margin-top: -6px; content: ""; background: url(/webzine/common/images/common/icon_dot.png) no-repeat center; }
.md_title05 { font-weight: bold; color: #333; }

/* 라인 */
.md_line01 { width: 40px; height: 1px; margin: 0 auto; background: #f39800; }
.md_line02 { width: 100%; height: 2px; margin: 0 auto; background: #ddd; }

/* 텍스트 */
.md_desc01 { font-size: 17px; line-height: 1.8; text-align: justify; color: #333; }
.md_desc01:after { display: block; clear: both; content: ""; }
.md_desc02 { font-size: 15px; color: #666; }


/* 약력 */
.md_history01 .item { display: flex; align-items: flex-start; }
.md_history01 .item_thumb { position: relative; margin-right: 30px; flex: 0 0 auto; }
.md_history01 .item_thumb:before { content:""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #dedede; }
.md_history01 .item_info { flex: 1 1 auto; }
.md_history01 .item_name { font-size: 15px; font-weight: bold; margin-bottom: 10px; color: #555; }
.md_history01 .item_desc { font-family: Malgun Gothic; font-size: 14px; line-height: 1.71; text-align: justify; color: #666; }

/* 이미지 float */
.md_float_img_l { float: left; margin-top: 10px; margin-right: 15px; }
.md_float_img_r { float: right; margin-top: 10px; margin-left: 15px; }
.md_float_img_flex { display: flex; flex-wrap: wrap; }
.md_float_img_flex.f_between { justify-content: space-between; }
.md_float_img_flex.f_center { justify-content: center; }

/* 노트 */
.md_note01 ul li { font-size: 14px; line-height: 1.71; position: relative; padding-left: 18px; }
.md_note01 .num { position: absolute; top: 0; left: 0; }

/* 슬라이드 */
.md_slide01 { width: 700px; margin: 0 auto; text-align: center; }
.md_slide01 .swiper-button-next,
.md_slide01 .swiper-button-prev { width: 40px; height: 40px; margin-top: -35px; border-radius: 100%; background-color: rgba(40, 40, 49, 0.7); background-repeat: no-repeat; }
.md_slide01 .swiper-button-next { background-image: url(/webzine/common/images/common/icon_next.png); background-position: 16px center; }
.md_slide01 .swiper-button-prev { background-image: url(/webzine/common/images/common/icon_prev.png); background-position: 14px center; }
.md_slide01 .swiper-button-next:after,
.md_slide01 .swiper-button-prev:after { display: none; }
.md_slide01 .swiper-pagination { line-height: 1; position: static; margin-top: 15px; }
.md_slide01 .swiper-pagination-bullet { width: 14px; height: 14px; vertical-align: top; opacity: 1; border-radius: 100px; background: #bbb; }
.md_slide01 .swiper-pagination-bullet-active { width: 42px; background: #000; }

/* 비디오 */
.md_video01 { display: block; width: 100%; height: 416px; }

/* 박스 */
.md_box01 { font-size: 17px; line-height: 1.8; padding: 30px; text-align: justify; color: #444; border: 2px solid #000; }
.md_box02 { font-size: 17px; line-height: 1.8; padding: 30px; text-align: justify; color: #444; background: #000; }
.md_box03 { font-size: 14px; line-height: 1.8; padding: 15px 20px; text-align: justify; color: #444; border: 1px solid #9f9f9f; }
.md_box04 { font-family: 'Nanum Myeongjo'; font-size: 16px; line-height: 1.8; padding: 30px; text-align: justify; background-color: #e7fbf3; }

/* 테이블 */
.table { width: 100%; table-layout: fixed; }
.table th,
.table td { text-align: center; vertical-align: middle; }
.md_table01 { font-family: "Nanum Myeongjo"; margin: 15px 0; }
.md_table01 table { border-right-style: hidden; border-left-style: hidden; }
.md_table01 th,
.md_table01 td { height: 45px; padding: 10px; border: 1px solid #ddd; }
.md_table01 th { font-weight: bold; border-top: 1px solid #999; border-bottom: 1px solid #999; background-color: #f4f4f4; }

/* num */
.md_num01 { font-size: 13px; font-weight: bold; line-height: 30px; display: inline-block; width: 30px; height: 30px; text-align: center; color: #fff; border-radius: 100%; background: #222; }
.md_num01.sm { font-size: 10px; font-weight: 300; line-height: 17px; width: 17px; height: 17px; }

/* 퀴즈 */
.md_quiz .quiz_title { text-align: center; }
.md_quiz .quiz_content { font-family: 'NanumSquare', sans-serif; background-color: #f8f8f8; border-radius: 10px; margin-top: 30px; padding: 40px 70px 40px 60px; }
.md_quiz .quiz_content.quiz_content1 { border-radius: 10px 10px 0 0; }
.md_quiz .quiz_content.quiz_content2 { position: relative; background-color: #fbf4eb; margin-top: 0; border-radius: 0 0 10px 10px; padding: 60px; }
.md_quiz .quiz_num { text-align: center; padding-bottom: 40px; }
.md_quiz .quiz_num span { display: inline-block; font-size: 24px; font-weight: 800; border-bottom: 2px solid #00afaa; color: #00afaa; padding-bottom: 3px; }
.md_quiz .quiz_desc { text-align: center; font-size: 26px; color: #333; font-weight: bold; line-height: 1.3; }
.md_quiz .o_x_btns { padding-top: 40px; text-align: center; font-size: 0; }
.md_quiz .o_x_btns .o_btn { display: inline-block; margin: 0 15px; cursor:pointer; }
.md_quiz .o_x_btns .x_btn { display: inline-block; margin: 0 15px; cursor:pointer; }
.md_quiz .quiz_guide_title { display: block; font-size: 20px; color: #333; font-weight: 800; margin-bottom: 15px; }
.md_quiz .quiz_guide_list > li { position: relative; margin-bottom: 10px; font-size: 18px; color: #444; font-weight: bold; padding-left: 40px; min-height:25px; line-height: 1.5; }
.md_quiz .quiz_guide_list > li:last-child { margin-bottom: 0; }
.md_quiz .quiz_guide_list > li .num { position: absolute; left: 0; top: 0; width: 25px; height: 25px; line-height: 25px; border-radius:5px; background-color: #00afaa; text-align: center; font-weight: bold; color: #fff; font-size: 16px; }
.md_quiz .quiz_guide_list > li b { font-weight: 800; color: #222; }
.md_quiz .quiz_guide_list.event { position: relative; }
.md_quiz .quiz_guide_list.event:before { content:""; position: absolute; right: 0; bottom: -40px; display: block; background: url(/webzine/common/images/common/event.png) no-repeat right top; width: 189px; height:160px; }
.md_quiz .quiz_guide_list.event > li { min-height:30px; color: #555; padding-left: 0; padding-left: 90px; padding-top: 4px; }
.md_quiz .quiz_guide_list.event > li .num { background-color: #986203; width: 70px; height: 30px; line-height: 30px; margin-bottom: 16px; }
.md_quiz .quiz_guide_list2 { margin-top: 30px; }
.md_quiz .quiz_guide_list2 dl { margin-bottom: 20px; }
.md_quiz .quiz_guide_list2 dl:last-child { margin-bottom: 0; }
.md_quiz .quiz_guide_list2 dt { display: inline-block; font-size: 20px; color: #333; font-weight: 800; width: 125px; }
.md_quiz .quiz_guide_list2 dd { display: inline-block; font-weight: bold; font-size: 18px; color: #555; }
.md_quiz .quiz_guide_list2 dd b { font-weight: 800; color: #222; }
.md_quiz .quiz_guide_list2 .point1 { font-weight: 800; color: #986203; }
.md_quiz .quiz_guide_desc { font-weight: bold; font-size: 18px; color: #444; margin-top: 20px; }
.md_quiz .quiz_guide_desc .point1 { color: #00afaa; }
.md_quiz .quiz_guide_desc b { font-weight: 800; color: #222; }
.md_quiz .quiz_start_btn { display: block; width: 367px; height: 60px; margin: 30px auto; cursor:pointer; }
.md_quiz .quiz_hint_btn { display: block; width: 257px; height: 60px; margin: 30px auto; cursor:pointer; }
.md_quiz .quiz_more_btn { display: block; width: 367px; height: 60px; margin: 0 auto; cursor:pointer; }
.md_quiz .quiz_next_btn { display: block; width: 367px; height: 60px; margin: 30px auto; cursor:pointer; }
.md_quiz .quiz_sub { display: none; }
.md_quiz .quiz_wrong { display: none; }
.md_quiz .quiz_wrong .o_btn { display: inline-block; margin: 0 10px; padding-top: 10px; }
.md_quiz .quiz_wrong .o_btn img { vertical-align: middle; }
.md_quiz .quiz_wrong .x_btn { display: inline-block; margin: 0 10px; }
.md_quiz .quiz_wrong .x_btn img { vertical-align: middle; }
.md_quiz .quiz_wrong .wrong_title { display: block; text-align: center; font-size: 30px; font-weight: 700; color: #444; }
.md_quiz .quiz_wrong .ex_wrap { padding: 40px 0 10px 0; }
.md_quiz .quiz_wrong .ex_list { font-size: 0; margin-bottom: 30px; }
.md_quiz .quiz_wrong .ex_list:last-child { margin-bottom: 0; }
.md_quiz .quiz_wrong .ex_list > * { display: inline-block; vertical-align: top; }
.md_quiz .quiz_wrong .ex_list dt { width: 100px; font-weight: bold; font-size: 20px; height: 45px; line-height: 45px; background: #eee; text-align: center; border-radius:100px; margin-right: 35px; }
.md_quiz .quiz_wrong .ex_list dd { width: calc(100% - 135px); font-size: 17px; line-height: 1.5; word-break: keep-all; }
.md_quiz .quiz_wrong .ex_list.type1 dt { color: #009894; }
.md_quiz .quiz_wrong .ex_list.type1 dd { color: #666; }
.md_quiz .quiz_wrong .ex_list.type1 dd .point_purple_txt { font-weight: bold; color: #009894; }
.md_quiz .quiz_wrong .ex_list.type2 dt { color: #d16718; }
.md_quiz .quiz_wrong .ex_list.type2 dd { color: #666666; }
.md_quiz .quiz_wrong .ex_list.type2 dd .point_purple_txt { font-weight: bold; color: #d16718; }
.md_quiz .quiz_end { display: none; }
.md_quiz .quiz_end .content { text-align: center; padding: 10px 0; }
.md_quiz .quiz_end .content .btns { margin: 30px 0; }
.md_quiz .quiz_end .content .btns .btn { margin: 0 13px; }
.md_quiz .quiz_end .content .txt { font-size: 16px; font-weight: 500; color: #222; }
.md_quiz .quiz_end .content .txt span { font-weight: 400; }
.md_quiz .quiz_again_btn { display: inline-block; vertical-align: middle; cursor:pointer; }
.md_quiz .quiz_event_btn { display: inline-block; vertical-align: middle; cursor:pointer; }
.md_quiz .close_txt1 { font-size: 18px; color: #00afaa; text-align: center; font-weight: bold; margin-bottom: 15px; }
.md_quiz .close_txt2 { font-size: 16px; color: #222; }
.md_quiz .close_txt2 b { font-weight: bold; }
.md_quiz .point_purple { font-weight: 800; color: #00afaa; }