@charset "UTF-8";
@font-face { font-family: noto; font-weight: normal; font-style: normal; src: url("/font/notokr-regular.eot"); src: url("/font/notokr-regular.eot?#iefix") format("embedded-opentype"), url("/font/notokr-regular.woff") format("woff"), url("/font/notokr-regular.ttf") format("truetype"), url("/font/notokr-regular.otf") format("opentype"); }

/* reset */
html, body, header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, caption, blockquote, input, button, select, textarea, button { margin: 0; padding: 0; }

body { min-width: 320px; text-align: left; border: 0 none; }

html { overflow-y: scroll; font-family: "noto", Arial, sans-serif; font-size: 14px; line-height: 1.5em; color: #414141; min-width: 320px; -webkit-overflow-scrolling: touch; }

header, footer, nav, section, article, aside { display: block; }

ul, ol { list-style-type: none; }

fieldset { border: none; }

legend { display: none; }

table { table-layout: fixed; border-collapse: collapse; border-spacing: 0; }

table caption { line-height: 0; font-size: 0; }

address, em, i { font-style: normal; }

ruby rt { font-size: 1em; }

hr { display: none; }

img { border: 0; vertical-align: top; }

a { text-decoration: none; outline: none; color: #414141; }

a:hover { text-decoration: none; }

input, textarea, button, select { font-family: "noto", Arial, sans-serif; font-size: 14px; }

button { border: 0 none; background: none; overflow: visible; outline: none; cursor: pointer; }

button, input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number], input[type=button], input[type=submit], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; overflow: visible; }

textarea { border-radius: 0; }

button::-moz-focus-inner { padding: 0; border: 0; }

button:disabled { cursor: default; }

::-webkit-input-placeholder { color: #bbb; }

::-moz-placeholder { color: #bbb; opacity: 1; }

:-ms-input-placeholder { color: #bbb; }

/* input number button clear */
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

select { background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #FFFFFF url(data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat 98% 50%; }

select::-ms-expand { display: none; }

.blind { position: absolute; overflow: hidden; margin: -1px; padding: 0; width: 1px; height: 1px; border: none; clip: rect(0, 0, 0, 0); }

.noscroll { overflow: hidden; }

.placeheldBox { position: relative; display: block; }

.placeheldBox__info { position: absolute; top: 7px; left: 8px; font-size: 14px; color: #afafaf; pointer-events: none; }

.reg .placeheldBox__info, .inquiry .placeheldBox__info { top: 8px; left: 11px; font-size: 15px; }

.ipt { box-sizing: border-box; padding: 10px; width: 100%; height: 48px; border-radius: 2px; border: solid 1px #f1f1f1; font-size: 15px; color: #000; background-color: #fff; }

.ipt:disabled { background: #f1f1f1; color: #7d7d7d; }

.ipt:focus { border-color: #1565c0; outline: none; }

.reg .ipt, .inquiry .ipt { height: 38px; }

.rdo { margin-right: 1.85714rem; }

.rdoipt { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.rdoipt:checked + .rdoText:before { background: url("/images/common/check.svg") no-repeat; background-size: contain; border: none; }

.rdoText { display: inline-block; height: 1.14286rem; font-size: 1rem; color: #000; cursor: pointer; }

.rdoText:before { content: ''; display: inline-block; margin-right: 0.71429rem; width: 1.14286rem; height: 1.14286rem; border-radius: 50%; border: 1px solid #e6e6e6; box-sizing: border-box; vertical-align: text-bottom; }

.ckbipt { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.ckbipt:checked + .ckbText:before { background: url("/images/common/square_check.svg") no-repeat; background-size: contain; border: none; }

.ckbText { display: inline-block; height: 1.14286rem; font-size: 0.92857rem; color: #414141; cursor: pointer; }

.ckbText:before { content: ''; display: inline-block; margin-right: 0.71429rem; width: 1.14286rem; height: 1.14286rem; border: 1px solid #e6e6e6; box-sizing: border-box; vertical-align: text-top; }

.sel { border: none; border-bottom: 1px solid #e6e6e6; background: #FFFFFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAYAAACJOyb4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMRJREFUeNpirK2tVWFgYDgGxKIM1AOvgdiKCUjcAWIXIP5IJYM/Qs27wwQVuATEQUD8nUKDv0HNAZnHwIQksQ+II4D4L5kGg/RFQs1hQDccBDYBcRoQ/yfR4P9QfZuQBZmwKJwHxFUkGl4F1cdAyHAQ6ADiLiIN7oKqZyDWcBCoAOJFBAxeBFXHQKrhoHBMQg9HtPhJwhc/TESmgINo4oeg4nhTFhORadcfiC9D+SDaDyrOQKnhsFznCsQ7gNiN2NwMEGAAwcMqkMvlB9UAAAAASUVORK5CYII=) no-repeat 98% 50%; background-size: 0.85714rem auto; box-sizing: border-box; border-radius: 0; padding-left: 0.71429rem; height: 2.64286rem; font-size: 0.92857rem; color: #414141; line-height: 2.64286rem; width: 100%; box-shadow: none; -webkit-appearance: none; background-color: transparent; }

.sel option { text-indent: 0.71429rem; }

.sel:focus { border-bottom-color: #1565c0; outline: none; }

.btnList { padding: 3px 5px; vertical-align: middle; font-size: 15px; color: #1565c0; }

.btnList:before { content: ''; display: inline-block; margin-right: 5px; width: 12px; height: 12px; vertical-align: baseline; background: url("/images/common/list.svg") no-repeat 0 0; background-size: contain; }

@media only screen and (max-width: 320px) { .reg .placeheldBox__info { letter-spacing: -.02em; } }

@media only screen and (max-width: 767px) { .onlymobile { display: block; }
  .onlypc { display: none; }
  .commContainer { min-height: calc(100vh - 210px); }
  .ipt { height: 38px; font-size: 13px; }
  .ipt:disabled { background: #d6d6d6; color: #000; }
  .reg .placeheldBox__info, .inquiry .placeheldBox__info { top: 9px; left: 11px; font-size: 13px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .commContainer { overflow: hidden; min-height: calc(100vh - 267px); } }

@media only screen and (min-width: 768px) { .onlymobile { display: none; }
  .onlypc { display: block; }
  .rdo { margin-right: 28px; }
  .rdoText { display: inline-block; height: 18px; font-size: 15px; }
  .rdoText:before { width: 18px; height: 18px; vertical-align: middle; }
  .sel { background-size: 11px auto; height: 37px; font-size: 15px; line-height: 30px; } }

@media only screen and (min-width: 1100px) { .commContainer { overflow: hidden; min-height: calc(100vh - 294px); }
  .mainContent { overflow: hidden; margin: 22px auto 60px; width: 1080px; }
  .leftCont { float: left; width: 712px; }
  .rightCont { position: relative; float: right; width: 346px; } }

.header, .loginHeader { position: relative; z-index: 9; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.06); }

.header__inr, .loginHeader__inr { overflow: hidden; }

.header__inr:after, .loginHeader__inr:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.header__logo, .loginHeader__logo { margin: 0.92857rem 0 0 1.14286rem; width: 11.14286rem; height: 2rem; }

.header__logo > a, .loginHeader__logo > a { display: block; }

.header__logo img, .loginHeader__logo img { width: 100%; }

@media only screen and (max-width: 1080px) { .gnb { overflow: hidden; position: fixed; height: 100vh; width: 100%; top: 0; pointer-events: none; }
  .gnb__dim { display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; z-index: 1; opacity: 0; background: rgba(0, 0, 0, 0.4); -webkit-transition: opacity 1s; pointer-events: none; }
  .gnb.on { pointer-events: all; }
  .gnb.on .gnb__dim { opacity: 1; pointer-events: all; }
  .gnb.on .gnb__inr { right: 0; }
  .gnb__btnopen { position: absolute; top: 11px; right: 13px; padding: 5px; }
  .gnb__btnopen::after { content: ''; display: block; width: 21px; height: 21px; background: url("/images/common/menu.svg") no-repeat; background-size: contain; }
  .gnb__btnclose { position: absolute; top: 13px; right: 11px; padding: 5px; }
  .gnb__btnclose::after { content: ''; display: inline-block; width: 18px; height: 18px; background-position: -20px 0px; background-size: 38px 18px; background-image: url("/images/common/sprite.png?v20200129"); background-repeat: no-repeat; }
  .gnb__inr { overflow-y: auto; position: absolute; top: 0; height: 100vh; box-sizing: border-box; padding-top: 3.85714rem; padding-bottom: 2.14286rem; background: #fff; -webkit-transition: right .8s; transition: right .8s; z-index: 6; }
  .gnb__box { margin-top: 15px; margin-left: 31px; }
  .gnb__item { display: block; position: relative; line-height: 1; color: #000; }
  .gnb__item.-dep1 { border-bottom: 1px solid #f1f1f1; }
  .gnb__item.-dep1:after { content: ''; display: block; position: absolute; background: url("/images/common/right-arrow.svg") no-repeat; background-size: contain; }
  .gnb__item.-dep2 { color: #414141; }
  .gnb__item.-dep2:after { content: ''; display: block; position: absolute; top: calc(50% - 1px); width: 2px; height: 2px; border-radius: 50%; background: #414141; }
  .gnb__item.-logout:after { content: ''; display: block; width: 13px; height: 14px; background: #FFFFFF url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAcCAYAAAB/E6/TAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARpJREFUeNrUlr8OAUEQh+eEkkKt0yAEUdAJb6DRKTyAJ9B4B51Oq1Ip1BKVB0AkLqeTiItE48/5bbIXCpbjZhO/5MsVl8uXyc3ODtE9OdAHa7BXsAM18pigfDZBDxhgCibgrPhuRV+kAC5gCRLEmAG4giQxxwIzbkkAhMFGh0jE0SXyKxEQ1SESjTUH2WcvxSEc+iSqgiOwQZFT5MoOUlbmFJGsxpbVVR9H0LPEQeYHWRe0wQjUVRVNZdv7gamqqAHSP1QkOq8DTqCl7R9xiMpSIqj8/Tkagy3Iv7ph/Ypo45CUsYr276a3oeOaEHMpRhri7gwpbpG7BS04tyDjxV5nKva6ixwt1rfSTzdV0bolzxU5jqOjD+gmwABRWWbhSgBaWAAAAABJRU5ErkJggg==) no-repeat 0 0; background-size: 100% auto; } }

@media only screen and (max-width: 767px) { .header__inr, .loginHeader__inr { height: 3.85714rem; }
  .gnb__inr { right: -270px; width: 270px; }
  .gnb__banner { width: 270px; height: 172px; }
  .gnb__dep2 { margin-bottom: -14px; }
  .gnb__item { font-size: 15px; }
  .gnb__item.-dep1 { padding-top: 15px; padding-bottom: 15px; padding-left: 5px; }
  .gnb__item.-dep1:after { top: calc(50% - 6px); right: 13px; width: 12px; height: 12px; }
  .gnb__item.-dep1:not(:first-child) { margin-top: 31px; }
  .gnb__item.-dep2 { padding-top: 13px; padding-bottom: 14px; padding-left: 15px; }
  .gnb__item.-dep2:after { left: 5px; }
  .gnb__item.-logout:after { width: 13px; height: 14px; right: 16px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .header__inr, .loginHeader__inr { height: 54px; }
  .header__logo, .loginHeader__logo { width: 156px; height: 28px; }
  .gnb__btnopen { top: 11px; right: 17px; }
  .gnb__btnopen::after { width: 21px; height: 21px; }
  .gnb__btnclose { top: 14px; right: 17px; }
  .gnb__inr { right: -480px; width: 480px; padding-top: 3.85714rem; }
  .gnb__banner { width: 480px; height: 286px; }
  .gnb__box { margin-top: 18px; margin-left: 52px; }
  .gnb__dep2 { margin-bottom: -17px; }
  .gnb__item { font-size: 17px; }
  .gnb__item.-dep1 { padding-top: 20px; padding-bottom: 20px; padding-left: 14px; }
  .gnb__item.-dep1:after { top: calc(50% - 6px); right: 19px; width: 13px; height: 13px; }
  .gnb__item.-dep1:not(:first-child) { margin-top: 40px; }
  .gnb__item.-dep2 { padding-top: 20px; padding-bottom: 16px; padding-left: 28px; }
  .gnb__item.-dep2:after { left: 14px; }
  .gnb__item.-logout:after { width: 16px; height: 17px; right: 22px; } }

@media only screen and (min-width: 1100px) { .header__inr, .loginHeader__inr { position: relative; margin: 0 auto; width: 1080px; height: 108px; }
  .header__logo, .loginHeader__logo { margin: 34px 0 0 0; width: 229px; height: 40px; }
  .gnb__btnopen, .gnb__btnclose, .gnb__dep2, .gnb__banner, .gnb__dim { display: none; }
  .gnb__box { overflow: hidden; position: absolute; top: 43px; right: 0; }
  .gnb__item { float: left; margin-left: 22px; padding: 3px 5px; font-size: 16px; line-height: 1; color: #000; font-weight: bold; } }

.footer { overflow: hidden; background: #f3f3f3; }

.footer__inr { position: relative; padding-left: 173px; box-sizing: border-box; }

.footer__logo { position: absolute; top: 0; left: 0; width: 143px; }

.footer__info { overflow: hidden; font-size: 0; }

.footer__info span { display: inline-block; position: relative; margin-right: 20px; margin-bottom: 13px; font-size: 14px; line-height: 1; color: #7d7d7d; }

.footer__info span:before { content: ''; display: block; position: absolute; top: calc(50% - 6px); left: -10px; width: 1px; height: 12px; background: #d6d6d6; }

.footer__copyright { display: block; font-size: 12px; line-height: 1; color: #adadad; }

@media only screen and (max-width: 767px) { .page__detail .footer { display: none; }
  .footer__inr { margin: 30px 16px; padding-left: 0; }
  .footer__logo { display: none; }
  .footer__info span { font-size: 12px; margin-bottom: 6px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .page__detail .footer { display: none; } }

@media only screen and (min-width: 768px) { .footer__inr { margin: 60px 22px; } }

@media only screen and (min-width: 1100px) { .footer__inr { margin: 60px auto; max-width: 1080px; }
  .footer__logo { width: 143px; height: 38px; } }

.loginContainer { overflow: hidden; }

.loginBanner img { width: 100%; }

.login__title h1 { font-weight: normal; line-height: 1; color: #000000; }

.login__title span { font-weight: normal; line-height: 1; color: #000000; }

.login__iptWrap { overflow: hidden; margin-bottom: 13px; }

.login__iptWrap + .login__iptWrap { margin-top: 28px; }

.login__iptWrap .placeheldBox__info { top: 0; left: 13px; font-size: 15px; line-height: 48px; }

.login__iptWrap.overseas { margin-top: 12px; margin-bottom: 0; }

.login__iptWrap.overseas:first-child { margin-top: 0; }

.login__iptWrap.overseas.btn { margin-top: 24px; }

.login__iptWrap.overseas.btn .notice { margin-top: 19px; font-size: 14px; line-height: 1.57; color: #4c4c4c; position: relative; padding-left: 8px; }

.login__iptWrap.overseas.btn .notice::before { content: '*'; position: absolute; left: 0; top: 0; }

.login__iptWrap.overseas.btn .notice a { font-size: 14px; line-height: 1.57; color: #4c4c4c; }

.login__iptWrap.overseas.btn .notice a:hover { text-decoration: underline; }

.login__iptTitle { display: block; margin-bottom: 10px; font-size: 14px; line-height: 1; color: #414141; }

[class^=login__btn] + [class^=login__btn] { margin-top: 10px; }

.login__btnSecondary { display: inline-block; width: 76px; height: 48px; line-height: 48px; border-radius: 2px; font-size: 15px; text-align: center; color: #fff; background: #252525; }

.login__btnPrimary { display: inline-block; width: 100%; height: 48px; line-height: 48px; border-radius: 2px; font-size: 16px; color: #fff; text-align: center; background-color: #1565c0; }

.login__btnLine { display: inline-block; width: 100%; height: 48px; line-height: 48px; border-radius: 2px; font-size: 16px; color: #1565c0; text-align: center; border: 1px solid #1565c0; }

.login__cert { float: left; position: relative; margin-right: 10px; width: 260px; }

.login__cert .ipt { padding-right: 50px; }

.login__certCount { position: absolute; top: 0; right: 10px; display: inline-block; width: 40px; text-align: right; font-size: 15px; line-height: 48px; color: #1565c0; }

.login__textlink { margin-top: 28px; margin-bottom: 61px; }

.login__textlink a { color: #7d7d7d; font-size: 15px; text-decoration: underline; text-underline-position: under; }

.loginGate__btn a { display: block; width: 390px; height: 94px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; padding: 0 20px; }

.loginGate__btn a.domestic { background: #2f71b5; }

.loginGate__btn a.domestic p .tit { position: relative; }

.loginGate__btn a.domestic p .tit::before { content: ''; display: block; position: absolute; left: -2.14286rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 19px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAMAAACt+qpmAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAzNYJGngx9lHmisOEOLhEbYSIO8IAAAC2SURBVDjLrdJLDsMgDARQ8zHGkJT4/pet2lQUA+6qs31SmAwA9MTiiXyJsAmSvEO4WpGeY7YsQ/KEfkSvLYlKUnhpvBQeGnUl1Ih22bluoNEogH3ovEJwX3Nhnih2dZvpA/KLGANsk3JO8OecpTIR13IulIc783qgWPV8dfibxDKFe+uTZAl9To4sm/D95Yds89hcpb5UZ6Fb3p1+g2gjWnXuSmwjA9lIv7HaWKHZ2ACasYJr8ARKfiaZikbMewAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.loginGate__btn a.overseas { margin-top: 12px; background: #344f71; }

.loginGate__btn a.overseas p .tit { position: relative; }

.loginGate__btn a.overseas p .tit::before { content: ''; display: block; position: absolute; left: -2.14286rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 19px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAMAAACBKikvAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAgkJs5jn3iBEFqaEwzVRiutruIZsK4T1aAAABSUlEQVQ4y61Uy7aDIAxEQVQQ3/n/X70jCIRjbVncLEoKk0yIYYRgdkg7YBlH/AxWHuKzTYb0cSG0PoGftDbTB9hgiUhidVjJASmxXhGltQrbGzgNeTOoYMOq2hIn/emMALoNgMU7C8c1fkshoYtAh5TKezLjQij1LCFRJ0RPZc5Ohw3c0WagxcWDp7v7vlv4r0CmM3BHIYHbXzIV6FMwZs8dCRqfMGZZUlHpVN6uHljCq8SVA1dUz4LuHsAQtXPgDrboo3MpSLH9Z2SXmR1jSrW4zL2ykuYS2Ap+mko06QtFm9OIoJWij4btri8MjZyj34j/t6aWequ9jKlrj6lveFv7Cd+HQpVDkWfwx5jVD246/fUU6h8Xf67m23NNpZQC0D4FoF5SXkRqfopUvew9hHR8E9IgzTukeTyDNB9a2zcVP+SZxf4sxf4PIv1Fhhnei6oAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.loginGate__btn a i { display: block; }

.loginGate__btn a p { text-align: center; line-height: 1.41; font-size: 17px; color: #fff; position: relative; }

.loginGate__btn a p .hlFont { display: block; font-size: 14px; color: #74e6ff; line-height: 1.3; margin-top: 4px; }

.loginGate__btn a p .smallFont { display: block; font-size: 14px; line-height: 1.3; margin-top: 4px; }

@media only screen and (max-width: 767px) { .loginContainer { margin: 2.14286rem auto 3.92857rem; }
  .loginContent { margin: 0 auto; max-width: 21.28571rem; width: 95%; }
  .loginBanner { margin-bottom: 3.21429rem; width: 100%; }
  .login__title { margin-bottom: 2.78571rem; }
  .login__title.overseas { margin-bottom: 1.28571rem; }
  .login__title.overseas span { line-height: 1.5; }
  .login__title h1 { margin-bottom: 0.89286rem; font-size: 2.07143rem; }
  .login__title span { font-size: 1rem; }
  .login__iptWrap + .login__iptWrap { margin-top: 1.78571rem; }
  .login__iptWrap .placeheldBox__info { top: 0; left: 13px; font-size: 13px; line-height: 38px; }
  .login__iptWrap.overseas { margin-top: 0.64286rem; margin-bottom: 0; }
  .login__iptWrap.overseas:first-child { margin-top: 0; }
  .login__iptWrap.overseas.btn { margin-top: 0.78571rem; }
  .login__iptWrap.overseas.btn .notice { margin-top: 1.07143rem; font-size: 0.85714rem; line-height: 1.5; color: #4c4c4c; position: relative; padding-left: 0.57143rem; }
  .login__iptWrap.overseas.btn .notice::before { content: '*'; position: absolute; left: 0; top: 0; }
  .login__iptWrap.overseas.btn .notice a { font-size: 0.85714rem; line-height: 1.5; color: #4c4c4c; }
  .login__iptWrap.overseas.btn .notice a:hover { text-decoration: underline; }
  .login__btnSecondary { width: 5rem; height: 2.71429rem; line-height: 2.71429rem; font-size: 13px; }
  .login__btnPrimary, .login__btnLine { width: 100%; height: 3.14286rem; line-height: 3.14286rem; font-size: 14px; }
  .login__cert { margin-right: 7px; width: 15.78571rem; }
  .login__cert .ipt { padding-right: 50px; }
  .login__certCount { width: 30px; font-size: 13px; line-height: 38px; }
  .login__textlink { margin-top: 1.35714rem; margin-bottom: 3.07143rem; }
  .login__textlink a { font-size: 0.92857rem; }
  .loginGate__btn a { display: block; width: 100%; height: 4.46429rem; border-radius: 0.35714rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; }
  .loginGate__btn a.domestic { background: #2f71b5; }
  .loginGate__btn a.domestic p .tit { position: relative; }
  .loginGate__btn a.domestic p .tit::before { content: ''; display: block; position: absolute; left: -1.57143rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 11.5px; height: 14px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAMAAACt+qpmAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAzNYJGngx9lHmisOEOLhEbYSIO8IAAAC2SURBVDjLrdJLDsMgDARQ8zHGkJT4/pet2lQUA+6qs31SmAwA9MTiiXyJsAmSvEO4WpGeY7YsQ/KEfkSvLYlKUnhpvBQeGnUl1Ih22bluoNEogH3ovEJwX3Nhnih2dZvpA/KLGANsk3JO8OecpTIR13IulIc783qgWPV8dfibxDKFe+uTZAl9To4sm/D95Yds89hcpb5UZ6Fb3p1+g2gjWnXuSmwjA9lIv7HaWKHZ2ACasYJr8ARKfiaZikbMewAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }
  .loginGate__btn a.overseas { margin-top: 12px; background: #344f71; }
  .loginGate__btn a.overseas p .tit { position: relative; }
  .loginGate__btn a.overseas p .tit::before { content: ''; display: block; position: absolute; left: -1.60714rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 16px; height: 14.5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAMAAACBKikvAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAgkJs5jn3iBEFqaEwzVRiutruIZsK4T1aAAABSUlEQVQ4y61Uy7aDIAxEQVQQ3/n/X70jCIRjbVncLEoKk0yIYYRgdkg7YBlH/AxWHuKzTYb0cSG0PoGftDbTB9hgiUhidVjJASmxXhGltQrbGzgNeTOoYMOq2hIn/emMALoNgMU7C8c1fkshoYtAh5TKezLjQij1LCFRJ0RPZc5Ohw3c0WagxcWDp7v7vlv4r0CmM3BHIYHbXzIV6FMwZs8dCRqfMGZZUlHpVN6uHljCq8SVA1dUz4LuHsAQtXPgDrboo3MpSLH9Z2SXmR1jSrW4zL2ykuYS2Ap+mko06QtFm9OIoJWij4btri8MjZyj34j/t6aWequ9jKlrj6lveFv7Cd+HQpVDkWfwx5jVD246/fUU6h8Xf67m23NNpZQC0D4FoF5SXkRqfopUvew9hHR8E9IgzTukeTyDNB9a2zcVP+SZxf4sxf4PIv1Fhhnei6oAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }
  .loginGate__btn a i { display: block; }
  .loginGate__btn a p { text-align: center; line-height: 1.27; font-size: 1rem; color: #fff; position: relative; }
  .loginGate__btn a p .hlFont { display: block; font-size: 0.85714rem; color: #74e6ff; line-height: 1; margin-top: 0.10714rem; }
  .loginGate__btn a p .smallFont { display: block; font-size: 0.85714rem; line-height: 1; margin-top: 0.10714rem; } }

@media only screen and (min-width: 768px) { .login__iptTitle { font-size: 15px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .loginContainer { margin: 60px auto 60px; }
  .loginContent { margin-left: 52px; width: 346px; }
  .loginBanner { margin-bottom: 60px; width: 100%; }
  .login__title { margin-bottom: 60px; }
  .login__title.overseas { margin-bottom: 28px; }
  .login__title.overseas span { line-height: 1.42; }
  .login__title h1 { margin-bottom: 21px; font-size: 40px; }
  .login__title span { font-size: 19px; }
  .loginGate__btn a { display: block; width: 390px; height: 84px; border-radius: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; box-sizing: border-box; }
  .loginGate__btn a.domestic { background: #2f71b5; }
  .loginGate__btn a.domestic p .tit { position: relative; }
  .loginGate__btn a.domestic p .tit::before { content: ''; display: block; position: absolute; left: -2.07143rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 18px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAkCAMAAACt+qpmAAAANlBMVEVHcEz///////////////////////////////////////////////////////////////////+GUsxbAAAAEXRSTlMAzNYJGngx9lHmisOEOLhEbYSIO8IAAAC2SURBVDjLrdJLDsMgDARQ8zHGkJT4/pet2lQUA+6qs31SmAwA9MTiiXyJsAmSvEO4WpGeY7YsQ/KEfkSvLYlKUnhpvBQeGnUl1Ih22bluoNEogH3ovEJwX3Nhnih2dZvpA/KLGANsk3JO8OecpTIR13IulIc783qgWPV8dfibxDKFe+uTZAl9To4sm/D95Yds89hcpb5UZ6Fb3p1+g2gjWnXuSmwjA9lIv7HaWKHZ2ACasYJr8ARKfiaZikbMewAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }
  .loginGate__btn a.overseas { margin-top: 12px; background: #344f71; }
  .loginGate__btn a.overseas p .tit { position: relative; }
  .loginGate__btn a.overseas p .tit::before { content: ''; display: block; position: absolute; left: -2.14286rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 20px; height: 19px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAMAAACBKikvAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMAgkJs5jn3iBEFqaEwzVRiutruIZsK4T1aAAABSUlEQVQ4y61Uy7aDIAxEQVQQ3/n/X70jCIRjbVncLEoKk0yIYYRgdkg7YBlH/AxWHuKzTYb0cSG0PoGftDbTB9hgiUhidVjJASmxXhGltQrbGzgNeTOoYMOq2hIn/emMALoNgMU7C8c1fkshoYtAh5TKezLjQij1LCFRJ0RPZc5Ohw3c0WagxcWDp7v7vlv4r0CmM3BHIYHbXzIV6FMwZs8dCRqfMGZZUlHpVN6uHljCq8SVA1dUz4LuHsAQtXPgDrboo3MpSLH9Z2SXmR1jSrW4zL2ykuYS2Ap+mko06QtFm9OIoJWij4btri8MjZyj34j/t6aWequ9jKlrj6lveFv7Cd+HQpVDkWfwx5jVD246/fUU6h8Xf67m23NNpZQC0D4FoF5SXkRqfopUvew9hHR8E9IgzTukeTyDNB9a2zcVP+SZxf4sxf4PIv1Fhhnei6oAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }
  .loginGate__btn a i { display: block; }
  .loginGate__btn a p { text-align: center; line-height: 1.41; font-size: 17px; color: #fff; position: relative; }
  .loginGate__btn a p .hlFont { display: block; font-size: 14px; color: #74e6ff; line-height: 1; margin-top: 4px; }
  .loginGate__btn a p .smallFont { display: block; font-size: 14px; line-height: 1; margin-top: 4px; } }

@media only screen and (min-width: 1100px) { .loginContainer { margin: 0 auto; padding: 29px 0 0; width: 1080px; height: calc(100vh - 294px); box-sizing: border-box; font-size: 0; }
  .loginContainer__inr { display: inline-block; width: calc(100% - 1px); vertical-align: middle; font-size: 14px; }
  .loginContainer:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
  .loginContent { float: left; width: 346px; }
  .loginBanner { float: right; width: 622px; }
  .login__title { margin-bottom: 60px; }
  .login__title.overseas { margin-bottom: 28px; }
  .login__title.overseas span { line-height: 1.42; }
  .login__title h1 { margin-bottom: 21px; font-size: 40px; }
  .login__title span { font-size: 19px; } }

@media only screen and (min-width: 1100px) and (max-height: 840px) { .loginContainer { padding: 30px 0 20px; min-height: calc(100vh - 244px); height: calc(100vh - 244px); }
  .footer__inr { margin-top: 40px; margin-bottom: 30px; } }

@media only screen and (min-width: 1100px) and (max-height: 769px) { .loginContainer { height: auto; } }

.reg { position: fixed; min-width: 320px; width: 100vw; height: 100vh; margin: 0 auto; top: 0; left: 0; z-index: 999; text-align: center; background: rgba(0, 0, 0, 0.4); }

.reg__layer { margin: 0 auto; overflow-y: scroll; display: inline-block; vertical-align: middle; height: 100vh; background: #fff; width: 100%; }

.reg__inr { display: inline-block; box-sizing: border-box; vertical-align: middle; position: relative; text-align: left; z-index: 2; margin: 0 auto; padding: 3.82143rem 2.21429rem 2.14286rem; background: #fff; width: 100%; }

.reg__close { position: absolute; top: 1.28571rem; right: 1.14286rem; }

.reg__close:after { content: ''; display: inline-block; width: 1.28571rem; height: 1.28571rem; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAURJREFUeNrk2LsKwjAUBuBooYOzz+XSUeiuq0s36eplE1w71EkXhY4VfCEH3YSip5BCOCShlySnauAfTEzzQS+5eIyxLeQE8SE3RlMWkAwyLn88IW+eiAATCeOXFhYLFa5RERp7VTXsCFAYs4cMqsYBr3CFmuswOtTMAmZWB+MKhTGpDiOiEgsojDlAvLqdPd7BFCrsgtGhpi0wZZ+iK0aFKhqiMObcBSOiji1QGHPh05OR4vML1kUFNjE61ETyv7LuZRujQr0QCmNymxgRlUlQGHOFjFzN0iM+oIgiw6hQRjBD9iOlV7dMhpE91JmrNyxv8NqTfoNEFMlXOviWeUyFOpqa6c8Glx+kayERZWW1GP7KelqFSuruOFKH2yDSPVkjlAwz/5d9vQq1qxpWPTqOiXt5YLWG3PmxGlVZQh6QzUeAAQAUOApwO3UKSQAAAABJRU5ErkJggg==") no-repeat 0 0; background-size: contain; }

.reg__title { margin-bottom: 2.57143rem; }

.reg__title h2 { margin-bottom: 1.28571rem; font-size: 1.35714rem; line-height: 1; color: #000; }

.reg__title span { font-size: 1rem; line-height: 1.5em; color: #000; }

.reg__iptTitle { display: block; font-size: 1rem; line-height: 1; color: #414141; }

.reg__iptTitle.essential:after { content: '*'; color: #1565c0; }

.reg__ipt { margin-bottom: 2rem; }

.reg__ipt.phone .placeheldBox, .reg__ipt.cert .reg__cert { float: left; margin-right: 7px; width: calc(100% - 99px); }

.reg__ipt.radio { margin-left: 0.71429rem; }

.reg__ipt.region { overflow: hidden; }

.reg__ipt.region .sel { width: 48%; }

.reg__ipt.region .sel:first-child { float: left; }

.reg__ipt.region .sel:last-child { float: right; }

.reg__cert { position: relative; }

.reg__cert .ipt { padding-right: 50px; }

.reg__certCount { position: absolute; top: 0; right: 10px; display: inline-block; width: 40px; text-align: right; font-size: 15px; line-height: 38px; color: #1565c0; }

.reg__sidetext { margin-top: 0.71429rem; font-size: 0.78571rem; line-height: 1; }

.reg__sidetext.red { color: #f22a56; }

.reg__sidetext.blue { color: #1565c0; }

.reg__agree { margin-bottom: 3.21429rem; }

.reg__agree .ckb { display: block; margin-bottom: 1.28571rem; }

.reg__agreeBody { overflow-y: auto; box-sizing: border-box; height: 13.92857rem; border: solid 1px #eeeeee; background-color: #fcfcfc; }

.reg__agreeBody pre { box-sizing: border-box; margin: 0.71429rem; font-size: 0.92857rem; line-height: 1.538em; color: #7d7d7d; white-space: pre-line; }

.reg__btnPrimary { display: inline-block; width: 100%; height: 3.14286rem; line-height: 3.14286rem; font-size: 14px; border-radius: 2px; color: #fff; text-align: center; background-color: #1565c0; }

.reg__btnSecondary, .reg__btnSecondaryLine { display: inline-block; width: 6.57143rem; height: 2.71429rem; line-height: 2.71429rem; font-size: 13px; border-radius: 2px; text-align: center; }

.reg__btnSecondary { color: #fff; background: #252525; }

.reg__btnSecondaryLine { color: #252525; border: 1px solid #252525; }

.reg__seminar { margin-bottom: 50px; }

.reg__seminarTit { font-size: 19px; font-weight: bold; line-height: 1; color: #000; margin-bottom: 18px; }

.reg__seminarList { width: 100%; -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box; }

.reg__seminarList * { -webkit-transition: all 0.3s; transition: all 0.3s; box-sizing: border-box; }

.reg__seminarList li { margin-top: 16px; }

.reg__seminarList li:first-child { margin-top: 0; }

.reg__seminarList li label { padding: 14px 15px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: pointer; }

.reg__seminarList li label input { display: none; }

.reg__seminarList li label input:checked + .bg { background: #f5f9ff; }

.reg__seminarList li label input:checked + .bg + .txt::before { background: #7d7d7d; border-color: #7d7d7d; }

.reg__seminarList li label .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: #fff; border: solid 1px #f1f1f1; box-shadow: 0 2px 6px 0 rgba(206, 211, 230, 0.55); }

.reg__seminarList li label .txt { position: relative; z-index: 2; width: 100%; padding-left: 28px; }

.reg__seminarList li label .txt::before { content: "\e928"; font-family: xeicon !important; font-size: 15px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; border-radius: 2px; border: solid 1px #e1e1e1; background: #fff; position: relative; z-index: 2; position: absolute; left: 0; top: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.reg__seminarList li label .txt .date { font-size: 15px; font-weight: bold; line-height: 1.4; color: #000; }

.reg__seminarList li label .txt .desc { font-size: 15px; line-height: 1.4; color: #000; width: 100%; margin-top: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.reg__terms { margin-bottom: 35px; }

.reg__termsRow { margin-top: 25px; }

.reg__termsRow:first-child { margin-top: 0; }

.reg__termsRow__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.reg__termsRow__top .tit { font-size: 14px; font-weight: bold; line-height: 1.4; color: #000; }

.reg__termsRow__top .tit span { font-size: 13px; font-weight: normal; line-height: 1.7; color: #414141; display: block; }

.reg__termsRow__top .row { width: 100%; margin-top: 10px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.reg__termsRow__bottom { margin-top: 10px; display: none; }

.reg__termsRow__bottom .desc { font-size: 13px; color: #414141; margin-top: 10px; }

.reg__termsRow .newIpt__checkbox { cursor: pointer; }

.reg__termsRow .newIpt__checkbox input { display: none; }

.reg__termsRow .newIpt__checkbox input:checked + .txt::before { background: #7d7d7d; border-color: #7d7d7d; }

.reg__termsRow .newIpt__checkbox .txt { font-size: 14px; color: #414141; position: relative; padding-left: 28px; }

.reg__termsRow .newIpt__checkbox .txt::before { content: "\e928"; font-family: xeicon !important; font-size: 15px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; border-radius: 2px; border: solid 1px #e1e1e1; background: #fff; position: relative; z-index: 2; position: absolute; left: 0; top: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.reg__termsRow .newIpt__radio { cursor: pointer; }

.reg__termsRow .newIpt__radio + .newIpt__radio { margin-left: 20px; }

.reg__termsRow .newIpt__radio input { display: none; }

.reg__termsRow .newIpt__radio input:checked + .txt::before { background: #7d7d7d; border-color: #7d7d7d; }

.reg__termsRow .newIpt__radio .txt { font-size: 14px; color: #414141; position: relative; padding-left: 28px; }

.reg__termsRow .newIpt__radio .txt::before { content: "\e928"; font-family: xeicon !important; font-size: 11px; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 16px; height: 16px; border-radius: 2px; border: solid 1px #e1e1e1; border-radius: 50%; background: #fff; position: relative; z-index: 2; position: absolute; left: 0; top: 2px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.reg__termsRow .newIpt__termsBtn { font-size: 14px; line-height: normal; color: #1565c0; margin-left: auto; cursor: pointer; height: -webkit-min-content; height: min-content; }

.reg__termsRow .termsCont { border: solid 1px #e6e6e6; padding: 10px 20px; height: 160px; overflow-y: auto; background: #fcfcfc; }

.reg__termsRow .termsCont pre { font-family: "noto", Arial, sans-serif; font-size: 13px; line-height: 1.5; color: #7d7d7d; white-space: pre-line; margin: 0; }

@media only screen and (max-width: 320px) { .reg .placeheldBox__info { letter-spacing: -.02em; }
  .reg__inr { padding-left: 1.07143rem; padding-right: 1.07143rem; }
  .reg__ipt.phone .placeheldBox, .reg__ipt.cert .reg__cert { width: calc(100% - 92px); }
  .reg__btnSecondary, .reg__btnSecondaryLine { width: 6.07143rem; } }

@media only screen and (max-width: 767px) { .reg__iptTitle { margin-bottom: 0.71429rem; font-size: 1rem; }
  .reg__ipt.radio { margin-top: 1.42857rem; margin-bottom: 2.57143rem; }
  .reg__list { margin-bottom: 1rem; }
  .reg__agree .ckb { margin-bottom: 0.57143rem; }
  .reg__agreeBody { height: 14.64286rem; }
  .reg__seminar { margin-bottom: 1.92857rem; }
  .reg__seminarTit { font-size: 1.28571rem; margin-bottom: 0.85714rem; }
  .reg__seminarList li { margin-top: 0.64286rem; }
  .reg__seminarList li label { padding: 0.85714rem; }
  .reg__seminarList li label .txt { padding-left: 1.78571rem; }
  .reg__seminarList li label .txt::before { font-size: 1.07143rem; width: 1.07143rem; height: 1.07143rem; top: 0.07143rem; }
  .reg__seminarList li label .txt .date { font-size: 0.92857rem; font-weight: bold; line-height: 1.4; color: #000; }
  .reg__seminarList li label .txt .desc { font-size: 0.92857rem; line-height: 1.4; color: #000; width: 100%; margin-top: 0.35714rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .reg__terms { margin-bottom: 1.5rem; }
  .reg__termsRow { margin-top: 1.07143rem; }
  .reg__termsRow__top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .reg__termsRow__top label .txt { font-size: 0.92857rem; padding-left: 1.42857rem; }
  .reg__termsRow__top label .txt::before { font-size: 1.07143rem; width: 1.07143rem; height: 1.07143rem; top: 0.14286rem; }
  .reg__termsRow__top .termsBtn { font-size: 0.92857rem; }
  .reg__termsRow__bottom { margin-top: 0.71429rem; }
  .reg__termsRow__bottom .termsCont { padding: 0.71429rem; }
  .reg__termsRow__bottom .termsCont pre { font-size: 0.85714rem; }
  .reg__termsRow__bottom .desc { font-size: 0.89286rem; margin-top: 0.35714rem; } }

@media only screen and (min-width: 768px) { .reg::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
  .reg__close { top: 36px; right: 36px; }
  .reg__close:after { width: 22px; height: 22px; }
  .reg__layer { height: auto; max-height: 90vh; }
  .reg__inr { padding: 58px 36px 36px 36px; }
  .reg__title { margin-bottom: 46px; }
  .reg__title h2 { margin-bottom: 17px; font-size: 21px; line-height: 1; color: #000; }
  .reg__title span { font-size: 15px; color: #000; }
  .reg__iptTitle { clear: both; float: left; width: 98px; font-size: 15px; line-height: 38px; }
  .reg__ipt { float: left; width: calc(100% - 228px); }
  .reg__ipt.phone { width: calc(100% - 98px); }
  .reg__ipt.phone .placeheldBox { width: calc(100% - 130px); }
  .reg__ipt.cert { width: calc(100% - 98px); }
  .reg__ipt.cert .reg__cert { width: calc(100% - 130px); }
  .reg__ipt.radio { margin-top: 7px; height: 32px; }
  .reg__ipt.major .sel { width: 191px; }
  .reg__sidetext { font-size: 12px; }
  .reg__btnSecondary { width: 120px; height: 38px; line-height: 38px; font-size: 15px; }
  .reg__btnPrimary { width: 120px; height: 38px; line-height: 38px; font-size: 15px; }
  .reg__btnSecondaryLine { width: 120px; height: 38px; line-height: 38px; font-size: 15px; }
  .reg__agree { clear: both; margin-bottom: 60px; }
  .reg__btnbox { text-align: right; }
  .reg__list { overflow: hidden; margin-bottom: 19px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .reg__layer { width: 87%; max-width: 680px; } }

@media only screen and (min-width: 1100px) { .reg__layer { width: 680px; } }

.mainBnr { overflow: hidden; position: relative; box-sizing: border-box; }

.mainBnr:after { content: ''; display: block; width: 100%; height: 5px; position: absolute; top: 0; left: 0; /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0+100 */ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */ }

.mainBnr__inr { overflow: hidden; position: relative; min-height: 15.42857rem; box-sizing: border-box; }

.mainBnr__text { position: relative; z-index: 2; }

.mainBnr__top .mainBnr__date, .mainBnr__top .badge__live { vertical-align: middle; }

.mainBnr__date { display: inline-block; font-size: 24px; color: #000; font-weight: bold; }

.mainBnr__topic { color: #000; }

.mainBnr__lecturer { color: #414141; }

.mainBnr__btnEnter, .mainBnr__btnDef, .mainBnr__timer { position: absolute; bottom: 0; left: 0; z-index: 2; box-sizing: border-box; width: 252px; height: 48px; border-radius: 0.14286rem; text-align: center; }

.mainBnr__btnEnter { border: 0.07143rem solid #1565c0; color: #1565c0; background: #fff; line-height: 48px; }

.mainBnr__timer { color: #fff; background: #8ea5bf; cursor: default; }

.mainBnr__timer b { font-weight: bold; vertical-align: top; }

.mainBnr__btnDef { border: 0.07143rem solid #d6d6d6; color: #000000; background: #fff; }

.mainBnr__img { z-index: 1; }

.mainBnr__img img { width: 100%; }

@media only screen and (max-width: 767px) { .mainBnr { padding: 0 16px; }
  .mainBnr__inr { margin: 2.71429rem 0 3.07143rem; }
  .mainBnr__top { margin-bottom: 1.14286rem; }
  .mainBnr__top [class^='webinarBadge__'] { width: auto; padding: 0 0.35714rem; height: 1.14286rem; font-size: 0.78571rem; line-height: 1.21429rem; }
  .mainBnr__text { margin-bottom: 1.28571rem; }
  .mainBnr__text, .mainBnr__top { margin-left: 0.35714rem; margin-right: 0.35714rem; }
  .mainBnr__text { height: auto; }
  .mainBnr__date { font-size: 1.14286rem; line-height: 1.14286rem; }
  .mainBnr__topic { font-size: 1rem; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
  .mainBnr__lecturer { display: none !important; font-size: 1rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; }
  .mainBnr__btnEnter, .mainBnr__btnDef, .mainBnr__timer { position: static; font-size: 1rem; width: 100%; height: 3.14286rem; line-height: 3.14286rem; }
  .mainBnr__img { margin: 0 auto 1.57143rem; width: 66.7%; }
  .mainBnr.closed .mainBnr__inr { margin: 3rem 0; min-height: 100%; }
  .mainBnr.closed .mainBnr__img { margin-bottom: 0; }
  .mainBnr.closed .mainBnr__top, .mainBnr.closed .mainBnr__text, .mainBnr.closed .mainBnr__btnDef { display: none; }
  .mainContent .leftCont { overflow: hidden; min-height: calc(100vh - 631px); } }

@media only screen and (min-width: 768px) { .mainBnr__text { height: 220px; }
  .mainBnr__text:after { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
  .mainBnr__textInr { display: inline-block; vertical-align: middle; width: 99%; }
  .mainBnr__top [class^='webinarBadge__'] { min-width: 46px; height: 24px; font-size: 14px; line-height: 24px; }
  .mainBnr__date { margin-right: 10px; font-size: 24px; }
  .mainBnr__textInr { margin-top: -6px; }
  .mainBnr__topic { margin-bottom: 13px; font-size: 19px; line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; word-wrap: break-word; }
  .mainBnr__lecturer { font-size: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
  .mainBnr__btnEnter { width: 252px; height: 48px; font-size: 15px; line-height: 48px; }
  .mainBnr__timer { width: 252px; height: 48px; line-height: 48px; font-size: 15px; }
  .mainBnr__img { width: 438px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .mainBnr { padding: 66px 22px 74px; min-height: 432px; }
  .mainBnr__inr { height: 292px; padding: 0 1.3%; }
  .mainBnr__date { margin-right: 0.7%; }
  .mainBnr__img { position: absolute; bottom: 0; right: 0; opacity: .25; }
  .mainContent .leftCont { overflow: hidden; min-height: calc(100vh - 855px); } }

@media only screen and (min-width: 959px) and (max-width: 1100px) { .mainContent .leftCont { overflow: hidden; min-height: calc(100vh - 828px); } }

@media only screen and (min-width: 1100px) { .mainBnr { padding: 88px 10px 64px; height: 444px; }
  .mainBnr__inr { margin: 0 auto; max-width: 1080px; height: 292px; }
  .mainBnr__text, .mainBnr__top { margin: 0 10px; }
  .mainBnr__text { float: left; width: 577px; }
  .mainBnr__img { position: absolute; bottom: 0; right: 0; } }

.webinarBrand__title { position: relative; padding-left: 42px; min-height: 21px; color: #000; font-weight: bold; border-bottom: 1px solid #cecece; }

.webinarBrand__title:before { content: ''; display: inline-block; position: absolute; top: 2px; left: 10px; background: url("/images/common/event.svg") no-repeat 0 0; background-size: 100% auto; width: 19px; height: 21px; }

.webinarBrand__title button { color: inherit; font-size: inherit; font-weight: inherit; position: absolute; top: -2px; left: 0; width: 100%; padding: 0 0 0 42px; text-align: left; box-sizing: border-box; }

.arrow:after { content: ''; display: block; position: absolute; top: 7px; right: 10px; width: 17px; height: 11px; background: url("/images/common/bottom-arrow.svg") no-repeat 0 -3px; background-size: 100% auto; opacity: 0.53; }

.arrow.on:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.webinarBrand__title.closed { color: #7d7d7d; }

.webinarBrand__title.closed:before { opacity: 0.53; top: 3px; }

.webinarBrand__itembox { overflow: hidden; }

.webinarBrand__item { position: relative; }

.webinarBrand__item:not(:last-child) { border-bottom: 1px solid #f1f1f1; }

.webinarBrand__info { overflow: hidden; margin-bottom: 22px; font-size: 0; }

.webinarBrand__info [class^='webinarBadge__'] { margin-right: 2px; }

.webinarBrand__date { display: inline-block; margin-right: 13px; vertical-align: middle; font-size: 19px; line-height: 19px; color: #000; font-weight: bold; }

.webinarBrand__lecturer { font-size: 15px; line-height: 1.6em; color: #414141; }

.webinarBrand__topic { margin: 5px 0 0 0; font-size: 15px; line-height: 1.6em; font-weight: normal; color: #414141; padding: 0; }

.webinarBrand__btngroup { overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: absolute; top: -7px; right: 10px; }

.webinarBrand__btngroup:empty { margin-top: 0; }

.webinarBrand__btngroup a[class^=webinarBrand__] + a[class^=webinarBrand__] { margin-left: 5px; }

.webinarBrand__btnEnter, .webinarBrand__btnDef, .webinarBrand__btnRegi { display: block; width: 67px; height: 28px; line-height: 28px; box-sizing: border-box; font-size: 14px; text-align: center; }

.webinarBrand__btnEnter { border: 1px solid #1565c0; color: #1565c0; }

.webinarBrand__btnDef { border: 1px solid #d6d6d6; color: #242424; }

.webinarBrand__btnRegi { border: 1px solid #5abbd1; color: #fff; background: #5abbd1; }

.webinarBrand__btnRegi.complete { border-color: #fff0; background: none; color: #7b7b7b; width: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; pointer-events: none; }

.webinarBrand__btnRegi.complete::before { content: ""; display: block; margin-right: 5px; width: 16px; height: 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAPFBMVEVHcEx7e3twcHB6enp6enp6enp6enplZWV9fX16enp6enp7e3t5eXl6enp6enp6enp6enp6enp2dnZ5eXkmQ2jXAAAAFHRSTlMATgh8beOoAxnSi9ArxTv3mrYNXtsP5wcAAACISURBVAjXNU8JEsQgCAsKiq5n+/+/LsWWGcQkYBAAAm+ZPTW7ZkuM0m+9qAohLzIs7DxCzildCMJ4Q1MyiXs+k9DyYOwbOfKHjREFWmHDEbgt5+VqLE9XrUAnn9/+9LKOVY+nH2LLtamfLWJ/bOrvY4YMr6tQMEOtc7wKiezVp//uRGjEpGffPzg9BDNsQdHeAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.webinarBrand__btnMore { position: relative; padding-top: 24px; margin-right: 0; width: 100%; border-top: 1px solid #f1f1f1; box-sizing: border-box; text-align: center; }

.webinarBrand__btnMore:empty { padding: 0; border-top: none; }

.webinarBrand__btnText { padding: 3px 5px; vertical-align: middle; font-size: 15px; color: #adadad; }

.webinarBrand__btnText:before { content: ''; display: inline-block; margin-right: 5px; vertical-align: middle; width: 7px; height: 8px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAC1JREFUeNpiXLt2LQMO8B9KM2KTZGIgE4wEjSxIoUcodKlnI+NoPFJZI0CAAQAlbgYm9t7B4gAAAABJRU5ErkJggg==) no-repeat 0 0; background-size: contain; }

.webinarBadge__live { display: inline-block; box-sizing: border-box; vertical-align: middle; min-width: 41px; height: 18px; font-size: 11px; line-height: 18px; text-align: center; color: #fff; width: auto; background-color: #f72053; }

.webinarBadge__close { display: inline-block; box-sizing: border-box; vertical-align: middle; min-width: 41px; height: 18px; font-size: 11px; line-height: 18px; text-align: center; color: #fff; background: #9f9f9f; }

.webinarBadge__VOD { display: inline-block; box-sizing: border-box; vertical-align: middle; min-width: 41px; height: 18px; font-size: 11px; line-height: 18px; text-align: center; color: #fff; background: #164b87; }

.webinarBadge__ready { display: inline-block; box-sizing: border-box; vertical-align: middle; min-width: 41px; height: 18px; font-size: 11px; line-height: 18px; text-align: center; color: #fff; background: #8ea5bf; }

.closed .webinarBrand__date { color: #b0b0b0; }

.closed .webinarBrand__lecturer { color: #b0b0b0; }

.closed .webinarBrand__topic { color: #c3c3c3; }

.rigitCont__box { margin-bottom: 12px; padding: 24px 16px 23px; border-radius: 5px; background: #fafafa; }

.rigitCont__h2 { margin: 4px 0 12px; padding: 0 10px 16px; position: relative; font-size: 14px; line-height: 1; font-weight: bold; color: #414141; border-bottom: 1px solid #dfdfdf; }

a .rigitCont__h2:after { content: ''; display: inline-block; position: absolute; right: 8px; top: 1px; vertical-align: middle; width: 11px; height: 12px; background: url("/images/common/right-arrow.svg") no-repeat 0 0; background-size: auto 100%; }

.rigitCont__box.mNotice, .rigitCont__box.mFAQ { display: none; }

.rigitCont__content { font-size: 15px; line-height: 1.6em; color: #414141; }

.mNotice .rigitCont__content { margin-bottom: -10px; margin-top: -10px; }

.mFAQ .rigitCont__content { margin-bottom: -10px; margin-top: -10px; }

.rigitCont__item { display: block; padding: 11px 10px; }

.rigitCont__item:not(:last-child) { border-bottom: 1px solid #f1f1f1; }

.rigitCont__banner { position: relative; overflow: hidden; display: block; margin-top: 42px; padding: 1.42857rem 16px; background: #103061; }

.rigitCont__banner:after { content: ''; display: block; position: absolute; top: calc(50% - 7px); right: 28px; width: 14px; height: 18px; background: url("/images/common/right-arrow-white.svg") no-repeat 0 0; background-size: auto 100%; }

.rigitCont__bannerImg { display: inline-block; vertical-align: middle; width: 50px; margin-right: 4.1%; }

.rigitCont__bannerText { display: inline-block; vertical-align: middle; color: #fff; font-size: 14px; line-height: 1.458em; }

.rigitCont__bannerText span { color: #33a3ff; }

.sideBanner { overflow: hidden; display: block; }

.sideBanner img { width: 100%; }

@media only screen and (max-width: 767px) { .webinarBrand { margin: 0 16px; }
  .webinarBrand__title { margin-top: 3.07143rem; padding-left: 2.14286rem; padding-bottom: 1.21429rem; font-size: 1.21429rem; min-height: 1.21429rem; line-height: 1.21429rem; border-bottom-width: 0.07143rem; }
  .webinarBrand__title:before { left: 0.35714rem; width: 1.14286rem; height: 1.21429rem; }
  .webinarBrand__title button { padding-left: 2.14286rem; }
  .webinarBrand__title button:after { right: 0.35714rem; width: 1.21429rem; height: 0.71429rem; }
  .webinarBrand__item { margin-top: 1.57143rem; padding-left: 0.35714rem; padding-right: 0.35714rem; }
  .webinarBrand__item:not(:last-child) { padding-bottom: 1.07143rem; }
  .webinarBrand__info { margin-bottom: 1.07143rem; }
  .webinarBrand__info [class^='webinarBadge__'] { margin-right: 0.14286rem; }
  .webinarBrand__date { margin-right: 0.57143rem; font-size: 1.14286rem; line-height: 1.28571rem; }
  .webinarBrand__lecturer { font-size: 1rem; line-height: 1.6em; }
  .webinarBrand__topic { margin: 0.57143rem 0 0 0; font-size: 1rem; line-height: 1.6em; }
  .webinarBrand__btngroup { margin-left: -0.35714rem; margin-right: -0.35714rem; position: relative; top: 0; right: 0; }
  .webinarBrand__btngroup a + a { margin-top: 0; }
  .webinarBrand__btnEnter, .webinarBrand__btnDef, .webinarBrand__btnRegi { position: static; margin-top: 1rem; margin-bottom: 0.5rem; margin-left: 0 !important; width: 100%; height: 3.14286rem; line-height: 3.14286rem; font-size: 1rem; border-radius: 0.14286rem; }
  .webinarBrand__btnRegi { background: #fff; color: #5abbd1; }
  .webinarBrand__btnRegi.complete { background: #bcbcbc; width: 100%; color: #fff; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .webinarBrand__btnRegi.complete::before { width: 14.5px; height: 13.5px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAbCAMAAAC3FHQgAAAAQlBMVEVHcEz////////////////////////////////////////////////////////////////////////////////////1bZCPAAAAFXRSTlMACcTiPGzTBfEZK0yni6h8XJlOtjHLPrTcAAABBUlEQVQoz22SWZKFIAxFCRESQBS1sv+tNvOz1XxAmYM3o1LdnFk1CuoYQD3NrZKNdTnRUHOOZ4YFjwWAwKX8biuYDmx4E96nHvktlmsTSw3a5SOUdVW23/+glbU6PbP/glU26+8fcGt5O8FngT7DUYzEKhFnYgv/1C6pbi+cJjSzF1qacOjOARcM+eROuzt1qM4aURh+8YwRDu0rVTqUGxYeyUVJlfpbKROqQ4rIfm8GTB3Aqun7KB4W5Kpj1HK+4fQGwdeIcgc1jfjXU3vhmR6NWd5gb0kfmA2/3yHKDbaNXBMQKSK/4+zXED9t2Ve96nzL8cqS0oFlmUXvXn0ZgAt5pe+uP0PLDRHOwF3BAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }
  .webinarBrand__btnMore { margin: 15px 16px 7px; padding-top: 14px; border-top: 1px solid #f1f1f1; width: calc(100% - 32px); }
  .webinarBrand__btnText { padding: 5px; }
  .rigitCont { display: block; float: none; width: auto; }
  .rigitCont__box { margin-bottom: 0; padding: 32px 4.5%; border-right: none; }
  .rigitCont__h2 { font-size: 14px; }
  .rigitCont__box.mNotice, .rigitCont__box.mFAQ { display: none; }
  .rigitCont__bannerText--onlypc { display: none; }
  .rigitCont__bannerText--onlymobile { display: block; }
  .sideBanner { width: 100%; margin-top: 42px; }
  .sideBanner--onlypc { display: none; }
  .sideBanner--onlymobile { display: block; }
  .webinarBadge__live, .webinarBadge__close, .webinarBadge__ready, .webinarBadge__VOD { padding: 0 0.21429rem; min-width: 2.07143rem; height: 1.14286rem; font-size: 0.78571rem; line-height: 1.35714rem; } }

@media only screen and (min-width: 768px) { .webinarBrand__title { margin-top: 39px; padding-bottom: 19px; font-size: 21px; line-height: 21px; }
  .webinarBrand__item { margin-top: 26px; padding-left: 10px; padding-right: 10px; }
  .webinarBadge__live { padding: 0 6px; }
  .rigitCont__bannerImg { width: 76px; }
  .rigitCont__bannerText { font-size: 18px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .webinarBrand { margin: 0 22px; }
  .webinarBrand__btnMore { margin-left: 22px; margin-right: 22px; width: calc(100% - 44px); }
  .webinarBrand__item { padding-bottom: 22px; }
  .webinarBrand__btnEnter, .webinarBrand__btnDef { top: -5px; right: 11px; }
  .rigitCont__banner { margin-top: 60px; }
  .rigitCont__bannerText--onlypc { display: none; }
  .rigitCont__bannerText--onlymobile { display: block; }
  .rightCont { margin: 28px 22px; }
  .webinarDet__top .rightCont { margin: 0; }
  .sideCont__box { margin-bottom: 28px; }
  .sideCont__banner { padding: 24px 2.8%; }
  .sideCont__bannerImg { margin-right: 28px; }
  .sideCont__bannerText br { display: none; }
  .sideBanner { width: 100%; margin-top: 60px; }
  .sideBanner--onlypc { display: none; }
  .sideBanner--onlymobile { display: block; } }

@media only screen and (min-width: 1100px) { .webinarBrand__item { padding-bottom: 25px; }
  .webinarBrand__btnEnter, .webinarBrand__btnDef { top: -7px; right: 10px; }
  .rigitCont { display: block; float: right; width: 346px; }
  .rigitCont__box.mNotice, .rigitCont__box.mFAQ { display: block; }
  .rigitCont__banner { padding: 22px 36px 22px 28px; height: 162px; box-sizing: border-box; border-radius: 5px; }
  .rigitCont__banner:after { top: 31px; right: 28px; width: 10px; height: 13px; }
  .rigitCont__bannerText { display: block; margin-top: 15px; }
  .rigitCont__bannerText--onlypc { display: block; }
  .rigitCont__bannerText--onlymobile { display: none; }
  .sideBanner { margin-top: 42px; width: 346px; height: 162px; border-radius: 5px; }
  .sideBanner--onlypc { display: block; }
  .sideBanner--onlymobile { display: none; } }

.webinarDet__top { background: #252525; }

.webinarDet__infoBox { margin-right: 0; }

.webinarDet__videoBox { position: relative; overflow: hidden; width: 100%; padding-bottom: 56.2%; background: #252525; }

.webinarDet__videoBox .webinarDet__video .video-js.vjs-fullscreen video { object-fit: contain !important; }

.webinarDet__videoBox img, .webinarDet__videoBox video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }

.webinarDet__video img { width: 100%; }

.webinarDet__summary { padding: 2.32143rem 16px 2.07143rem; border-bottom: 1px solid #e1e1e1; }

.webinarDet__summaryTitle { font-size: 1.14286rem; line-height: 1.5em; color: #414141; font-weight: bold; }

.webinarDet__summaryMid { margin-top: 12px; line-height: 0; font-size: 0; }

.webinarDet__summaryMid [class^='webinarBadge__'] { margin-right: 1px; width: 29px; height: 16px; line-height: 16px; font-size: 11px; }

.webinarDet__summaryMid [class^='webinarBadge__'] + .webinarDet__summaryDate { margin-left: 6px; }

.webinarDet__summaryDate { font-size: 13px; line-height: 16px; color: #000; vertical-align: middle; }

.webinarDet__summaryBtns { padding-top: 1.28571rem; font-size: 0; line-height: 1; }

.webinarDet__btnQna, .webinarDet__btnShare, .webinarDet__btnQuestion, .webinarDet__btnPreRegi { position: relative; margin-right: 1rem; padding-top: 2.14286rem; width: 3.57143rem; font-size: 0.85714rem; line-height: 1; color: #7d7d7d; }

.webinarDet__btnQna:after, .webinarDet__btnShare:after, .webinarDet__btnQuestion:after, .webinarDet__btnPreRegi:after { content: ''; position: absolute; top: 9px; margin-bottom: 0.57143rem; background-size: auto 100%; background-repeat: no-repeat; opacity: .5; }

.webinarDet__btnBase { position: relative; margin-right: 1rem; padding-top: 2.14286rem; width: 3.57143rem; font-size: 0.85714rem; line-height: 1; color: #7d7d7d; }

.webinarDet__btnBase i { font-size: 0.85714rem; }

.webinarDet__btnPoll { position: relative; padding: 0 26px 0 64px; height: 59px; border-radius: 5px; background-color: #1565c0; margin-top: 10px; }

.webinarDet__btnPoll .mark { width: 30px; height: 30px; border-radius: 50%; background-color: #ffc639; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 26px; font-weight: bold; line-height: 1; color: #fff; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), inset 1px 1px 2px 0 #ffe298; position: absolute; left: 0; top: -15px; }

.webinarDet__btnPoll .ico { width: 29px; height: 36px; position: absolute; left: 27px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url("/images/common/btn_detail_poll_pc.png") no-repeat; background-size: contain; }

.webinarDet__btnPoll p { font-size: 20px; font-weight: 500; line-height: 1; letter-spacing: -0.4px; color: #fff; }

.webinarDet__btnQna { text-indent: -1px; }

.webinarDet__btnQna:after { left: calc(50% - 13px); width: 27px; height: 24px; background-image: url("/images/common/QnA.svg"); }

.webinarDet__btnShare:after { left: calc(50% - 11px); width: 23px; height: 24px; background-image: url("/images/common/share.svg"); }

.webinarDet__btnQuestion::after { left: calc(50% - 14px); width: 25px; height: 24px; background-image: url("/images/common/QnA2.svg"); }

.webinarDet__btnPreRegi .before { display: unset; }

.webinarDet__btnPreRegi .after { display: none; }

.webinarDet__btnPreRegi::after { left: calc(50% - 14px); width: 25px; height: 24px; background-image: url("/images/common/PreRegi.svg"); }

.webinarDet__btnPreRegi.complete { pointer-events: none; }

.webinarDet__btnPreRegi.complete .before { display: none; }

.webinarDet__btnPreRegi.complete .after { display: unset; }

.webinarDet__lecturer { margin: 0 16px; padding: 16px 0; }

.webinarDet__lecturer:not(:last-child) { border-bottom: 1px solid #f3f3f3; }

.webinarDet__profile { position: relative; margin-bottom: 23px; padding-left: 57px; line-height: 1; }

.webinarDet__profileImg { position: absolute; top: 0; left: 0; display: block; width: 45px; height: 45px; border-radius: 50%; border: 1px solid #e1e1e1; box-sizing: border-box; background: #fff; background-repeat: no-repeat; background-size: cover; background-position: 50%; }

.webinarDet__profileTitle { display: block; margin-top: 2px; margin-bottom: 10px; font-size: 15px; line-height: 1; color: #000; font-weight: bold; }

.webinarDet__profileDesc { font-size: 13px; line-height: 1; color: #414141; }

.webinarDet__body { position: relative; overflow: hidden; box-sizing: content-box; margin-left: 5px; }

.webinarDet__bodyContent { font-size: 15px; line-height: 1.6em; color: #000; }

.webinarDet__btnList { display: block; margin: 11px 17px; text-align: center; }

.webinarDet__btnList a { display: inline-block; padding: 10px; height: auto; border: none; font-size: 15px; color: #1565c0; }

.webinarDet__btnList a:before { content: "\e95c"; font-family: xeicon; margin-right: 5px; }

.webinarSmnDesc { margin-right: 0; padding: 8px 17px; }

.webinarSmnDesc__box { padding: 2.28571rem 16px 23px; border-radius: 5px; background: #fafafa; }

.webinarSmnDesc__h2 { margin: 0 0 12px; padding: 0 10px 16px; position: relative; font-size: 14px; line-height: 1; font-weight: bold; color: #414141; border-bottom: 1px solid #dfdfdf; }

a .webinarSmnDesc__h2:after { content: ''; display: inline-block; position: absolute; right: 8px; top: 1px; vertical-align: middle; width: 11px; height: 12px; background: url("/images/common/right-arrow.svg") no-repeat 0 0; background-size: auto 100%; }

.webinarSmnDesc__text { margin: 15px 10px 11px; font-size: 14px; line-height: 24px; color: #414141; }

.webinarSmnDesc__info { overflow: hidden; padding: 11px 10px 17px; border-top: 1px solid #f1f1f1; }

.webinarSmnDesc__info dt, .webinarSmnDesc__info dd { font-size: 14px; line-height: 1.65em; }

.webinarSmnDesc__info dt { clear: both; float: left; color: #5d5d5d; }

.webinarSmnDesc__info dt:after { content: ':'; margin-right: 3px; }

.webinarSmnDesc__info dd { float: left; word-break: break-word; color: #414141; }

@media only screen and (max-width: 767px) { .webinarDet__top { position: -webkit-sticky; position: sticky; top: 0; z-index: 5; }
  .fieldShow .webinarDet__top { z-index: 9; }
  .webinarSmnDesc { padding: 8px 17px; }
  .webinarSmnDesc__text { margin: 1.14286rem 5px; font-size: 13px; line-height: 1.5em; }
  .webinarSmnDesc__info { padding: 1.14286rem 5px 0.42857rem; }
  .webinarSmnDesc__info dt, .webinarSmnDesc__info dd { line-height: 1.5em; font-size: 13px; }
  .webinarDet__banner { display: none; }
  .webinarDet__btnQna, .webinarDet__btnShare, .webinarDet__btnQuestion, .webinarDet__btnPreRegi { margin-right: 15px; padding-top: 38px; width: 3.57143rem; line-height: 1; font-size: 13px; }
  .webinarDet__btnQna { width: 3.57143rem; }
  .webinarDet__btnQna:after { left: calc(50% - 12px); width: 25px; height: 22px; }
  .webinarDet__btnShare:after { left: calc(50% - 10px); width: 21px; height: 22px; }
  .webinarDet__btnQuestion::after { left: calc(50% - 13px); width: 26px; height: 22px; }
  .webinarDet__btnPreRegi.complete { pointer-events: none; }
  .webinarDet__btnPreRegi.complete .after em { display: none; }
  .webinarDet__btnPreRegi.complete span { display: none; }
  .webinarDet__btnPreRegi.complete::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 24px; background-image: url("/images/common/PreRegi_complete.svg"); }
  .webinarDet__btnPreRegi::after { left: calc(50% - 10px); width: 22px; height: 22px; }
  .webinarDet__btnBase { width: 64px; line-height: 1; font-size: 13px; position: relative; box-sizing: border-box; margin-right: 5px; margin-top: 7px; padding: 5px; border: solid 1px #3f92f0; }
  .webinarDet__btnBase * { box-sizing: border-box; }
  .webinarDet__btnBase i { font-size: 24px; margin-bottom: 6px; padding-top: 2px; }
  .webinarDet__btnBase span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; color: #3f92f0; }
  .webinarDet__btnPoll { height: 70px; padding: 0 10px 0 10px; margin-top: 2px; margin-right: 8px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .webinarDet__btnPoll .mark { width: 20px; height: 20px; font-size: 18px; left: 0; top: -8px; }
  .webinarDet__btnPoll .ico { width: 23px; height: 28px; position: static; left: unset; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; background: url("/images/common/btn_detail_poll_mobile.png") no-repeat; background-size: contain; margin: 10px 0 6px 2px; }
  .webinarDet__btnPoll p { font-size: 13px; font-weight: 500; line-height: 1; letter-spacing: -0.4px; color: #fff; }
  .webinarDet__btnPoll p span { display: none; }
  .webinarDet__summary { margin-bottom: 0.57143rem; padding-top: 1.85714rem; padding-bottom: 2.14286rem; }
  .webinarDet__summaryBtns { padding-top: 0.85714rem; font-size: 0; line-height: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .webinarDet__lecturer { padding: 1.57143rem 0; }
  .webinarDet__lecturer:last-child { padding-bottom: 2.28571rem; }
  .webinarDet__profile { margin-bottom: 1.14286rem; padding-left: 45px; height: 35px; }
  .webinarDet__profileImg { width: 35px; height: 35px; }
  .webinarDet__profileTitle { margin-top: 1px; margin-bottom: 6px; font-size: 14px; }
  .webinarDet__profileDesc { font-size: 13px; }
  .webinarDet__bodyContent { font-size: 13px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .webinarDet__top { position: -webkit-sticky; position: sticky; top: 0; z-index: 5; }
  .fieldShow .webinarDet__top { z-index: 9; }
  .webinarDet__banner { display: none; }
  .webinarDet__summary { padding: 22px 32px 27px; }
  .webinarDet__summaryTitle { font-size: 19px; }
  .webinarDet__summaryMid { margin-top: 16px; }
  .webinarDet__summaryMid [class^='webinarBadge__'] { margin-right: 2px; width: 46px; height: 24px; line-height: 24px; font-size: 14px; }
  .webinarDet__summaryMid [class^='webinarBadge__'] + .webinarDet__summaryDate { margin-left: 8px; }
  .webinarDet__summaryDate { font-size: 15px; }
  .webinarDet__summaryBtns { margin-top: 19px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .webinarDet__btnQna, .webinarDet__btnShare, .webinarDet__btnQuestion, .webinarDet__btnPreRegi { margin-right: 20px; padding-top: 43px; width: 60px; font-size: 15px; }
  .webinarDet__btnQna:after { left: calc(50% - 13px); width: 27px; height: 24px; }
  .webinarDet__btnShare:after { left: calc(50% - 11px); width: 23px; height: 24px; }
  .webinarDet__btnQuestion::after { left: calc(50% - 14px); width: 25px; height: 24px; }
  .webinarDet__btnPreRegi.complete { pointer-events: none; }
  .webinarDet__btnPreRegi.complete .after em { display: none; }
  .webinarDet__btnPreRegi.complete::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 27px; height: 24px; background-image: url("/images/common/PreRegi_complete.svg"); }
  .webinarDet__btnPreRegi::after { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 24px; height: 24px; }
  .webinarDet__btnBase { margin-right: 20px; padding-top: 43px; width: 60px; font-size: 15px; position: relative; }
  .webinarDet__btnBase i { font-size: 28px; opacity: 0.7; position: absolute; left: 50%; top: 7px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  .webinarDet__btnPoll { height: 73px; padding: 0 10px 0 10px; margin-top: 2px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; }
  .webinarDet__btnPoll .mark { width: 20px; height: 20px; font-size: 18px; left: 0; top: -8px; }
  .webinarDet__btnPoll .ico { width: 26px; height: 31px; position: static; left: unset; top: unset; -webkit-transform: unset; -ms-transform: unset; transform: unset; background: url("/images/common/btn_detail_poll_mobile.png") no-repeat; background-size: contain; margin: 12px 0 7px 2px; }
  .webinarDet__btnPoll p { font-size: 15px; font-weight: 500; line-height: 1; letter-spacing: -0.4px; color: #fff; }
  .webinarDet__btnPoll p span { display: none; }
  .webinarDet__lecturer { margin: 0 28px; padding: 28px 0 23px 0; }
  .webinarDet__body { margin-left: 57px; }
  .webinarSmnDesc__info { padding-bottom: 2px; } }

@media only screen and (min-width: 1100px) { .webinarDet__top { padding: 22px 0; }
  .webinarDet__top .mainContent { margin-top: 0; margin-bottom: 0; }
  .webinarDet__banner { overflow: hidden; width: 346px; height: 400px; }
  .webinarDet__banner img { width: 100%; }
  .webinarDet__infoBox { margin-bottom: -32px; height: auto !important; }
  .webinarDet__videoBox { padding-bottom: 0; width: 712px; height: 400px; }
  .webinarDet__videoBox .webinarDet__video .video-js.vjs-fullscreen video { object-fit: contain !important; }
  .webinarDet__summary { overflow: hidden; padding: 2px 10px 16px; }
  .webinarDet__summaryTitle { font-size: 19px; }
  .webinarDet__summaryMid { float: left; }
  .webinarDet__summaryMid [class^='webinarBadge__'] { margin-right: 4px; width: 46px; height: 24px; line-height: 24px; font-size: 14px; }
  .webinarDet__summaryMid [class^='webinarBadge__'] + .webinarDet__summaryDate { margin-left: 5px; }
  .webinarDet__summaryDate { font-size: 15px; }
  .webinarDet__summaryBtns { clear: both; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; }
  .webinarDet__btnQna, .webinarDet__btnQuestion { display: none; }
  .webinarDet__btnShare { position: static; margin-right: 0; padding: 0; width: auto; font-size: 15px; line-height: 18px; color: #7d7d7d; }
  .webinarDet__btnShare:after { display: none; }
  .webinarDet__btnShare:before { content: ''; display: inline-block; margin-right: 10px; width: 17px; height: 18px; vertical-align: -4px; background: url("/images/common/share.svg") no-repeat; background-size: auto 100%; opacity: .5; }
  .webinarDet__btnPreRegi { font-size: 16px; line-height: 38px; letter-spacing: -0.24px; color: #fff; margin: 0; padding: 0; width: 94px; background: #5abbd1; border-radius: 2px; position: absolute; right: 0; bottom: 0; }
  .webinarDet__btnPreRegi::after { display: none; }
  .webinarDet__btnPreRegi.complete { font-size: 14px; color: #7b7b7b; background: none; width: auto; line-height: unset; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .webinarDet__btnPreRegi.complete::before { content: ""; display: block; margin-right: 5px; width: 16px; height: 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAPCAMAAADarb8dAAAAPFBMVEVHcEx7e3twcHB6enp6enp6enp6enplZWV9fX16enp6enp7e3t5eXl6enp6enp6enp6enp6enp2dnZ5eXkmQ2jXAAAAFHRSTlMATgh8beOoAxnSi9ArxTv3mrYNXtsP5wcAAACISURBVAjXNU8JEsQgCAsKiq5n+/+/LsWWGcQkYBAAAm+ZPTW7ZkuM0m+9qAohLzIs7DxCzildCMJ4Q1MyiXs+k9DyYOwbOfKHjREFWmHDEbgt5+VqLE9XrUAnn9/+9LKOVY+nH2LLtamfLWJ/bOrvY4YMr6tQMEOtc7wKiezVp//uRGjEpGffPzg9BDNsQdHeAAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }
  .webinarDet__btnBase { position: relative; margin-right: 0; padding: 0; width: auto; border: solid 1px #3f92f0; padding: 12px 25px 10px 25px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .webinarDet__btnBase:hover span::after { left: 0; width: 100%; }
  .webinarDet__btnBase span { box-sizing: border-box; font-size: 14px; line-height: 1; color: #3f92f0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 1px 0; }
  .webinarDet__btnBase span::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background: #3f92f0; -webkit-transition: width .2s, left .2s; transition: width .2s, left .2s; }
  .webinarDet__btnBase i { font-size: 16px; line-height: 1; margin-right: 3px; }
  .webinarDet__lecturer { margin: 0; padding: 28px 10px; }
  .webinarDet__lecturer:not(:last-child) { border-bottom: 1px solid #f3f3f3; }
  .webinarDet__body { margin-left: 57px; }
  .webinarDet__questionBox { display: block !important; position: static; margin-bottom: 22px; height: 400px; border: 1px solid #e5e5e5; box-sizing: border-box; }
  .webinarDet__questionBox:after { display: none; }
  .webinarDet__questionBoxInr { position: static; }
  .webinarDet__layerTitle { overflow: hidden; padding-left: 0; height: 57px; box-sizing: border-box; background: #fff; }
  .webinarDet__layerH3 { float: left; position: relative; padding-left: 27px; height: 57px; font-size: 15px; line-height: 57px; color: #414141; }
  .webinarDet__layerH3:before { content: ''; position: absolute; top: calc(50% - 2px); left: 17px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #242424; }
  .webinarDet__layerClose { display: none; }
  .webinarField { position: relative; padding-bottom: 59px; }
  .webinarField__content { height: 198px; }
  .webinarField__textarea { height: 100%; }
  .webinarField__step1 .webinarField__textarea { height: 154px; }
  .webinarField__step1 { display: block !important; }
  .webinarField__btnbox { position: absolute; bottom: 22px; right: 17px; }
  .webinarSmnDesc__box { padding-top: 29px; padding-bottom: 25px; }
  .webinarSmnDesc__info { padding-bottom: 0; } }

.questionBox { display: none; }

.questionBox.on { display: block; overflow: visible; z-index: 5; position: static; }

.questionBox.on:after { content: ''; display: block; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100vh; z-index: 9; opacity: 1; background: rgba(0, 0, 0, 0.4); -webkit-transition: opacity .2s; transition: opacity .2s; }

.questionBox.on .questionBox__inr { display: block; margin: 0 auto; max-width: 90%; bottom: auto !important; top: calc(50% - 104px); }

.questionBox__inr { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; }

.questionBox__layerTitle { position: relative; overflow: hidden; padding: 0 0 0 1.07143rem; height: 3.14286rem; box-sizing: border-box; background: #fff; }

.questionBox__layerH3 { float: left; padding-left: 10px; font-size: 1rem; line-height: 3.14286rem; color: #242424; }

.questionBox__layerH3:after { content: ''; position: absolute; top: calc(50% - 2px); left: 17px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #242424; }

.questionBox__layerClose { float: right; margin: 0.71429rem 0.71429rem 0 0; padding: 5px; }

.questionBox__layerClose i { display: none; }

.questionBox__layerClose:after { content: ''; display: inline-block; width: 15px; height: 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQZJREFUeNq8170KwjAUBeCI4KCTf8+hTjYi+AaCj9dN0FkdXH0gdXFWtN6LXgglxDa5x8CBNAn9aEhSYsyndCkjSsPgSpvScxsGlDOloGwoTQCaUS6UO2UpjdMvKtkq44zenPfn0sHTuwPhZZTrY3dAi3JQxn2o9Q3UxCujmnhtVAOPRlPwZDQGV0NdfP8DV0dDuJxwMDSEH9FoCIejLn4qoU/K3ICLLU1vAf6redHXP3DrWUiLwGqHobbCVoOhBoXbGvtUDbcRh0MybhNOpGjch2aKZzsMrY1ropXxCQAN4WvpzEFoCOePNSvKg3IFoC4ulwZ2+tLBlQ74z8Y3lhllyA9vAQYANELgclEDM/kAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }

.questionBoxField { box-sizing: border-box; width: 100%; margin: 0 auto; height: auto; padding: 22px 17px; background-color: #fafafa; z-index: 700; }

.questionBoxField > form { position: static; }

.questionBoxField__text { margin: 0 0 36px; font-size: 14px; line-height: 1.2em; color: #afafaf; }

.questionBoxField__content { margin-bottom: 10px; }

.questionBoxField__input { position: relative; margin-bottom: 10px; border: 1px solid #e1e1e1; border-radius: 2px; padding: 0 8px; height: 34px; width: 100%; box-sizing: border-box; font-size: 14px; color: #414141; background: #fff; -webkit-appearance: unset; }

.questionBoxField__input:focus { outline: none; }

.questionBoxField__textarea { overflow-y: auto; border: 1px solid #e1e1e1; background: #fff; box-sizing: border-box; border-radius: 2px; width: 100%; height: 72px; padding: 6px 8px; font-size: 14px; line-height: 1.5em; color: #414141; text-align: left; z-index: 10; outline: none; resize: unset; -webkit-appearance: unset; }

.questionBoxField__textarea * { display: inline; }

.questionBoxField__textarea:focus { outline: none; }

.questionBoxField__textarea:focus .placeholder { color: #afafaf; }

.questionBoxField__btnbox { text-align: right; }

.questionBoxField__btn { width: 86px; height: 38px; border-radius: 2px; font-size: 15px; line-height: 38px; text-align: center; color: #fff; border: none; cursor: pointer; background-color: #1565c0; }

@media only screen and (max-width: 767px) { .questionBoxField__text { margin: 0; width: calc(100% - 80px); min-height: 31px; font-size: 13px; line-height: 1.3em; }
  .questionBoxField__btnbox { position: absolute; bottom: 22px; right: 17px; }
  .questionBoxField__btn { width: 66px; height: 31px; line-height: 31px; font-size: 13px; }
  .questionBoxField__step2 { display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .ios .questionBox.on { position: static; }
  .ios .questionBox.on .questionBox__inr { display: block; margin: 0 auto; max-width: 80%; bottom: auto !important; top: calc(45% - 113px); }
  .questionBox__layerTitle { padding: 0 0 0 30px; height: 57px; }
  .questionBox__layerH3 { float: left; font-size: 15px; line-height: 57px; }
  .questionBox__layerH3:after { left: 22px; }
  .questionBox__layerClose { margin: 15px 17px 0 0; }
  .questionBox__layerClose:after { content: ''; display: inline-block; width: 15px; height: 15px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQZJREFUeNq8170KwjAUBeCI4KCTf8+hTjYi+AaCj9dN0FkdXH0gdXFWtN6LXgglxDa5x8CBNAn9aEhSYsyndCkjSsPgSpvScxsGlDOloGwoTQCaUS6UO2UpjdMvKtkq44zenPfn0sHTuwPhZZTrY3dAi3JQxn2o9Q3UxCujmnhtVAOPRlPwZDQGV0NdfP8DV0dDuJxwMDSEH9FoCIejLn4qoU/K3ICLLU1vAf6redHXP3DrWUiLwGqHobbCVoOhBoXbGvtUDbcRh0MybhNOpGjch2aKZzsMrY1ropXxCQAN4WvpzEFoCOePNSvKg3IFoC4ulwZ2+tLBlQ74z8Y3lhllyA9vAQYANELgclEDM/kAAAAASUVORK5CYII=") no-repeat 0 0; background-size: contain; }
  .questionBoxField { padding: 22px; }
  .questionBoxField__textarea { height: 100px; }
  .questionBoxField__text { margin: 0; width: calc(100% - 100px); min-height: 38px; font-size: 14px; }
  .questionBoxField__btnbox { position: absolute; bottom: 22px; right: 22px; }
  .questionBoxField__btn { width: 86px; height: 38px; line-height: 38px; font-size: 15px; }
  .questionBoxField__step2 { display: none; } }

@media only screen and (min-width: 1100px) { .questionBox { overflow: hidden; position: absolute; top: 0; right: 0; display: block; width: 346px; height: 400px; border: 1px solid #e5e5e5; border-radius: 2px; box-sizing: border-box; }
  .questionBox:after { display: none; }
  .questionBox__inr { position: static; }
  .questionBox__layerTitle { overflow: hidden; padding-left: 0; height: 57px; box-sizing: border-box; background: #fff; }
  .questionBox__layerH3 { float: left; position: relative; padding-left: 27px; height: 57px; font-size: 15px; line-height: 57px; color: #414141; }
  .questionBox__layerH3:before { content: ''; position: absolute; top: calc(50% - 2px); left: 17px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #242424; }
  .questionBox__layerClose { display: none; }
  .questionBoxField { position: relative; padding-bottom: 59px; }
  .questionBoxField__content { height: 198px; }
  .questionBox__QnA .questionBoxField__textarea { height: 198px; }
  .questionBox__question .questionBoxField__textarea { height: 154px; }
  .questionBoxField__step1 { display: block !important; }
  .questionBoxField__step1 .questionBoxField__btnbox { display: none; }
  .questionBoxField__btnbox { position: absolute; bottom: 22px; right: 17px; } }

.cs__h3 { display: none; }

.snb { overflow: hidden; background-color: #fafafa; border-bottom: 1px solid #e5e5e5; }

.snb h2 { display: none; }

.snb__item { float: left; display: block; width: 33.3%; height: 50px; line-height: 50px; font-size: 15px; color: #000; text-align: center; }

.snb__item.on { height: 49px; line-height: 49px; font-weight: bold; border-bottom: 1px solid #000; }

.notice__header { display: none; }

.notice li { overflow: hidden; }

.notice__list:empty:before { content: '등록된 공지사항이 없습니다.'; margin: 160px 0 100px 0; display: block; text-align: center; }

.notice__list li { border-bottom: 1px solid #f1f1f1; }

.notice__item { overflow: hidden; display: block; }

.notice__no, .notice__subject, .notice__date { font-size: 15px; font-weight: normal; text-align: left; }

.notice__no { display: none; margin-left: 53px; width: 78px; color: #000000; }

.notice__subject { display: block; color: #000000; }

.notice__date { color: #7d7d7d; }

.notice__btnMore { position: relative; margin-top: 24px; margin-right: 0; width: 100%; box-sizing: border-box; text-align: center; }

.noticeDet__header { box-sizing: border-box; padding: 17px 10px 22px; min-height: 90px; border-bottom: 1px solid #f1f1f1; }

.noticeDet__h4 { margin-bottom: 12px; font-size: 19px; line-height: 1.4em; font-weight: bold; color: #000; }

.noticeDet__date { font-size: 15px; line-height: 1; color: #7d7d7d; }

.noticeDet__body { padding: 23px 10px; font-size: 15px; line-height: 1.5em; border-bottom: 1px solid #f1f1f1; color: #000; }

.noticeDet__body img { margin: 0 auto; display: inline-block; max-width: 100%; }

.noticeDet__btn { margin: 25px 0 8px; text-align: center; }

@media only screen and (max-width: 767px) { .cs__inr { margin-bottom: 1.14286rem; overflow: hidden; }
  .snb { padding: 0 16px; }
  .notice__list:empty:before { margin: 5.71429rem 0 3.57143rem 0; }
  .notice li { margin: 0 16px; padding: 0 0.35714rem; min-height: 4.71429rem; }
  .notice__item { padding: 0.85714rem 0; }
  .notice__no, .notice__subject, .notice__date { float: none; }
  .notice__subject { line-height: 1.5em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
  .notice__date { margin-top: 0.28571rem; font-size: 0.92857rem; line-height: 1; }
  .notice__btnMore { margin-top: 12px; margin-bottom: 12px; }
  .noticeDet { padding: 0 1.14286rem; }
  .noticeDet__header { padding: 1.14286rem 0.35714rem; min-height: 100%; }
  .noticeDet__h4 { margin-bottom: 0.35714rem; }
  .noticeDet__body { padding: 1.35714rem 0.35714rem; }
  .noticeDet__date { font-size: 0.92857rem; }
  .noticeDet__btn { margin: 12px 0 12px; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .cs__inr { margin-bottom: 22px; }
  .snb { padding: 0 2.8%; }
  .notice li { margin: 0 2.8%; padding: 0 10px; }
  .notice__subject { width: calc(100% - 125px); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .notice__date { float: right; width: 125px; text-align: right; }
  .notice__no, .notice__subject, .notice__date { float: left; height: 58px; line-height: 58px; }
  .noticeDet { margin: 0 22px; }
  .noticeDet__header { padding: 24px 10px 22px; } }

@media only screen and (min-width: 1100px) { .cs__inr { overflow: hidden; margin: 24px auto 50px; width: 1080px; }
  .cs__body { float: right; width: 712px; }
  .cs__h3 { display: block; padding: 19px 0 19px 10px; font-size: 21px; border-bottom: 1px solid #cecece; line-height: 1; color: #000; }
  .snb { float: left; width: 324px; background: #fff; border: none; }
  .snb h2 { display: block; margin-top: 28px; margin-bottom: 8px; padding-left: 10px; padding-bottom: 16px; font-size: 15px; line-height: 1; color: #414141; border-bottom: 1px solid #dfdfdf; }
  .snb__item { display: block; float: none; width: auto; height: auto; text-align: left; padding-left: 10px; font-size: 15px; line-height: 32px; color: #414141; }
  .snb__item.on, .snb__item:hover { height: auto; line-height: 32px; font-weight: normal; border: none; color: #1565c0; }
  .notice__header { display: block; width: 100%; border-bottom: 1px solid #e5e5e5; background-color: #fafafa; }
  .notice__header .notice__no, .notice__header .notice__subject, .notice__header .notice__date { float: left; height: 52px; line-height: 52px; font-size: 14px; color: #7d7d7d; }
  .notice li { margin: 0; }
  .notice__subject { width: 401px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
  .notice__no { display: block; }
  .notice__date { margin-left: 53px; width: 125px; }
  .notice__no, .notice__subject, .notice__date { float: left; height: 58px; line-height: 58px; }
  .notice__item:hover { background: #fbfbfb; }
  .noticeDet__header { padding: 17px 10px 23px; }
  .noticeDet__h4 { margin-bottom: 10px; } }

.FAQ { margin: 0 1.14286rem; }

.FAQ:empty:before { content: '등록된 FAQ가 없습니다.'; margin: 160px 0 100px 0; display: block; text-align: center; }

.accordian__title { position: relative; display: block; padding: 0.85714rem 2.85714rem 0.85714rem 0.35714rem; min-height: 3.21429rem; box-sizing: border-box; border-bottom: 1px solid #f1f1f1; font-size: 1rem; line-height: 1.5em; color: #000; }

.accordian__title:after { content: ''; position: absolute; top: 1.21429rem; right: 0.35714rem; display: block; width: 0.71429rem; height: 0.71429rem; background: url("/images/common/bottom-arrow.svg") no-repeat; background-size: contain; }

.accordian.on .accordian__title:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.accordian__desc { display: none; padding: 0.92857rem 1.07143rem; background: #fafafa; font-size: 1rem; line-height: 1.5em; border-bottom: 1px solid #f1f1f1; }

@media only screen and (max-width: 767px) { .FAQ:empty:before { margin: 5.71429rem 0 3.57143rem 0; } }

@media only screen and (min-width: 768px) and (max-width: 1099px) { .FAQ { margin: 0 22px; }
  .accordian__title { padding: 17px 60px 17px 10px; min-height: 58px; font-size: 15px; }
  .accordian__title:after { top: 23px; right: 10px; width: 17px; height: 17px; }
  .accordian__desc { padding: 18px 20px; font-size: 15px; } }

@media only screen and (min-width: 768px) { .accordian__title { padding: 17px 60px 17px 10px; min-height: 59px; font-size: 15px; }
  .accordian__title:after { top: 22px; right: 10px; width: 17px; height: 17px; }
  .accordian__desc { padding: 18px 20px; font-size: 15px; } }

@media only screen and (min-width: 1100px) { .FAQ { margin: 0 0; } }

.inquiry { overflow: hidden; padding: 2.14286rem 1.14286rem; }

.inquiry__ipt { margin-bottom: 2rem; }

.inquiry__iptTitle { display: block; font-size: 1rem; line-height: 1; color: #414141; }

.inquiry__textarea { height: 15rem !important; resize: none; vertical-align: top; }

.inquiry__btnPrimary { display: inline-block; width: 100%; height: 3.14286rem; line-height: 3.14286rem; font-size: 14px; border-radius: 2px; color: #fff; text-align: center; background-color: #1565c0; }

@media only screen and (max-width: 767px) { .inquiry__iptTitle { margin-bottom: 0.71429rem; font-size: 1rem; } }

@media only screen and (min-width: 768px) { .inquiry { padding: 28px 32px; }
  .inquiry__ipt { float: left; width: calc(100% - 120px); }
  .inquiry__textarea { height: 240px !important; }
  .inquiry__iptTitle { clear: both; float: left; width: 120px; font-size: 15px; line-height: 38px; }
  .inquiry__btnPrimary { width: 120px; height: 38px; line-height: 38px; font-size: 15px; }
  .inquiry__btnbox { text-align: right; } }

@media only screen and (min-width: 1100px) { .inquiry { padding: 28px 10px; } }

.pollDetail { margin-bottom: 10px; box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.03); border: 1px solid #e1e1e1; background: #fff; margin-bottom: 60px; }

.webinarDet__surveyBox .pollDetail { margin: 0; box-shadow: none; border: none; background: transparent; }

.pollDetail__descTop { padding: 48px 30px 30px; background: #eff5fb; font-size: 16px; line-height: 1.625em; color: #585858; }

.pollDetail__descTop > * { margin: 0; font-size: 16px; line-height: 1.625em; color: #585858; }

.pollDetail__descBottom { padding: 35px 20px; font-size: 16px; line-height: 1.63em; color: #585858; background: #e3e3e3; }

.pollDetail__btnbox { margin: 70px 50px 50px; position: relative; text-align: center; }

.pollDetail__btnbox .pollDetail__savebtn { position: absolute; top: 7px; left: 0; padding: 3px; height: auto; border: 0; font-size: 15px; color: #333; }

.pollDetail__btnbox .pollDetail__savebtn i { margin-right: 5px; font-size: 19px; vertical-align: middle; }

.pollDetail__btnbox [class^=button] { margin: 0 5px; vertical-align: middle; }

.pollDetailNoti { margin: 60px 93px; padding: 57px 0; border-top: 1px solid #ebeef1; border-bottom: 1px solid #ebeef1; }

.pollDetailNoti__title { margin-bottom: 16px !important; text-align: center; font-size: 20px; line-height: 1; font-weight: normal; color: #000; }

.pollDetailNoti__title b { font-weight: 500; }

.pollDetailNoti__title:after { content: ''; display: block; margin: 23px auto 0; width: 40px; height: 3px; background: #071f46; }

.pollDetailNoti__desc { text-align: center; font-size: 16px; line-height: 2em; color: #333; }

.pollDetail__h2 { padding: 15px 50px 15px 49px; min-height: 56px; font-size: 17px; line-height: 1.5em; font-weight: 500; color: #333; background: #fafafa; }

.pollCard { position: relative; display: block; border: solid 1px #e1e1e1; overflow: hidden; padding: 19px; box-sizing: border-box; margin-bottom: 20px; background-color: #ffffff; line-height: 1.5em; }

.pollCard a { display: block; }

.pollCard + .pollDetail__descTop { padding-top: 36px; }

.pollCard + .pollDetail__h2 { padding-top: 25px; height: 62px; }

.pollCard + .pollDetail__descTop, .pollCard + .pollDetail__h2 { position: relative; margin-top: -6px; }

.pollCard + .pollDetail__descTop::before, .pollCard + .pollDetail__h2::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #fff; }

.pollList .pollCard { margin-bottom: 20px; box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.03); border: 1px solid #e1e1e1; background: #fff; }

.pollDetail .pollCard { margin: 19px; padding: 0; border: none; }

.pollCard.close .pollCard__img:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(103, 103, 103, 0.6); }

.pollCard.close .pollCard__headline { color: #a0a0a0 !important; }

.pollCard.close .pollCard__point { color: #fff; background-color: rgba(58, 58, 58, 0.7); }

.pollCard__img { position: absolute; top: 0; left: 0; display: block; width: 180px; height: 142px; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-image: url("/images/poll/list_default.png?v20211116"); }

.pollCard__textbox { position: relative; padding: 10px 0 0 200px; height: 142px; }

.pollDetail .pollCard__textbox { height: auto; min-height: 142px; padding-right: 0; }

.pollCard__headline { font-size: 16px; font-weight: 500; color: #1565c0; line-height: 21px; vertical-align: top; }

.pollCard__point { display: inline-block; position: absolute; top: 0; left: 0; padding: 9px 18px; height: 34px; vertical-align: top; box-sizing: border-box; font-size: 15px; line-height: 1; font-weight: 500; color: #fff; background-color: rgba(21, 101, 192, 0.7); }

.pollCard__badge--complete { display: block; position: absolute; bottom: 14px; left: 96px; padding: 15px; width: 70px; height: 70px; box-sizing: border-box; text-align: center; border-radius: 50%; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); font-size: 17px; color: #fff; font-weight: bold; background-color: rgba(24, 24, 24, 0.5); }

.pollCard__subject { margin: 10px 0 28px !important; padding: 0 !important; height: 56px; font-size: 20px; line-height: 1.4em !important; border: none !important; color: #333; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }

.pollDetail .pollCard__subject { display: block; margin-bottom: 18px !important; }

.pollCard__date { font-size: 13px; line-height: 1; color: #8f8e8e; }

.pollDetail .pollCard__date { bottom: 10px; }

.pollCard__btn { position: absolute; bottom: 0; right: 0; }

.pollCard__btn [class^=button] { width: 91px; height: 37px; line-height: 37px; font-size: 16px; font-weight: 500; }

.pollCard__bottom { clear: both; margin-top: 14px; padding-top: 13px; overflow: hidden; border-top: 1px solid #e1e1e1; font-size: 14px; color: #a0a0a0; line-height: 1; }

.pollDetail .pollCard__bottom { padding-bottom: 13px; border-bottom: 1px solid #e1e1e1; }

.pollCard__target { float: left; }

.pollCard__participant { float: right; }

.pollSurvey { padding: 0 30px 0; }

.pollSurvey__title { position: relative; padding-top: 45px; padding-left: 53px; padding-right: 43px; font-size: 16px; line-height: 1.5em; font-weight: bold; color: #000; }

.pollSurvey__title:not(:first-child) { border-top: 1px solid #e6e6e6; }

.pollSurvey__title.case_quizTxt { padding-left: 67px; }

.pollSurvey__num { position: absolute; top: 40px; left: 0; display: inline-block; margin-right: 8px; width: 35px; height: 35px; line-height: 35px; text-align: center; font-size: 14px; font-weight: 900; color: #3e3e3e; font-family: Arial; border-radius: 50%; border: 3px solid #c8dff6; }

.pollSurvey__quiz { position: absolute; top: 39px; left: 0; display: inline-block; margin-right: 8px; width: 54px; height: 54px; line-height: 46px; text-align: center; font-size: 14px; font-weight: 900; color: #3e3e3e; font-family: Arial; border-radius: 50%; border: 4px solid #c8e9c9; }

.pollSurvey__body { margin-top: 20px; margin-left: 53px; margin-right: 43px; margin-bottom: 40px; }

.pollSurvey__body .multi_cnt { margin-top: 10px; }

.pollSurvey__body.case_quizTxt { margin-left: 67px; }

.pollSurvey__media { position: relative; margin-bottom: 20px; text-align: center; }

.pollSurvey__video { display: inline-block; max-width: 100%; vertical-align: top; }

.pollSurvey__img { display: block; margin: 0 auto; max-width: 100%; width: auto; border: 1px solid #e3e3e3; border-radius: 5px; vertical-align: top; }

.pollResult { padding: 0 48px 30px; }

.pollResult .inputbox__checkbox label, .pollResult .inputbox__radio label, .pollResult input[type=text], .pollResult .pollTyVS label, .pollResult .pollTyOrder__label, .pollResult .pollTyStar__box, .pollResult .inputbox__select { pointer-events: none; }

.pollResultGraph { position: relative; margin-top: 10px; height: 20px; width: calc(100% - 100px); background-color: #f4f4f4; }

.pollResultGraph:not(:last-child) { margin-bottom: -3px; }

.pollResultGraph__stick { display: inline-block; width: 0; height: 100%; -webkit-animation: dosomething 1s .1s ease-in-out forwards; animation: dosomething 1s .1s ease-in-out forwards; background-color: #b5b5b5; }

.pollSurvey__media + .pollTyStarResult .pollResultGraph__stick { -webkit-animation: unset; animation: unset; }

@-webkit-keyframes dosomething { 0% { width: 0; }
  100% { } }

@keyframes dosomething { 0% { width: 0; }
  100% { } }

.selected .pollResultGraph__stick { background: #7ebfff; }

.pollResultGraph__num { position: absolute; top: 0; right: -100px; padding-right: 1px; width: 100px; height: 18px; line-height: 18px; font-size: 14px; font-weight: 500; text-align: right; vertical-align: top; color: #000; letter-spacing: -.045em; white-space: nowrap; background: #fff; }

.pollTyImage .pollResultGraph .pollResultGraph__num { font-size: 13px; }

.pollResult__text { margin: 14px 0 0 0; font-size: 14px; line-height: 1; color: #1565c0; }

.pollStatus { overflow: hidden; margin: 0 19px 39px; padding: 39px 31px 0; }

.pollStatus__text { float: left; width: 46px; font-size: 14px; line-height: 1; color: #333; }

.pollStatus__box { float: left; overflow: hidden; position: relative; width: calc(100% - 88px); height: 14px; border-radius: 8px; box-shadow: inset -1px 1px 7px rgba(68, 68, 68, 0.05); background: #f3f3f3; }

.pollStatus__bar { display: block; height: 14px; border-radius: 0 8px 8px 0; background: #99c7f5 url("/images/poll/statusbar.gif") repeat-x; box-shadow: inset -1px 1px 7px rgba(97, 107, 114, 0.06); }

.pollStatus__percent { display: block; float: left; width: 42px; text-align: right; font-size: 14px; color: #1565c0; font-weight: bold; line-height: 1; }

.donutChart { overflow: hidden; margin: 40px 24px 5px; }

.donutChart__box { position: relative; float: left; vertical-align: middle; padding: 0 24px 47px; width: 50%; box-sizing: border-box; min-height: 104px; }

.donutChart__title { position: relative; margin: 0 !important; width: 60px; text-align: center; font-size: 15px; font-weight: 500; line-height: 1.33em; color: #000; }

.donutChart__title em { display: block; color: #616161; font-style: normal; }

.donutChart__svg { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 23px; width: 104px; height: 104px; vertical-align: top; }

.donutChart__svg svg { position: absolute; top: 0; left: 0; }

.donutChart__desc { display: inline-block; vertical-align: top; width: calc(100% - 127px); }

.donutChart__desc li { overflow: hidden; padding: 11px 0; line-height: 1; font-size: 14px; color: #000; }

.donutChart__desc li:not(:last-child) { border-bottom: 1px solid #e6e6e6; }

.donutChart__desc li:last-child { padding-bottom: 0; }

.donutChart__desc li:before { content: ''; float: left; display: block; margin-right: 10px; width: 14px; height: 14px; background: #05C8B3; }

.donutChart__desc li .donutChart__lt { float: left; }

.donutChart__desc li .donutChart__rt { float: right; }

.donutChart__box1 .donutChart__arc1 { fill: #ffa63e; }

.donutChart__box1 .donutChart__percent1:before { background-color: #ffa63e; }

.donutChart__box1 .donutChart__arc2 { fill: #ffd43e; }

.donutChart__box1 .donutChart__percent2:before { background-color: #ffd43e; }

.donutChart__box1 .donutChart__arc3 { fill: #E05E9C; }

.donutChart__box1 .donutChart__percent3:before { background-color: #E05E9C; }

.donutChart__box1 .donutChart__arc4 { fill: #5F57A0; }

.donutChart__box1 .donutChart__percent4:before { background-color: #5F57A0; }

.donutChart__box1 .donutChart__arc5 { fill: #D296AF; }

.donutChart__box1 .donutChart__percent5:before { background-color: #D296AF; }

.donutChart__box2 .donutChart__arc1 { fill: #a6ccff; }

.donutChart__box2 .donutChart__percent1:before { background-color: #a6ccff; }

.donutChart__box2 .donutChart__arc2 { fill: #d4ea99; }

.donutChart__box2 .donutChart__percent2:before { background-color: #d4ea99; }

.donutChart__box2 .donutChart__arc3 { fill: #eeeeee; }

.donutChart__box2 .donutChart__percent3:before { background-color: #eeeeee; }

.donutChart__box2 .donutChart__arc4 { fill: #42C2C8; }

.donutChart__box2 .donutChart__percent4:before { background-color: #42C2C8; }

.donutChart__box3 .donutChart__arc1 { fill: #3f70c2; }

.donutChart__box3 .donutChart__percent1:before { background-color: #3f70c2; }

.donutChart__box3 .donutChart__arc2 { fill: #4ad374; }

.donutChart__box3 .donutChart__percent2:before { background-color: #4ad374; }

.donutChart__box3 .donutChart__arc3 { fill: #2BD8AD; }

.donutChart__box3 .donutChart__percent3:before { background-color: #2BD8AD; }

.donutChart__box3 .donutChart__arc4 { fill: #7FDDDC; }

.donutChart__box3 .donutChart__percent4:before { background-color: #7FDDDC; }

.donutChart__box3 .donutChart__arc5 { fill: #29CC74; }

.donutChart__box3 .donutChart__percent5:before { background-color: #29CC74; }

.donutChart__box4 .donutChart__arc1 { fill: #f9c4d5; }

.donutChart__box4 .donutChart__percent1:before { background-color: #f9c4d5; }

.donutChart__box4 .donutChart__arc2 { fill: #e1caff; }

.donutChart__box4 .donutChart__percent2:before { background-color: #e1caff; }

.donutChart__box4 .donutChart__arc3 { fill: #b494df; }

.donutChart__box4 .donutChart__percent3:before { background-color: #b494df; }

.donutChart__box4 .donutChart__arc4 { fill: #6069ac; }

.donutChart__box4 .donutChart__percent4:before { background-color: #6069ac; }

.donutChart__box4 .donutChart__arc5 { fill: #A69DF6; }

.donutChart__box4 .donutChart__percent5:before { background-color: #A69DF6; }

.donutChart__box4 .donutChart__arc6 { fill: #F1B000; }

.donutChart__box4 .donutChart__percent6:before { background-color: #F1B000; }

.donutChart__box4 .donutChart__arc7 { fill: #B0388F; }

.donutChart__box4 .donutChart__percent7:before { background-color: #B0388F; }

.pollTyImage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; margin-left: -15px; }

.pollTyImage .inputbox__radio, .pollTyImage .inputbox__checkbox { display: block; width: calc(33.33% - 15px); margin-top: 0; margin-bottom: 40px; margin-left: 15px; }

.pollTyImage .inputbox__radio label, .pollTyImage .inputbox__checkbox label { margin-top: 0; }

.pollTyImage .inputbox__radio .text, .pollTyImage .inputbox__checkbox .text { padding-top: 16px; padding-left: 30px; text-indent: -30px; display: block; word-break: break-all; pointer-events: none; }

.pollTyImage .inputbox__radio .text:before, .pollTyImage .inputbox__checkbox .text:before { top: calc(100px + 0.1875rem); }

.pollTyImage .inputbox__radio .ipt__img, .pollTyImage .inputbox__checkbox .ipt__img { display: block; border: 1px solid #e1e1e1; border-radius: 5px; width: 100%; pointer-events: none; }

.pollTyImageLarge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; margin-right: -43px; }

.pollTyImageLarge .inputbox__radio, .pollTyImageLarge .inputbox__checkbox { display: block; width: calc(50% - 40px); margin-right: 40px; margin-bottom: 40px; }

.pollTyImageLarge .inputbox__radio label, .pollTyImageLarge .inputbox__checkbox label { margin-top: 0; }

.pollTyImageLarge .inputbox__radio .text, .pollTyImageLarge .inputbox__checkbox .text { padding-top: 16px; display: block; word-break: break-all; pointer-events: none; }

.pollTyImageLarge .inputbox__radio .text:before, .pollTyImageLarge .inputbox__checkbox .text:before { top: calc(150px + 0.1875rem); }

.pollTyImageLarge .inputbox__radio .ipt__img, .pollTyImageLarge .inputbox__checkbox .ipt__img { display: block; border: 1px solid #e1e1e1; border-radius: 5px; width: 100%; pointer-events: none; }

.pollTyVS { overflow: hidden; position: relative; }

.pollTyVS:after { content: ''; display: block; position: absolute; z-index: 3; top: calc(50% - 28px); left: calc(50% - 36px); width: 72px; height: 48px; background: url("/images/poll/img_vs.png") no-repeat 0 0; pointer-events: none; }

.pollTyVS__box { display: block; float: left; width: 50%; }

.pollTyVS__box:first-child { text-align: right; }

.pollTyVS__label { overflow: hidden; display: inline-block; margin: 0 10px; width: calc(100% - 20px); border-radius: 25px; cursor: pointer; }

.pollTyVS__label:hover .pollTyVS__img img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }

.pollTyVS__label:hover .pollTyVS__text { color: #000; }

.pollTyVS__label:hover .pollTyVS__desc:after { border-color: #e1e1e1; }

.pollTyVS__input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.pollTyVS__input:checked + .pollTyVS__desc:after { border: 2px solid #575757; }

.pollTyVS__input:checked + .pollTyVS__desc .pollTyVS__text { font-weight: 500; }

.pollTyVS__input:checked + .pollTyVS__desc .pollTyVS__img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.pollTyVS__desc { overflow: hidden; position: relative; width: 100%; text-align: center; background-color: #ffffff; opacity: 1 !important; }

.pollTyVS__desc:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 25px; border: solid 1px #e1e1e1; -webkit-transition: border .3s; transition: border .3s; pointer-events: none; }

.pollTyVS__img { position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 60%; border-radius: 26px 26px 0 0; pointer-events: none; background: #f5f5f5; }

.pollTyVS__img img { position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }

.pollTyVS__text { display: block; height: 88px; font-size: 17px; line-height: 1.42em; color: #333; font-weight: normal; }

.pollTyVS__textInr { overflow: hidden; display: inline-block; width: 90%; max-height: 73px; vertical-align: middle; }

.pollTyVS__text::after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.pollTyScale { position: relative; padding: 0 63px; border: 1px solid #e3e3e3; box-sizing: border-box; }

.pollTyScale + .pollTyScale { border-top: none; }

.pollTyScale__title--lt, .pollTyScale__title--rt { position: absolute; top: 0; padding: 0 9px; width: 63px; height: 66px; font-size: 15px; line-height: 1.4em; color: #333; background: #ebf5fe; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pollTyScale__title--lt { left: 0; }

.pollTyScale__title--rt { right: 0; border-left: 1px solid #e3e3e3; }

.pollTyScale__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pollTyScale__body .inputbox__radio, .pollTyScale__body .inputbox__checkbox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0; border-left: 1px solid #e3e3e3; }

.pollTyScale__body .inputbox__radio label, .pollTyScale__body .inputbox__checkbox label { display: block; margin: 0; padding: 0; height: 66px; }

.pollTyScale__body .inputbox__radio label:hover, .pollTyScale__body .inputbox__checkbox label:hover { background: #f7f7f7; }

.pollTyScale__body .inputbox__radio label .text, .pollTyScale__body .inputbox__checkbox label .text { padding: 0; width: 100%; font-size: 15px; color: #333; font-weight: 500; line-height: 66px; text-align: center; text-indent: 0; }

.pollTyScale__body .inputbox__radio label .text:before, .pollTyScale__body .inputbox__checkbox label .text:before { display: none; }

.pollTyScale__body .inputbox__radio label input:checked + .text, .pollTyScale__body .inputbox__checkbox label input:checked + .text { background: #5d5d5d !important; color: #fff; }

.pollTyMatrix__thead { background: #ebf5fe; overflow: hidden; }

.pollTyMatrix__th { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 55px; line-height: 1.4em; font-size: 15px; color: #000; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pollTyMatrix__thead, .pollTyMatrix__tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; padding-left: 124px; }

.pollTyMatrix__thead .pollTyMatrix__title, .pollTyMatrix__tbody .pollTyMatrix__title { position: absolute; top: 0; left: 0; width: 124px; }

.pollTyMatrix__tbody { margin: 5px 0; height: 55px; background-color: #fafafa; -webkit-transition: background .3s; transition: background .3s; }

.pollSurvey .pollTyMatrix__tbody:hover { background-color: #f1f1f1; }

.pollTyMatrix__tbody:last-child { margin-bottom: 0; }

.pollTyMatrix__tbody .pollTyMatrix__title { padding-left: 17px; font-size: 15px; line-height: 1.35em; color: #000; height: 55px; font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pollTyMatrix__tbody .inputbox__radio, .pollTyMatrix__tbody .inputbox__checkbox { margin-top: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 56px; }

.pollTyMatrix__tbody .inputbox__radio label, .pollTyMatrix__tbody .inputbox__checkbox label { margin: 0; padding: 18px 0 0 0; font-size: 0; height: 56px; }

.pollTyMatrix__tbody .inputbox__radio .text, .pollTyMatrix__tbody .inputbox__checkbox .text { text-align: center; width: 100%; padding-left: 0; font-size: 0; text-indent: 0; }

.pollTyMatrix__tbody .inputbox__radio .text:before, .pollTyMatrix__tbody .inputbox__checkbox .text:before { top: calc(50% - 0.5rem); left: calc(50% - 0.5rem); }

.pollTyOrder { overflow: hidden; }

.pollTyOrder__item { font-size: 0; line-height: 1; }

.pollTyOrder__item:not(:first-child) { margin-top: 16px; }

.pollTyOrder__label { overflow: hidden; display: inline-block; cursor: pointer; }

.pollTyOrder__input { float: left; margin-right: 10px; padding: 0 !important; width: 45px !important; height: 27px !important; font-size: 16px !important; color: #424242 !important; text-align: center; font-weight: 500; border: 1px solid #d1d1d1 !important; cursor: pointer; }

.pollTyOrder__input[readonly] { pointer-events: none; }

.pollTyOrder__input:hover { border-color: #333333 !important; }

.pollTyOrder__text { float: left; width: calc(100% - 55px); font-size: 15px; line-height: 1.6em; color: #000; word-break: break-all; }

.pollTyOrder__reset { margin-top: 15px; float: right; width: 85px; height: 30px; line-height: 30px; border: none; text-align: center; font-size: 14px; line-height: 18px; color: #fff; border: solid 1px #7c7c7c; background-color: #808080; }

.pollTyOrder__reset:hover:before { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: -webkit-transform 2s; transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s, -webkit-transform 2s; }

.pollTyOrder__reset:before { content: ''; display: inline-block; vertical-align: bottom; margin-left: -3px; margin-right: 3px; width: 18px; height: 18px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNqM1LtKA0EUgOHdJGqhYIxaCIqoEPBSWiiSxtpn8BHEy0MIeQcbsbFQEEULEVNbiFh6RUFEYyobdYnjf+BEJ5vZdQ58ZC8zJzszZyY0xgQpMYq7wCMyKe9KuA08I5fwfArben2BLN5xjC1ct/SQocUM4NL8xQNuUNP7FyzF+7kS7SAyzVFAEcuo6rOy3S90TPagGsYkJlDGmfX+HP3oQ80emiScRq/jC0VX7H5cv+reNbQNnYt8QrK4Z52CnNw3lr8Ncyig3XPFN3U1i3Yd1ZFHhFfPRJ/6G9mJvlFFt2eSjNZaXfs2VfYeOrDgkUi+fhYVPLoKUuIDPSmTLCt4oG3XkHUV5Kq1rDONRqoTI9jVNvv2e1dBrmMFIU5xokMu6WkwhiMs/hZjwl4T8zi09pfEGyq6TVoKN0w5j6SehnSryPUTrvAl/x9vHP5zsHnHjwADAJ5jzX+rFKj+AAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }

.pollTyStar { position: relative; display: inline-block; overflow: hidden; height: 60px; }

.pollTyStarBox { text-align: center; width: 100%; line-height: 1; border-radius: 5px; background-color: #f1f1f1; }

.pollTyStar:after { content: ""; display: block; width: 100%; height: 60px; background: url("/images/poll/bg_star_l.png") repeat-x 0 0; background-size: 80px auto; pointer-events: none; }

.pollTyStar__box { position: relative; z-index: 2; float: left; width: 80px; height: 60px; cursor: pointer; }

.pollTyStar__box input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; -webkit-appearance: radio; }

.pollTyStar__box input:checked + .pollTyStar__img { background-position: 0 -120px; }

.pollTyStar__box:hover { z-index: 1; }

.pollTyStar__box:hover .pollTyStar__img { background-position: 0 -60px; }

.pollTyStar__img { display: block; position: absolute; top: 0; right: 0; width: 1000%; height: 60px; pointer-events: none; background-image: url("/images/poll/bg_star_l.png"); background-repeat: repeat-x; background-position: 0 60px; background-size: 80px auto; }

.pollTyStarResult li { position: relative; overflow: hidden; margin-bottom: 30px; padding-left: 232px; height: 36px; }

.pollTyStarResult__box { position: absolute; top: 0; left: 0; display: block; width: 205px; height: 36px; background: url("/images/poll/bg_star_result.png") no-repeat 0 0; opacity: .7; }

.pollTyStarResult__box.selected { opacity: 1; }

.pollTyStarResult__box.star1 { background-position: -164px 0; }

.pollTyStarResult__box.star2 { background-position: -123px 0; }

.pollTyStarResult__box.star3 { background-position: -82px 0; }

.pollTyStarResult__box.star4 { background-position: -41px 0; }

.pollTyStarResult__box.star5 { background-position: 0px 0; }

.pollTyStarResult:after { display: none; }

.pollTyStarResult .pollResultGraph { margin: 9px 0 0 0; text-align: left; }

.pollTyStarTable__th { float: left; padding: 0 10px; width: calc(50% - 3px); height: 60px; line-height: 1.4em; font-size: 15px; color: #000; text-align: center; background: #ebf5fe; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pollTyStarTable__th:not(:last-child) { margin-right: 5px; }

.pollTyStarTable__thead, .pollTyStarTable__tbody { overflow: hidden; position: relative; padding-left: 115px; height: 60px; }

.pollTyStarTable__thead .pollTyStarTable__title, .pollTyStarTable__tbody .pollTyStarTable__title { position: absolute; top: 0; left: 0; width: 110px; background: #ebf5fe; }

.pollTyStarTable__thead .pollTyStarTable__title { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; }

.pollTyStarTable__tbody { margin: 5px 0; }

.pollTyStarTable__tbody:last-child { margin-bottom: 0; }

.pollTyStarTable__cont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pollTyStarTable__star { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: calc(50% - 3px); background: #fafafa; text-align: center; line-height: 1; }

.pollTyStarTable__star:not(:last-child) { margin-right: 5px; }

.pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar { height: 60px; height: 60px; }

.pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar:after, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar:after { height: 60px; background: url("/images/poll/bg_star_m.png") repeat-x 0 0; background-size: 68px auto; }

.pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__box, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__box { width: 68px; height: 60px; }

.pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__box input:checked + .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__box input:checked + .pollTyStar__img { background-position: 0 -120px; }

.pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__box:hover .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__box:hover .pollTyStar__img { background-position: 0 -60px; }

.pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__img { height: 60px; background-image: url("/images/poll/bg_star_m.png"); background-position: 0 60px; background-size: 68px auto; }

.pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar { height: 60px; height: 60px; }

.pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar:after, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar:after { height: 60px; background: url("/images/poll/bg_star_s.png") repeat-x 0 0; background-size: 38px auto; }

.pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__box, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__box { width: 38px; height: 60px; }

.pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__box input:checked + .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__box input:checked + .pollTyStar__img { background-position: 0 -120px; }

.pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__box:hover .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__box:hover .pollTyStar__img { background-position: 0 -60px; }

.pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__img { height: 60px; background-image: url("/images/poll/bg_star_s.png"); background-position: 0 60px; background-size: 38px auto; }

.pollTyStarTable__title { width: 110px; height: 60px; padding-left: 11px; padding-right: 10px; font-size: 15px; line-height: 1.35em; color: #000; font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.pollTyQuiz__question { margin-bottom: 20px; padding: 30px; border: solid 1px #d1d1d1; background-color: #ffffff; font-size: 15px; line-height: 2.13333em; color: #000; }

.pollTyQuiz__question.close { position: relative; }

.pollTyQuiz__question.close:after { content: '다음 문항에 대한 정답을 선택해주세요.'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 15px; color: #fff; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #565656; }

.pollTyQuiz__countdown { margin: 0 auto 20px; display: block; position: relative; width: 94px; height: 94px; }

.pollTyQuiz__countdown__no { text-align: center; position: absolute; top: 0; left: 0; line-height: 94px; width: 100%; }

.pollTyQuiz__countdown svg { position: relative; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; }

.pollTyQuiz__countdown .circle_animation_bg { position: absolute; top: 0; left: 0; stroke-dasharray: 251; stroke-dashoffset: 0; }

.pollTyQuiz__countdown .circle_animation { stroke-dasharray: 251; /* this value is the pixel circumference of the circle */ stroke-dashoffset: 0; -webkit-transition: all 1s linear; transition: all 1s linear; }

.pollTyQuiz__title { margin-bottom: 20px; font-size: 16px; line-height: 1.625em; color: #333; font-weight: 500; }

.pollMarking__x:before, .pollMarking__o:before { content: ''; display: block; position: absolute; top: 30px; left: -16px; z-index: 1; width: 75px; height: 68px; background-image: url("/images/poll/img_marking.png"); background-repeat: no-repeat; }

.pollMarking__o:before { background-position: 0 0; }

.pollMarking__o.case_quizTxt:before { top: 31px; left: -9px; }

.pollMarking__x:before { background-position: -75px 0; }

.pollMarking__x.case_quizTxt:before { top: 31px; left: -11px; }

.pollMarking__check { position: relative; color: #f00 !important; }

.pollMarking__check label .text { color: #f00; }

.pollMarking__check:before { content: ''; display: block; position: absolute; top: -6px; left: 3px; z-index: 1; width: 27px; height: 22px; background-image: url("/images/poll/img_marking.png"); background-repeat: no-repeat; background-position: -150px 0; }

.pollTyImage .pollMarking__check:before, .pollTyImageLarge .pollMarking__check:before { display: none; }

.pollTyImage .pollMarking__check .text, .pollTyImageLarge .pollMarking__check .text { position: relative; }

.pollTyImage .pollMarking__check .text:after, .pollTyImageLarge .pollMarking__check .text:after { content: ''; display: block; position: absolute; top: -6px; left: 3px; z-index: 1; width: 27px; height: 22px; background-image: url("/images/poll/img_marking.png"); background-repeat: no-repeat; background-position: -150px 0; top: 9px; left: 3px; }

.inputbox li { margin: 10px 0; }

input[disabled] { cursor: default; }

input[disabled] + .text { cursor: default; color: #ddd !important; }

input[disabled] + .text:before { color: #ddd !important; }

label:hover input[disabled] + .text:before, label:focus input[disabled] + .text:before { border-color: #ddd !important; }

.inputbox__radio, .inputbox__checkbox { display: block; margin-top: 16px; }

.inputbox__radio .inputbox__text, .inputbox__checkbox .inputbox__text { margin-top: 12px !important; }

.inputbox__radio label, .inputbox__checkbox label { display: block; position: relative; cursor: pointer; line-height: 1; }

.inputbox__radio label input, .inputbox__checkbox label input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }

.inputbox__radio label input:checked + .text:before, .inputbox__checkbox label input:checked + .text:before { text-indent: 0; color: #fff; border-color: #5d5d5d; background: #5d5d5d; }

.inputbox__radio label .text, .inputbox__checkbox label .text { display: inline-block; text-indent: -30px; padding-left: 30px; font-size: 16px; line-height: 1.4em; color: #000; word-break: break-all; }

.inputbox__radio label .text:before, .inputbox__checkbox label .text:before { font-family: xeicon; content: '\e929'; display: inline-block; margin: 0 8px 0 0; box-sizing: border-box; border: 1px solid #5d5d5d; font-size: 20px; color: transparent; vertical-align: bottom; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: border-color .5s ease; transition: border-color .5s ease; background: #fff; }

.inputbox__radio label:hover .text, .inputbox__radio label:focus .text, .inputbox__checkbox label:hover .text, .inputbox__checkbox label:focus .text { color: #242424; }

.inputbox__radio label:hover .text:before, .inputbox__radio label:focus .text:before, .inputbox__checkbox label:hover .text:before, .inputbox__checkbox label:focus .text:before { border-color: #000; }

.inputbox__radio .inputbox__text, .inputbox__checkbox .inputbox__text { margin-left: 5px !important; vertical-align: baseline !important; }

.inputbox__radio .inputbox__text input, .inputbox__checkbox .inputbox__text input { height: 30px; padding-left: 7px; }

.inputbox__radio label input:checked + .text:before { border-width: 1px; }

.inputbox__radio label .text:before { border-radius: 11px; width: 22px; height: 22px; line-height: 22px; }

.inputbox__checkbox label .text:before { border-radius: 3px; width: 20px; height: 20px; line-height: 20px; vertical-align: top; }

.inputbox__text input { padding-left: 0; width: 100%; height: 40px; -webkit-transition: border .3s; transition: border .3s; font-size: 15px; text-indent: 16px; border: 1px solid #e1e1e1; }

.inputbox__text input::-webkit-input-placeholder { font-size: 15px; color: #949494; }

.inputbox__text input::placeholder { font-size: 15px; color: #949494; }

.inputbox__text input:focus { border-color: #5d5d5d; }

.inputbox__textarea { padding: 10px 15px; width: 100%; height: 174px; border: 1px solid #e1e1e1; font-size: 15px; color: #333; line-height: 1.6em; -webkit-transition: border .3s; transition: border .3s; resize: none; }

.inputbox__textarea::-webkit-input-placeholder { font-size: 15px; color: #949494; }

.inputbox__textarea::placeholder { font-size: 15px; color: #949494; }

.inputbox__textarea:focus { border-color: #5d5d5d; outline: transparent; }

.inputbox__textareaCounter { margin-top: 11px; text-align: right; font-size: 14px; color: #000; }

.inputbox__textareaCounter--current { font-size: 16px; }

.inputbox__complex { overflow: hidden; font-size: 0; margin-top: 13px; }

.inputbox__complex .inputbox__radio, .inputbox__complex .inputbox__checkbox { vertical-align: middle; }

.inputbox__complex .inputbox__text { margin-top: 5px; margin-left: 27px; width: calc(100% - 27px); height: 29px; display: inline-block; vertical-align: middle; box-sizing: border-box; }

.inputbox__complex .inputbox__text input { padding: 0 8px; width: 100%; height: 29px; border: 1px solid #e9e9e9; box-sizing: border-box; line-height: 27px; font-size: 14px; color: #000; background: #fff; text-indent: 0; }

.inputbox__complex .inputbox__text input::-webkit-input-placeholder { color: #a0a0a0; }

.inputbox__complex .inputbox__text input::placeholder { color: #a0a0a0; }

.inputbox__complex .inputbox__text .inputbox__short:focus { border-color: #5d5d5d; }

.inputbox__select { padding-left: 16px; padding-right: 30px; width: auto !important; min-width: 253px; height: 41px; border: 1px solid #e1e1e1; border-radius: 0; font-size: 15px; color: #000; background: #fff; -webkit-appearance: none; background: #FFFFFF url(data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat 98% 50%; }

.inputbox__select:focus { border-color: #5d5d5d; outline: transparent; }

.inputbox__select::-ms-expand { display: none; }

.buttonPrimary { display: inline-block; width: 145px; height: 48px; border: none; text-align: center; line-height: 48px; color: #fff; font-size: 16px; background: #3f92f0; }

.pollHeader { padding: 25px 30px; border-bottom: solid 1px #e6e6e6; }

.pollHeader p { font-size: 21px; line-height: 1; font-weight: bold; }

@media only screen and (max-width: 767px) { .pollDetail { margin-bottom: 10px; box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.03); border: 1px solid #e1e1e1; background: #fff; margin-bottom: 60px; }
  .webinarDet__surveyBox .pollDetail { margin: 0; box-shadow: none; border: none; background: transparent; }
  .pollDetail__descTop { padding: 25px 20px; background: #eff5fb; font-size: 14px; line-height: 1.625em; color: #585858; }
  .pollDetail__descTop > * { margin: 0; font-size: 16px; line-height: 1.625em; color: #585858; }
  .pollDetail__descBottom { padding: 35px 20px; font-size: 16px; line-height: 1.63em; color: #585858; background: #e3e3e3; }
  .pollDetail__btnbox { margin: 20px 50px 50px; position: relative; text-align: center; }
  .pollDetail__btnbox .pollDetail__savebtn { position: absolute; top: 7px; left: 0; padding: 3px; height: auto; border: 0; font-size: 15px; color: #333; }
  .pollDetail__btnbox .pollDetail__savebtn i { margin-right: 5px; font-size: 19px; vertical-align: middle; }
  .pollDetail__btnbox [class^=button] { margin: 0 5px; vertical-align: middle; }
  .pollDetailNoti { margin: 60px 93px; padding: 57px 0; border-top: 1px solid #ebeef1; border-bottom: 1px solid #ebeef1; }
  .pollDetailNoti__title { margin-bottom: 16px !important; text-align: center; font-size: 20px; line-height: 1; font-weight: normal; color: #000; }
  .pollDetailNoti__title b { font-weight: 500; }
  .pollDetailNoti__title:after { content: ''; display: block; margin: 23px auto 0; width: 40px; height: 3px; background: #071f46; }
  .pollDetailNoti__desc { text-align: center; font-size: 16px; line-height: 2em; color: #333; }
  .pollDetail__h2 { padding: 15px 50px 15px 49px; min-height: 56px; font-size: 17px; line-height: 1.5em; font-weight: 500; color: #333; background: #fafafa; }
  .pollCard { position: relative; display: block; border: solid 1px #e1e1e1; overflow: hidden; padding: 19px; box-sizing: border-box; margin-bottom: 20px; background-color: #ffffff; line-height: 1.5em; }
  .pollCard a { display: block; }
  .pollCard + .pollDetail__descTop { padding-top: 36px; }
  .pollCard + .pollDetail__h2 { padding-top: 25px; height: 62px; }
  .pollCard + .pollDetail__descTop, .pollCard + .pollDetail__h2 { position: relative; margin-top: -6px; }
  .pollCard + .pollDetail__descTop::before, .pollCard + .pollDetail__h2::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #fff; }
  .pollList .pollCard { margin-bottom: 20px; box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.03); border: 1px solid #e1e1e1; background: #fff; }
  .pollDetail .pollCard { margin: 19px; padding: 0; border: none; }
  .pollCard.close .pollCard__img:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(103, 103, 103, 0.6); }
  .pollCard.close .pollCard__headline { color: #a0a0a0 !important; }
  .pollCard.close .pollCard__point { color: #fff; background-color: rgba(58, 58, 58, 0.7); }
  .pollCard__img { position: absolute; top: 0; left: 0; display: block; width: 180px; height: 142px; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-image: url("/images/poll/list_default.png?v20211116"); }
  .pollCard__textbox { position: relative; padding: 10px 0 0 200px; height: 142px; }
  .pollDetail .pollCard__textbox { height: auto; min-height: 142px; padding-right: 0; }
  .pollCard__headline { font-size: 16px; font-weight: 500; color: #1565c0; line-height: 21px; vertical-align: top; }
  .pollCard__point { display: inline-block; position: absolute; top: 0; left: 0; padding: 9px 18px; height: 34px; vertical-align: top; box-sizing: border-box; font-size: 15px; line-height: 1; font-weight: 500; color: #fff; background-color: rgba(21, 101, 192, 0.7); }
  .pollCard__badge--complete { display: block; position: absolute; bottom: 14px; left: 96px; padding: 15px; width: 70px; height: 70px; box-sizing: border-box; text-align: center; border-radius: 50%; -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); font-size: 17px; color: #fff; font-weight: bold; background-color: rgba(24, 24, 24, 0.5); }
  .pollCard__subject { margin: 10px 0 28px !important; padding: 0 !important; height: 56px; font-size: 20px; line-height: 1.4em !important; border: none !important; color: #333; font-weight: 500; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; }
  .pollDetail .pollCard__subject { display: block; margin-bottom: 18px !important; }
  .pollCard__date { font-size: 13px; line-height: 1; color: #8f8e8e; }
  .pollDetail .pollCard__date { bottom: 10px; }
  .pollCard__btn { position: absolute; bottom: 0; right: 0; }
  .pollCard__btn [class^=button] { width: 91px; height: 37px; line-height: 37px; font-size: 16px; font-weight: 500; }
  .pollCard__bottom { clear: both; margin-top: 14px; padding-top: 13px; overflow: hidden; border-top: 1px solid #e1e1e1; font-size: 14px; color: #a0a0a0; line-height: 1; }
  .pollDetail .pollCard__bottom { padding-bottom: 13px; border-bottom: 1px solid #e1e1e1; }
  .pollCard__target { float: left; }
  .pollCard__participant { float: right; }
  .pollSurvey { padding: 16px; box-sizing: border-box; }
  .pollSurvey * { box-sizing: border-box; }
  .pollSurvey__title { position: relative; padding-top: 25px; padding-left: 45px; padding-right: 0; font-size: 14px; line-height: 1.5em; font-weight: bold; color: #000; }
  .pollSurvey__title:not(:first-child) { border-top: 1px solid #e6e6e6; }
  .pollSurvey__title.case_quizTxt { padding-left: 67px; }
  .pollSurvey__num { position: absolute; top: 20px; left: 0; display: inline-block; margin-right: 8px; width: 30px; height: 30px; line-height: 26px; text-align: center; font-size: 12px; font-weight: 900; color: #3e3e3e; font-family: Arial; border-radius: 50%; border: 2px solid #c8dff6; }
  .pollSurvey__quiz { position: absolute; top: 39px; left: 0; display: inline-block; margin-right: 8px; width: 54px; height: 54px; line-height: 46px; text-align: center; font-size: 14px; font-weight: 900; color: #3e3e3e; font-family: Arial; border-radius: 50%; border: 4px solid #c8e9c9; }
  .pollSurvey__body { margin: 0; padding-left: 45px; margin-top: 10px; padding-bottom: 25px; }
  .pollSurvey__body .multi_cnt { margin-top: 10px; }
  .pollSurvey__body.case_quizTxt { margin-left: 67px; }
  .pollSurvey__body:last-child { padding-bottom: 0; }
  .pollSurvey__media { position: relative; margin-bottom: 20px; text-align: center; }
  .pollSurvey__video { display: inline-block; max-width: 100%; vertical-align: top; }
  .pollSurvey__img { display: block; margin: 0 auto; max-width: 100%; width: auto; border: 1px solid #e3e3e3; border-radius: 5px; vertical-align: top; }
  .pollResult { padding: 0 48px 30px; }
  .pollResult .inputbox__checkbox label, .pollResult .inputbox__radio label, .pollResult input[type=text], .pollResult .pollTyVS label, .pollResult .pollTyOrder__label, .pollResult .pollTyStar__box, .pollResult .inputbox__select { pointer-events: none; }
  .pollResultGraph { position: relative; margin-top: 10px; height: 20px; width: calc(100% - 100px); background-color: #f4f4f4; }
  .pollResultGraph:not(:last-child) { margin-bottom: -3px; }
  .pollResultGraph__stick { display: inline-block; width: 0; height: 100%; -webkit-animation: dosomething 1s .1s ease-in-out forwards; animation: dosomething 1s .1s ease-in-out forwards; background-color: #b5b5b5; }
  .pollSurvey__media + .pollTyStarResult .pollResultGraph__stick { -webkit-animation: unset; animation: unset; }
  @-webkit-keyframes dosomething { 0% { width: 0; }
    100% { } }
  @keyframes dosomething { 0% { width: 0; }
    100% { } }
  .selected .pollResultGraph__stick { background: #7ebfff; }
  .pollResultGraph__num { position: absolute; top: 0; right: -100px; padding-right: 1px; width: 100px; height: 18px; line-height: 18px; font-size: 14px; font-weight: 500; text-align: right; vertical-align: top; color: #000; letter-spacing: -.045em; white-space: nowrap; background: #fff; }
  .pollTyImage .pollResultGraph .pollResultGraph__num { font-size: 13px; }
  .pollResult__text { margin: 14px 0 0 0; font-size: 14px; line-height: 1; color: #1565c0; }
  .pollStatus { overflow: hidden; margin: 0 19px 39px; padding: 39px 31px 0; }
  .pollStatus__text { float: left; width: 46px; font-size: 14px; line-height: 1; color: #333; }
  .pollStatus__box { float: left; overflow: hidden; position: relative; width: calc(100% - 88px); height: 14px; border-radius: 8px; box-shadow: inset -1px 1px 7px rgba(68, 68, 68, 0.05); background: #f3f3f3; }
  .pollStatus__bar { display: block; height: 14px; border-radius: 0 8px 8px 0; background: #99c7f5 url("/images/poll/statusbar.gif") repeat-x; box-shadow: inset -1px 1px 7px rgba(97, 107, 114, 0.06); }
  .pollStatus__percent { display: block; float: left; width: 42px; text-align: right; font-size: 14px; color: #1565c0; font-weight: bold; line-height: 1; }
  .donutChart { overflow: hidden; margin: 40px 24px 5px; }
  .donutChart__box { position: relative; float: left; vertical-align: middle; padding: 0 24px 47px; width: 50%; box-sizing: border-box; min-height: 104px; }
  .donutChart__title { position: relative; margin: 0 !important; width: 60px; text-align: center; font-size: 15px; font-weight: 500; line-height: 1.33em; color: #000; }
  .donutChart__title em { display: block; color: #616161; font-style: normal; }
  .donutChart__svg { position: relative; float: left; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 23px; width: 104px; height: 104px; vertical-align: top; }
  .donutChart__svg svg { position: absolute; top: 0; left: 0; }
  .donutChart__desc { display: inline-block; vertical-align: top; width: calc(100% - 127px); }
  .donutChart__desc li { overflow: hidden; padding: 11px 0; line-height: 1; font-size: 14px; color: #000; }
  .donutChart__desc li:not(:last-child) { border-bottom: 1px solid #e6e6e6; }
  .donutChart__desc li:last-child { padding-bottom: 0; }
  .donutChart__desc li:before { content: ''; float: left; display: block; margin-right: 10px; width: 14px; height: 14px; background: #05C8B3; }
  .donutChart__desc li .donutChart__lt { float: left; }
  .donutChart__desc li .donutChart__rt { float: right; }
  .donutChart__box1 .donutChart__arc1 { fill: #ffa63e; }
  .donutChart__box1 .donutChart__percent1:before { background-color: #ffa63e; }
  .donutChart__box1 .donutChart__arc2 { fill: #ffd43e; }
  .donutChart__box1 .donutChart__percent2:before { background-color: #ffd43e; }
  .donutChart__box1 .donutChart__arc3 { fill: #E05E9C; }
  .donutChart__box1 .donutChart__percent3:before { background-color: #E05E9C; }
  .donutChart__box1 .donutChart__arc4 { fill: #5F57A0; }
  .donutChart__box1 .donutChart__percent4:before { background-color: #5F57A0; }
  .donutChart__box1 .donutChart__arc5 { fill: #D296AF; }
  .donutChart__box1 .donutChart__percent5:before { background-color: #D296AF; }
  .donutChart__box2 .donutChart__arc1 { fill: #a6ccff; }
  .donutChart__box2 .donutChart__percent1:before { background-color: #a6ccff; }
  .donutChart__box2 .donutChart__arc2 { fill: #d4ea99; }
  .donutChart__box2 .donutChart__percent2:before { background-color: #d4ea99; }
  .donutChart__box2 .donutChart__arc3 { fill: #eeeeee; }
  .donutChart__box2 .donutChart__percent3:before { background-color: #eeeeee; }
  .donutChart__box2 .donutChart__arc4 { fill: #42C2C8; }
  .donutChart__box2 .donutChart__percent4:before { background-color: #42C2C8; }
  .donutChart__box3 .donutChart__arc1 { fill: #3f70c2; }
  .donutChart__box3 .donutChart__percent1:before { background-color: #3f70c2; }
  .donutChart__box3 .donutChart__arc2 { fill: #4ad374; }
  .donutChart__box3 .donutChart__percent2:before { background-color: #4ad374; }
  .donutChart__box3 .donutChart__arc3 { fill: #2BD8AD; }
  .donutChart__box3 .donutChart__percent3:before { background-color: #2BD8AD; }
  .donutChart__box3 .donutChart__arc4 { fill: #7FDDDC; }
  .donutChart__box3 .donutChart__percent4:before { background-color: #7FDDDC; }
  .donutChart__box3 .donutChart__arc5 { fill: #29CC74; }
  .donutChart__box3 .donutChart__percent5:before { background-color: #29CC74; }
  .donutChart__box4 .donutChart__arc1 { fill: #f9c4d5; }
  .donutChart__box4 .donutChart__percent1:before { background-color: #f9c4d5; }
  .donutChart__box4 .donutChart__arc2 { fill: #e1caff; }
  .donutChart__box4 .donutChart__percent2:before { background-color: #e1caff; }
  .donutChart__box4 .donutChart__arc3 { fill: #b494df; }
  .donutChart__box4 .donutChart__percent3:before { background-color: #b494df; }
  .donutChart__box4 .donutChart__arc4 { fill: #6069ac; }
  .donutChart__box4 .donutChart__percent4:before { background-color: #6069ac; }
  .donutChart__box4 .donutChart__arc5 { fill: #A69DF6; }
  .donutChart__box4 .donutChart__percent5:before { background-color: #A69DF6; }
  .donutChart__box4 .donutChart__arc6 { fill: #F1B000; }
  .donutChart__box4 .donutChart__percent6:before { background-color: #F1B000; }
  .donutChart__box4 .donutChart__arc7 { fill: #B0388F; }
  .donutChart__box4 .donutChart__percent7:before { background-color: #B0388F; }
  .pollTyImage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; margin-left: -15px; }
  .pollTyImage .inputbox__radio, .pollTyImage .inputbox__checkbox { display: block; width: calc(33.33% - 15px); margin-top: 0; margin-bottom: 40px; margin-left: 15px; }
  .pollTyImage .inputbox__radio label, .pollTyImage .inputbox__checkbox label { margin-top: 0; }
  .pollTyImage .inputbox__radio .text, .pollTyImage .inputbox__checkbox .text { padding-top: 16px; padding-left: 30px; text-indent: -30px; display: block; word-break: break-all; pointer-events: none; }
  .pollTyImage .inputbox__radio .text:before, .pollTyImage .inputbox__checkbox .text:before { top: calc(100px + 0.1875rem); }
  .pollTyImage .inputbox__radio .ipt__img, .pollTyImage .inputbox__checkbox .ipt__img { display: block; border: 1px solid #e1e1e1; border-radius: 5px; width: 100%; pointer-events: none; }
  .pollTyImageLarge { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: -40px; margin-right: -43px; }
  .pollTyImageLarge .inputbox__radio, .pollTyImageLarge .inputbox__checkbox { display: block; width: calc(50% - 40px); margin-right: 40px; margin-bottom: 40px; }
  .pollTyImageLarge .inputbox__radio label, .pollTyImageLarge .inputbox__checkbox label { margin-top: 0; }
  .pollTyImageLarge .inputbox__radio .text, .pollTyImageLarge .inputbox__checkbox .text { padding-top: 16px; display: block; word-break: break-all; pointer-events: none; }
  .pollTyImageLarge .inputbox__radio .text:before, .pollTyImageLarge .inputbox__checkbox .text:before { top: calc(150px + 0.1875rem); }
  .pollTyImageLarge .inputbox__radio .ipt__img, .pollTyImageLarge .inputbox__checkbox .ipt__img { display: block; border: 1px solid #e1e1e1; border-radius: 5px; width: 100%; pointer-events: none; }
  .pollTyVS { overflow: hidden; position: relative; }
  .pollTyVS:after { content: ''; display: block; position: absolute; z-index: 3; top: calc(50% - 28px); left: calc(50% - 36px); width: 72px; height: 48px; background: url("/images/poll/img_vs.png") no-repeat 0 0; pointer-events: none; }
  .pollTyVS__box { display: block; float: left; width: 50%; }
  .pollTyVS__box:first-child { text-align: right; }
  .pollTyVS__label { overflow: hidden; display: inline-block; margin: 0 10px; width: calc(100% - 20px); border-radius: 25px; cursor: pointer; }
  .pollTyVS__label:hover .pollTyVS__img img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06); }
  .pollTyVS__label:hover .pollTyVS__text { color: #000; }
  .pollTyVS__label:hover .pollTyVS__desc:after { border-color: #e1e1e1; }
  .pollTyVS__input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }
  .pollTyVS__input:checked + .pollTyVS__desc:after { border: 2px solid #575757; }
  .pollTyVS__input:checked + .pollTyVS__desc .pollTyVS__text { font-weight: 500; }
  .pollTyVS__input:checked + .pollTyVS__desc .pollTyVS__img img { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
  .pollTyVS__desc { overflow: hidden; position: relative; width: 100%; text-align: center; background-color: #ffffff; opacity: 1 !important; }
  .pollTyVS__desc:after { content: ''; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 25px; border: solid 1px #e1e1e1; -webkit-transition: border .3s; transition: border .3s; pointer-events: none; }
  .pollTyVS__img { position: relative; overflow: hidden; display: block; width: 100%; padding-bottom: 60%; border-radius: 26px 26px 0 0; pointer-events: none; background: #f5f5f5; }
  .pollTyVS__img img { position: absolute; top: 0; left: 0; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
  .pollTyVS__text { display: block; height: 88px; font-size: 17px; line-height: 1.42em; color: #333; font-weight: normal; }
  .pollTyVS__textInr { overflow: hidden; display: inline-block; width: 90%; max-height: 73px; vertical-align: middle; }
  .pollTyVS__text::after { content: ''; display: inline-block; height: 100%; vertical-align: middle; }
  .pollTyScale { position: relative; padding: 0 63px; border: 1px solid #e3e3e3; box-sizing: border-box; }
  .pollTyScale + .pollTyScale { border-top: none; }
  .pollTyScale__title--lt, .pollTyScale__title--rt { position: absolute; top: 0; padding: 0 9px; width: 63px; height: 66px; font-size: 15px; line-height: 1.4em; color: #333; background: #ebf5fe; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .pollTyScale__title--lt { left: 0; }
  .pollTyScale__title--rt { right: 0; border-left: 1px solid #e3e3e3; }
  .pollTyScale__body { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .pollTyScale__body .inputbox__radio, .pollTyScale__body .inputbox__checkbox { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; margin-top: 0; border-left: 1px solid #e3e3e3; }
  .pollTyScale__body .inputbox__radio label, .pollTyScale__body .inputbox__checkbox label { display: block; margin: 0; padding: 0; height: 66px; }
  .pollTyScale__body .inputbox__radio label:hover, .pollTyScale__body .inputbox__checkbox label:hover { background: #f7f7f7; }
  .pollTyScale__body .inputbox__radio label .text, .pollTyScale__body .inputbox__checkbox label .text { padding: 0; width: 100%; font-size: 15px; color: #333; font-weight: 500; line-height: 66px; text-align: center; text-indent: 0; }
  .pollTyScale__body .inputbox__radio label .text:before, .pollTyScale__body .inputbox__checkbox label .text:before { display: none; }
  .pollTyScale__body .inputbox__radio label input:checked + .text, .pollTyScale__body .inputbox__checkbox label input:checked + .text { background: #5d5d5d !important; color: #fff; }
  .pollTyMatrix__thead { background: #ebf5fe; overflow: hidden; }
  .pollTyMatrix__th { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 55px; line-height: 1.4em; font-size: 15px; color: #000; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .pollTyMatrix__thead, .pollTyMatrix__tbody { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; padding-left: 124px; }
  .pollTyMatrix__thead .pollTyMatrix__title, .pollTyMatrix__tbody .pollTyMatrix__title { position: absolute; top: 0; left: 0; width: 124px; }
  .pollTyMatrix__tbody { margin: 5px 0; height: 55px; background-color: #fafafa; -webkit-transition: background .3s; transition: background .3s; }
  .pollSurvey .pollTyMatrix__tbody:hover { background-color: #f1f1f1; }
  .pollTyMatrix__tbody:last-child { margin-bottom: 0; }
  .pollTyMatrix__tbody .pollTyMatrix__title { padding-left: 17px; font-size: 15px; line-height: 1.35em; color: #000; height: 55px; font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .pollTyMatrix__tbody .inputbox__radio, .pollTyMatrix__tbody .inputbox__checkbox { margin-top: 0; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 56px; }
  .pollTyMatrix__tbody .inputbox__radio label, .pollTyMatrix__tbody .inputbox__checkbox label { margin: 0; padding: 18px 0 0 0; font-size: 0; height: 56px; }
  .pollTyMatrix__tbody .inputbox__radio .text, .pollTyMatrix__tbody .inputbox__checkbox .text { text-align: center; width: 100%; padding-left: 0; font-size: 0; text-indent: 0; }
  .pollTyMatrix__tbody .inputbox__radio .text:before, .pollTyMatrix__tbody .inputbox__checkbox .text:before { top: calc(50% - 0.5rem); left: calc(50% - 0.5rem); }
  .pollTyOrder { overflow: hidden; }
  .pollTyOrder__item { font-size: 0; line-height: 1; }
  .pollTyOrder__item:not(:first-child) { margin-top: 16px; }
  .pollTyOrder__label { overflow: hidden; display: inline-block; cursor: pointer; }
  .pollTyOrder__input { float: left; margin-right: 10px; padding: 0 !important; width: 45px !important; height: 27px !important; font-size: 16px !important; color: #424242 !important; text-align: center; font-weight: 500; border: 1px solid #d1d1d1 !important; cursor: pointer; }
  .pollTyOrder__input[readonly] { pointer-events: none; }
  .pollTyOrder__input:hover { border-color: #333333 !important; }
  .pollTyOrder__text { float: left; width: calc(100% - 55px); font-size: 15px; line-height: 1.6em; color: #000; word-break: break-all; }
  .pollTyOrder__reset { margin-top: 15px; float: right; width: 85px; height: 30px; line-height: 30px; border: none; text-align: center; font-size: 14px; line-height: 18px; color: #fff; border: solid 1px #7c7c7c; background-color: #808080; }
  .pollTyOrder__reset:hover:before { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); -webkit-transition: -webkit-transform 2s; transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s, -webkit-transform 2s; }
  .pollTyOrder__reset:before { content: ''; display: inline-block; vertical-align: bottom; margin-left: -3px; margin-right: 3px; width: 18px; height: 18px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAVhJREFUeNqM1LtKA0EUgOHdJGqhYIxaCIqoEPBSWiiSxtpn8BHEy0MIeQcbsbFQEEULEVNbiFh6RUFEYyobdYnjf+BEJ5vZdQ58ZC8zJzszZyY0xgQpMYq7wCMyKe9KuA08I5fwfArben2BLN5xjC1ct/SQocUM4NL8xQNuUNP7FyzF+7kS7SAyzVFAEcuo6rOy3S90TPagGsYkJlDGmfX+HP3oQ80emiScRq/jC0VX7H5cv+reNbQNnYt8QrK4Z52CnNw3lr8Ncyig3XPFN3U1i3Yd1ZFHhFfPRJ/6G9mJvlFFt2eSjNZaXfs2VfYeOrDgkUi+fhYVPLoKUuIDPSmTLCt4oG3XkHUV5Kq1rDONRqoTI9jVNvv2e1dBrmMFIU5xokMu6WkwhiMs/hZjwl4T8zi09pfEGyq6TVoKN0w5j6SehnSryPUTrvAl/x9vHP5zsHnHjwADAJ5jzX+rFKj+AAAAAElFTkSuQmCC") no-repeat 0 0; background-size: contain; }
  .pollTyStar { position: relative; display: inline-block; overflow: hidden; height: 60px; }
  .pollTyStarBox { text-align: center; width: 100%; line-height: 1; border-radius: 5px; background-color: #f1f1f1; }
  .pollTyStar:after { content: ""; display: block; width: 100%; height: 60px; background: url("/images/poll/bg_star_l.png") repeat-x 0 0; background-size: 80px auto; pointer-events: none; }
  .pollTyStar__box { position: relative; z-index: 2; float: left; width: 80px; height: 60px; cursor: pointer; }
  .pollTyStar__box input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; -webkit-appearance: radio; }
  .pollTyStar__box input:checked + .pollTyStar__img { background-position: 0 -120px; }
  .pollTyStar__box:hover { z-index: 1; }
  .pollTyStar__box:hover .pollTyStar__img { background-position: 0 -60px; }
  .pollTyStar__img { display: block; position: absolute; top: 0; right: 0; width: 1000%; height: 60px; pointer-events: none; background-image: url("/images/poll/bg_star_l.png"); background-repeat: repeat-x; background-position: 0 60px; background-size: 80px auto; }
  .pollTyStarResult li { position: relative; overflow: hidden; margin-bottom: 30px; padding-left: 232px; height: 36px; }
  .pollTyStarResult__box { position: absolute; top: 0; left: 0; display: block; width: 205px; height: 36px; background: url("/images/poll/bg_star_result.png") no-repeat 0 0; opacity: .7; }
  .pollTyStarResult__box.selected { opacity: 1; }
  .pollTyStarResult__box.star1 { background-position: -164px 0; }
  .pollTyStarResult__box.star2 { background-position: -123px 0; }
  .pollTyStarResult__box.star3 { background-position: -82px 0; }
  .pollTyStarResult__box.star4 { background-position: -41px 0; }
  .pollTyStarResult__box.star5 { background-position: 0px 0; }
  .pollTyStarResult:after { display: none; }
  .pollTyStarResult .pollResultGraph { margin: 9px 0 0 0; text-align: left; }
  .pollTyStarTable__th { float: left; padding: 0 10px; width: calc(50% - 3px); height: 60px; line-height: 1.4em; font-size: 15px; color: #000; text-align: center; background: #ebf5fe; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .pollTyStarTable__th:not(:last-child) { margin-right: 5px; }
  .pollTyStarTable__thead, .pollTyStarTable__tbody { overflow: hidden; position: relative; padding-left: 115px; height: 60px; }
  .pollTyStarTable__thead .pollTyStarTable__title, .pollTyStarTable__tbody .pollTyStarTable__title { position: absolute; top: 0; left: 0; width: 110px; background: #ebf5fe; }
  .pollTyStarTable__thead .pollTyStarTable__title { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; }
  .pollTyStarTable__tbody { margin: 5px 0; }
  .pollTyStarTable__tbody:last-child { margin-bottom: 0; }
  .pollTyStarTable__cont { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }
  .pollTyStarTable__star { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: calc(50% - 3px); background: #fafafa; text-align: center; line-height: 1; }
  .pollTyStarTable__star:not(:last-child) { margin-right: 5px; }
  .pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar { height: 60px; height: 60px; }
  .pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar:after, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar:after { height: 60px; background: url("/images/poll/bg_star_m.png") repeat-x 0 0; background-size: 68px auto; }
  .pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__box, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__box { width: 68px; height: 60px; }
  .pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__box input:checked + .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__box input:checked + .pollTyStar__img { background-position: 0 -120px; }
  .pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__box:hover .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__box:hover .pollTyStar__img { background-position: 0 -60px; }
  .pollTyStarTable__star:first-child:nth-last-child(1) .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(1) ~ .pollTyStarTable__star .pollTyStar__img { height: 60px; background-image: url("/images/poll/bg_star_m.png"); background-position: 0 60px; background-size: 68px auto; }
  .pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar { height: 60px; height: 60px; }
  .pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar:after, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar:after { height: 60px; background: url("/images/poll/bg_star_s.png") repeat-x 0 0; background-size: 38px auto; }
  .pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__box, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__box { width: 38px; height: 60px; }
  .pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__box input:checked + .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__box input:checked + .pollTyStar__img { background-position: 0 -120px; }
  .pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__box:hover .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__box:hover .pollTyStar__img { background-position: 0 -60px; }
  .pollTyStarTable__star:first-child:nth-last-child(2) .pollTyStar__img, .pollTyStarTable__star:first-child:nth-last-child(2) ~ .pollTyStarTable__star .pollTyStar__img { height: 60px; background-image: url("/images/poll/bg_star_s.png"); background-position: 0 60px; background-size: 38px auto; }
  .pollTyStarTable__title { width: 110px; height: 60px; padding-left: 11px; padding-right: 10px; font-size: 15px; line-height: 1.35em; color: #000; font-weight: normal; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .pollTyQuiz__question { margin-bottom: 20px; padding: 30px; border: solid 1px #d1d1d1; background-color: #ffffff; font-size: 15px; line-height: 2.13333em; color: #000; }
  .pollTyQuiz__question.close { position: relative; }
  .pollTyQuiz__question.close:after { content: '다음 문항에 대한 정답을 선택해주세요.'; position: absolute; top: 0; left: 0; right: 0; bottom: 0; font-size: 15px; color: #fff; font-weight: bold; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background-color: #565656; }
  .pollTyQuiz__countdown { margin: 0 auto 20px; display: block; position: relative; width: 94px; height: 94px; }
  .pollTyQuiz__countdown__no { text-align: center; position: absolute; top: 0; left: 0; line-height: 94px; width: 100%; }
  .pollTyQuiz__countdown svg { position: relative; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; }
  .pollTyQuiz__countdown .circle_animation_bg { position: absolute; top: 0; left: 0; stroke-dasharray: 251; stroke-dashoffset: 0; }
  .pollTyQuiz__countdown .circle_animation { stroke-dasharray: 251; /* this value is the pixel circumference of the circle */ stroke-dashoffset: 0; -webkit-transition: all 1s linear; transition: all 1s linear; }
  .pollTyQuiz__title { margin-bottom: 20px; font-size: 16px; line-height: 1.625em; color: #333; font-weight: 500; }
  .pollMarking__x:before, .pollMarking__o:before { content: ''; display: block; position: absolute; top: 30px; left: -16px; z-index: 1; width: 75px; height: 68px; background-image: url("/images/poll/img_marking.png"); background-repeat: no-repeat; }
  .pollMarking__o:before { background-position: 0 0; }
  .pollMarking__o.case_quizTxt:before { top: 31px; left: -9px; }
  .pollMarking__x:before { background-position: -75px 0; }
  .pollMarking__x.case_quizTxt:before { top: 31px; left: -11px; }
  .pollMarking__check { position: relative; color: #f00 !important; }
  .pollMarking__check label .text { color: #f00; }
  .pollMarking__check:before { content: ''; display: block; position: absolute; top: -6px; left: 3px; z-index: 1; width: 27px; height: 22px; background-image: url("/images/poll/img_marking.png"); background-repeat: no-repeat; background-position: -150px 0; }
  .pollTyImage .pollMarking__check:before, .pollTyImageLarge .pollMarking__check:before { display: none; }
  .pollTyImage .pollMarking__check .text, .pollTyImageLarge .pollMarking__check .text { position: relative; }
  .pollTyImage .pollMarking__check .text:after, .pollTyImageLarge .pollMarking__check .text:after { content: ''; display: block; position: absolute; top: -6px; left: 3px; z-index: 1; width: 27px; height: 22px; background-image: url("/images/poll/img_marking.png"); background-repeat: no-repeat; background-position: -150px 0; top: 9px; left: 3px; }
  .inputbox li { margin: 10px 0; }
  input[disabled] { cursor: default; }
  input[disabled] + .text { cursor: default; color: #ddd !important; }
  input[disabled] + .text:before { color: #ddd !important; }
  label:hover input[disabled] + .text:before, label:focus input[disabled] + .text:before { border-color: #ddd !important; }
  .inputbox__radio, .inputbox__checkbox { display: block; margin-top: 16px; }
  .inputbox__radio .inputbox__text, .inputbox__checkbox .inputbox__text { margin-top: 12px !important; }
  .inputbox__radio label, .inputbox__checkbox label { display: block; position: relative; cursor: pointer; line-height: 1; }
  .inputbox__radio label input, .inputbox__checkbox label input { opacity: 0 !important; height: 0 !important; width: 0 !important; position: absolute !important; }
  .inputbox__radio label input:checked + .text:before, .inputbox__checkbox label input:checked + .text:before { text-indent: 0; color: #fff; border-color: #5d5d5d; background: #5d5d5d; }
  .inputbox__radio label .text, .inputbox__checkbox label .text { display: inline-block; text-indent: -30px; padding-left: 30px; font-size: 13px; line-height: 1.4em; color: #000; word-break: break-all; }
  .inputbox__radio label .text:before, .inputbox__checkbox label .text:before { font-family: xeicon; content: '\e929'; display: inline-block; margin: 0 8px 0 0; box-sizing: border-box; border: 1px solid #5d5d5d; font-size: 20px; color: transparent; vertical-align: bottom; box-shadow: 0 0 0 rgba(0, 0, 0, 0); -webkit-transition: border-color .5s ease; transition: border-color .5s ease; background: #fff; }
  .inputbox__radio label:hover .text, .inputbox__radio label:focus .text, .inputbox__checkbox label:hover .text, .inputbox__checkbox label:focus .text { color: #242424; }
  .inputbox__radio label:hover .text:before, .inputbox__radio label:focus .text:before, .inputbox__checkbox label:hover .text:before, .inputbox__checkbox label:focus .text:before { border-color: #000; }
  .inputbox__radio .inputbox__text, .inputbox__checkbox .inputbox__text { margin-left: 5px !important; vertical-align: baseline !important; }
  .inputbox__radio .inputbox__text input, .inputbox__checkbox .inputbox__text input { height: 30px; padding-left: 7px; }
  .inputbox__radio label input:checked + .text:before { border-width: 1px; }
  .inputbox__radio label .text:before { border-radius: 11px; width: 22px; height: 22px; line-height: 22px; }
  .inputbox__checkbox label .text:before { border-radius: 3px; width: 20px; height: 20px; line-height: 20px; vertical-align: top; }
  .inputbox__text input { padding-left: 0; width: 100%; height: 40px; -webkit-transition: border .3s; transition: border .3s; font-size: 15px; text-indent: 16px; border: 1px solid #e1e1e1; }
  .inputbox__text input::-webkit-input-placeholder { font-size: 15px; color: #949494; }
  .inputbox__text input::placeholder { font-size: 15px; color: #949494; }
  .inputbox__text input:focus { border-color: #5d5d5d; }
  .inputbox__textarea { padding: 10px 15px; width: 100%; height: 174px; border: 1px solid #e1e1e1; font-size: 15px; color: #333; line-height: 1.6em; -webkit-transition: border .3s; transition: border .3s; }
  .inputbox__textarea::-webkit-input-placeholder { font-size: 15px; color: #949494; }
  .inputbox__textarea::placeholder { font-size: 15px; color: #949494; }
  .inputbox__textarea:focus { border-color: #5d5d5d; outline: transparent; }
  .inputbox__textareaCounter { margin-top: 11px; text-align: right; font-size: 14px; color: #000; }
  .inputbox__textareaCounter--current { font-size: 16px; }
  .inputbox__complex { overflow: hidden; font-size: 0; margin-top: 13px; }
  .inputbox__complex .inputbox__radio, .inputbox__complex .inputbox__checkbox { vertical-align: middle; }
  .inputbox__complex .inputbox__text { margin-top: 5px; margin-left: 27px; width: calc(100% - 27px); height: 29px; display: inline-block; vertical-align: middle; box-sizing: border-box; }
  .inputbox__complex .inputbox__text input { padding: 0 8px; width: 100%; height: 29px; border: 1px solid #e9e9e9; box-sizing: border-box; line-height: 27px; font-size: 14px; color: #000; background: #fff; text-indent: 0; }
  .inputbox__complex .inputbox__text input::-webkit-input-placeholder { color: #a0a0a0; }
  .inputbox__complex .inputbox__text input::placeholder { color: #a0a0a0; }
  .inputbox__complex .inputbox__text .inputbox__short:focus { border-color: #5d5d5d; }
  .inputbox__select { padding-left: 16px; padding-right: 30px; width: auto !important; min-width: 253px; height: 41px; border: 1px solid #e1e1e1; border-radius: 0; font-size: 15px; color: #000; background: #fff; -webkit-appearance: none; background: #FFFFFF url(data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==) no-repeat 98% 50%; }
  .inputbox__select:focus { border-color: #5d5d5d; outline: transparent; }
  .inputbox__select::-ms-expand { display: none; }
  .pollHeader { padding: 0; border-bottom: none; position: absolute; height: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; left: 16px; top: 0; }
  .pollHeader p { font-size: 17px; line-height: 1; font-weight: bold; } }

html.fixed, body.fixed { overflow-y: hidden; }

.modalPop { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 9000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }

.modalPop.active { opacity: 1; visibility: visible; }

.modalPop__inr { width: 50%; height: 70vh; position: relative; }

.modalPop__inr .closeBtn { position: absolute; right: -45px; top: -6px; }

.modalPop__inr .closeBtn button { display: block; }

.modalPop__inr .closeBtn button i { font-size: 40px; color: #fff; }

.modalPop__cont { width: 100%; height: 100%; overflow-y: auto; background-color: #fff; }

.modalPop__cont::-webkit-scrollbar { display: block; }

.modalPop__cont::-webkit-scrollbar { width: 4px; background-color: #eee; }

.modalPop__cont::-webkit-scrollbar-thumb { border-radius: 4px; background: #a9a9a9; }

.modalPop__cont::-webkit-input-placeholder { font-size: 14px; }

.modalPop__cont::placeholder { font-size: 14px; }

.modalPopOpen { margin: 20px 0; }

.modalPopOpen .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 8px 0; font-size: 18px; font-weight: bold; border: 0.07143rem solid #8dbff8; color: #1d4085; border-radius: 0.14286rem; background: white; background: -webkit-linear-gradient(top, white 0%, #b1e3f7 100%); background: linear-gradient(180deg, white 0%, #b1e3f7 100%); }

.modalPopOpen .button .img { width: 40px; height: 46px; margin-right: 2px; }

.modalPopOpen .button .img img { width: 100%; height: 100%; object-fit: cover; }

.modalPopOpen .button p { display: none; }

@media only screen and (max-width: 767px) { .modalPop { width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.7); position: fixed; left: 0; top: 0; z-index: 9000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }
  .modalPop.active { opacity: 1; visibility: visible; }
  .modalPop__inr { width: 100%; height: 100vh; position: relative; }
  .modalPop__inr .closeBtn { position: relative; right: 0; top: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 50px; background-color: #fff; }
  .modalPop__inr .closeBtn.underline { border-bottom: solid 1px #e6e6e6; }
  .modalPop__inr .closeBtn button { display: block; margin-left: auto; margin-right: 10px; }
  .modalPop__inr .closeBtn button i { font-size: 30px; color: #000; }
  .modalPop__cont { width: 100%; height: calc(100% - 50px); overflow-y: auto; background-color: #fff; }
  .modalPop__cont::-webkit-scrollbar { display: block; }
  .modalPop__cont::-webkit-scrollbar { width: 4px; background-color: #eee; }
  .modalPop__cont::-webkit-scrollbar-thumb { border-radius: 4px; background: #a9a9a9; }
  .modalPop__cont::-webkit-input-placeholder { font-size: 14px; }
  .modalPop__cont::placeholder { font-size: 14px; }
  .modalPopOpen { margin: 20px 0; padding: 0 16px; }
  .modalPopOpen .button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; padding: 8px 0; font-size: 16px; font-weight: bold; border: 0.07143rem solid #8dbff8; color: #1d4085; border-radius: 0.14286rem; background: white; background: -webkit-linear-gradient(top, white 0%, #b1e3f7 100%); background: linear-gradient(180deg, white 0%, #b1e3f7 100%); }
  .modalPopOpen .button .img { width: 30px; height: auto; margin-right: 8px; }
  .modalPopOpen .button .img img { width: 100%; height: 100%; object-fit: cover; }
  .modalPopOpen .button p { display: block; font-size: 13px; padding: 3px 3px 3px 7px; border: solid 1px #1d4085; border-radius: 20px; margin-left: 8px; } }

/*# sourceMappingURL=style_webinar.css.map */