@charset "UTF-8";
@import url(https://wdr.ubion.co.kr/common/fonts/noto/NotoSansKR.css);
div.bottom_wrap div.bottom_sc ul.certi > li, div.bottom_wrap div.inner div.right_sc form.falimy select.footer, div.bottom_wrap div.inner, div.gnb_wrap nav.gnb ul.first_list li > ul > li > a, div.gnb_wrap nav.gnb ul.first_list li > button, header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .btn_logout, header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .btn_login, header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .name, header.header div.inner_wrap div.inner div.personal_wrap div.personal a,
header.header div.inner_wrap div.inner div.personal_wrap div.personal button, header.header div.inner_wrap div.inner div.bi .btn_simsa, header.header div.topmenu_wrap div.topmenu div.right_sc .btn_shortcut,
header.header div.topmenu_wrap div.topmenu div.right_sc .btn_favorite, header.header div.topmenu_wrap div.topmenu div.right_sc, header.header div.topmenu_wrap div.topmenu div.left_sc span {
  font-family: "Noto Sans KR", "Malgun Gothic", "Dotum", "DroidFont", sans-serif;
}

div.bottom_wrap div.bottom_sc ul.certi, div.bottom_wrap div.inner, div.gnb_wrap nav.gnb, header.header div.inner_wrap div.inner, header.header div.topmenu_wrap div.topmenu {
  width: 1000px;
  margin: 0 auto;
}

div.bottom_wrap div.bottom_sc ul.certi:after, div.bottom_wrap div.inner:after, div.gnb_wrap nav.gnb ul.first_list:after, header.header div.inner_wrap div.inner div.personal_wrap div.personal:after, header.header div.inner_wrap div.inner:after, header.header div.topmenu_wrap div.topmenu:after, header.header:after {
  content: "";
  display: block;
  clear: both;
}

.smart_learning_wrap .header ul.tab_menu li:focus, div.gnb_wrap nav.gnb ul.first_list li > ul > li > a:focus, div.gnb_wrap nav.gnb ul.first_list li > button:focus, #skipToContent a:focus {
  /* 웹접근성 포커싱 */
  outline: 2px dotted #ff00f6;
  border: 0;
  z-index: 999;
}

#skipToContent {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  border: 0;
  z-index: 9999;
}
#skipToContent a {
  display: block;
  position: absolute;
  width: 100%;
  top: -1000em;
  padding: 1em 0;
  background: #175ebd;
  border: none;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: bold;
}
#skipToContent a:active, #skipToContent a:focus {
  position: fixed;
  top: 0;
  left: 0;
}

div.container {
  background: #fff;
  width: 100%;
}

div.bottom_wrap div.bottom_sc ul.certi, div.bottom_wrap div.inner, div.gnb_wrap nav.gnb, header.header div.inner_wrap div.inner, header.header div.topmenu_wrap div.topmenu {
  width: 1000px;
  margin: 0 auto;
}

div.bottom_wrap div.bottom_sc ul.certi:after, div.bottom_wrap div.inner:after, div.gnb_wrap nav.gnb ul.first_list:after, header.header div.inner_wrap div.inner div.personal_wrap div.personal:after, header.header div.inner_wrap div.inner:after, header.header div.topmenu_wrap div.topmenu:after, header.header:after {
  content: "";
  display: block;
  clear: both;
}

.smart_learning_wrap .header ul.tab_menu li:focus, div.gnb_wrap nav.gnb ul.first_list li > ul > li > a:focus, div.gnb_wrap nav.gnb ul.first_list li > button:focus, #skipToContent a:focus {
  /* 웹접근성 포커싱 */
  outline: 2px dotted #ff00f6;
  border: 0;
  z-index: 999;
}

header.header div.topmenu_wrap {
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #e4e4e4;
}
header.header div.topmenu_wrap div.topmenu {
  padding: 6px 0 0 0;
}
header.header div.topmenu_wrap div.topmenu div.left_sc {
  float: left;
  text-align: left;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span {
  font-size: 12px;
  font-size: 0.78rem;
  display: inline-block;
  margin: 0 10px 0 0;
  letter-spacing: -0.045em;
  line-height: 210%;
  color: #393f4b;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span.ci_01 {
  background: url("/_Resources/Front/images/common/ci_01.png") left no-repeat;
  padding: 0 0 0 25px;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span.ci_02 {
  background: url("/_Resources/Front/images/common/ci_02_2022.png") left no-repeat;
  padding: 0 0 0 72px;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span.ci_03 {
  background: url("/_Resources/Front/images/common/ci_03.png") left no-repeat;
  padding: 0 0 0 22px;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span.ci_04 {
  background: url("/_Resources/Front/images/common/ci_04.png") left no-repeat;
  padding: 0 0 0 25px;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span.ci_05 {
  background: url("/_Resources/Front/images/common/ci_05.png") left no-repeat;
  padding: 0 0 0 25px;
}
header.header div.topmenu_wrap div.topmenu div.left_sc span.ci_06 {
  background: url("/_Resources/Front/images/common/ci_06.png") left no-repeat;
  padding: 0 0 0 33px;
}
header.header div.topmenu_wrap div.topmenu div.right_sc {
  float: right;
  text-align: right;
}
header.header div.topmenu_wrap div.topmenu div.right_sc .btn_shortcut,
header.header div.topmenu_wrap div.topmenu div.right_sc .btn_favorite {
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 0 0 25px;
}
header.header div.inner_wrap {
  width: 100%;
}
header.header div.inner_wrap div.inner div.bi {
  float: left;
  height: 80px;
  padding: 20px 0 0 0;
}
header.header div.inner_wrap div.inner div.bi > h1 {
  display: inline-block;
}
header.header div.inner_wrap div.inner div.bi > h1 a img {
  display: inline-block;
  width: 90px;
  height: 40px;
}
header.header div.inner_wrap div.inner div.bi .btn_simsa {
  font-size: 13px;
  font-size: 0.845rem;
  height: 30px;
  background: #de1111;
  color: #fff;
  padding: 6px 10px;
  margin: 0 0 0 15px;
  font-weight: 600;
}
header.header div.inner_wrap div.inner div.bi img.ci_kosdaq {
  margin: 0 0 6px 10px;
}
header.header div.inner_wrap div.inner div.personal_wrap {
  float: right;
  height: 80px;
  padding: 25px 0 0 0;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal {
  font-size: 13px;
  font-size: 0.845rem;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal a,
header.header div.inner_wrap div.inner div.personal_wrap div.personal button {
  /* font-family: "Malgun Gothic", "Dotum", "DroidFont", sans-serif; */
  font-size: 13px;
  font-size: 0.845rem;
  font-weight: normal;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.left_sc {
  float: left;
  margin: 4px 20px 0 0;
  vertical-align: top;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.left_sc .btn_join,
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.left_sc .btn_edit {
  margin: 0 15px 0 0;
  font-weight: 600;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.left_sc .btn_find,
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.left_sc .btn_pre {
  color: #ca4300;
  font-weight: 600;
  background-color: transparent;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc {
  float: left;
  vertical-align: top;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login {
  font-size: 0;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .name {
  font-size: 13px;
  font-size: 0.845rem;
  margin: 0 15px 0 0;
  font-weight: 600;
  vertical-align: middle;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .input_t,
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .input_p {
  width: 110px;
  height: 30px;
  background: #f3f3f3;
  margin: 0 0 0 5px;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .btn_logout, header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .btn_login {
  font-size: 13px;
  font-size: 0.845rem;
  height: 30px;
  color: #fff;
  padding: 0 13px 4px 13px;
  margin: 0 0 0 5px;
  font-weight: 600;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .btn_login {
  width: 107px;
  background: #014099;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.right_sc form.login .btn_logout {
  background-color: #51565e;
}

div.gnb_wrap {
  width: 100%;
  height: 50px;
  border-top: 1px solid #e4e4e4;
  background: #fff;
}
div.gnb_wrap nav.gnb {
  z-index: 100;
}
div.gnb_wrap nav.gnb ul.first_list li {
  position: relative;
  float: left;
  background: #fff;
}
div.gnb_wrap nav.gnb ul.first_list li > button {
  font-size: 16px;
  font-size: 1.04rem;
  line-height: 20px;
  line-height: 1.25rem;
  display: block;
  width: 142px;
  height: 50px;
  text-align: center;
  letter-spacing: -0.5px;
}
div.gnb_wrap nav.gnb ul.first_list li > button:hover, div.gnb_wrap nav.gnb ul.first_list li > button:focus {
  padding-top: 3px;
  border-bottom: 3px solid #3c4f9b;
}
div.gnb_wrap nav.gnb ul.first_list li > button.myclass {
  background: #014099;
  color: #fff;
  font-weight: 600;
}
div.gnb_wrap nav.gnb ul.first_list li > button span.apply {
  color: #014099;
  font-weight: 600;
}
div.gnb_wrap nav.gnb ul.first_list li > button i {
  font-size: 15px;
  font-size: 0.975rem;
  margin: 0 7px 0 0;
  vertical-align: middle;
}
div.gnb_wrap nav.gnb ul.first_list li > ul {
  overflow: hidden;
  position: absolute;
  top: 60px !important;
  left: 17px;
  width: 142px;
  height: 0;
  opacity: 0;
  z-index: 110;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
div.gnb_wrap nav.gnb ul.first_list li > ul > li {
  font-size: 13px;
  font-size: 0.845rem;
  line-height: 19px;
  line-height: 1.125rem;
  float: none;
  width: 95%;
  height: 26px;
  margin: 0 0 0 2px;
}
div.gnb_wrap nav.gnb ul.first_list li > ul > li > a {
  display: block;
  width: 100%;
  height: 24px;
  font-weight: normal;
  background: #fff;
}
div.gnb_wrap nav.gnb ul.first_list li > ul > li > a:hover span, div.gnb_wrap nav.gnb ul.first_list li > ul > li > a:focus span {
  color: #014099;
  padding: 0 0 3px 0;
  border-bottom: 2px solid #014099;
  font-weight: 600;
}
div.gnb_wrap div.gnb_bg {
  position: absolute;
  top: 170px;
  width: 100%;
  height: 0;
  background: #fff;
  border-top: 1px solid #e4e4e4;
  opacity: 0;
  z-index: 100;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
div.gnb_wrap.show .gnb ul.first_list li > ul {
  top: 70px;
  height: auto;
  opacity: 1;
}
div.gnb_wrap.show div.gnb_bg {
  height: 270px;
  opacity: 1;
}

div.bottom_wrap div.bottom_sc ul.certi, div.bottom_wrap div.inner, header.header div.topmenu_wrap div.topmenu, header.header div.inner_wrap div.inner, div.gnb_wrap nav.gnb {
  width: 1000px;
  margin: 0 auto;
}

div.bottom_wrap div.bottom_sc ul.certi:after, div.bottom_wrap div.inner:after, header.header:after, header.header div.topmenu_wrap div.topmenu:after, header.header div.inner_wrap div.inner:after, header.header div.inner_wrap div.inner div.personal_wrap div.personal:after, div.gnb_wrap nav.gnb ul.first_list:after {
  content: "";
  display: block;
  clear: both;
}

.smart_learning_wrap .header ul.tab_menu li:focus, #skipToContent a:focus, div.gnb_wrap nav.gnb ul.first_list li > button:focus, div.gnb_wrap nav.gnb ul.first_list li > ul > li > a:focus {
  /* 웹접근성 포커싱 */
  outline: 2px dotted #ff00f6;
  border: 0;
  z-index: 999;
}

div.bottom_wrap {
  width: 100%;
  background: #f4f6f8;
}
@media (max-width: 768px) {
  div.bottom_wrap {
    width: 1000px;
  }
}
div.bottom_wrap div.inner {
  padding: 30px 0;
}
div.bottom_wrap div.inner div.left_sc {
  float: left;
  width: 780px;
}
div.bottom_wrap div.inner div.left_sc div.shortcut {
  padding: 0 0 20px 0;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a {
  font-size: 12px;
  font-size: 0.78rem;
  display: inline-block;
  margin: 0 10px 0 0;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a {
  position: relative;
  padding: 0 0 0 12px;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a:before {
  position: absolute;
  top: 5px;
  left: 0;
  width: 1px;
  height: 10px;
  content: "";
  background: #999;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a.btn_privacy, div.bottom_wrap div.inner div.left_sc div.shortcut > a.btn_policy {
  font-weight: 800;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a.ico_none {
  padding: 0;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a.ico_none::before {
  width: 0;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a:focus {
  outline: none;
}
div.bottom_wrap div.inner div.left_sc div.shortcut > a:focus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  /* 웹접근성 포커싱 */
  outline: 2px dotted #ff00f6;
  -webkit-box-shadow: inset 1px 1px #FFF, inset -1px -1px #FFF;
          box-shadow: inset 1px 1px #FFF, inset -1px -1px #FFF;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: transparent;
}
div.bottom_wrap div.inner div.left_sc footer.footer {
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 19px;
  line-height: 1.125rem;
  color: #575b65;
  text-align: left;
  word-break: keep-all;
}
div.bottom_wrap div.inner div.left_sc footer.footer h3 {
  font-size: 12px;
  font-size: 0.78rem;
  margin: 0 0 5px 0;
  font-weight: 600;
}
div.bottom_wrap div.inner div.left_sc footer.footer > em {
  display: block;
}
div.bottom_wrap div.inner div.left_sc footer.footer > em span {
  display: inline-block;
  padding: 0 20px 0 0;
}
div.bottom_wrap div.inner div.right_sc {
  float: left;
  width: 220px;
}
div.bottom_wrap div.inner div.right_sc form.falimy {
  margin: 0 0 15px 0;
}
div.bottom_wrap div.inner div.right_sc form.falimy select.footer {
  width: 160px;
  background-position: 95% center;
}
div.bottom_wrap div.inner div.right_sc h4.desc {
  font-size: 12px;
  font-size: 0.78rem;
  line-height: 18px;
  line-height: 1rem;
  padding: 36px 0 0;
  text-align: left;
  background: url("/_Resources/Front/images/common/ci_2023_blue.svg") top left no-repeat;
  background-size: 102px;
}
div.bottom_wrap div.inner div.right_sc h4.desc em {
  color: #0079ff;
}
div.bottom_wrap div.bottom_sc {
  background: #fff;
  padding: 20px 0;
}
div.bottom_wrap div.bottom_sc ul.certi > li {
  float: left;
  width: 121px;
  padding: 46px 0 0 0;
  margin: 0 0 0 25.5px;
  font-size: 11px;
  font-size: 0.715rem;
  font-weight: 400;
  color: #505050;
  line-height: 15px;
  text-align: center;
  word-break: keep-all;
}
div.bottom_wrap div.bottom_sc ul.certi > li.link {
  padding-top: 0;
}
div.bottom_wrap div.bottom_sc ul.certi > li.link > a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 46px 0 0 0;
}
div.bottom_wrap div.bottom_sc ul.certi > li.link > a:hover {
  color: #0066CC;
}
div.bottom_wrap div.bottom_sc ul.certi > li:first-child {
  margin: 0;
  background: url("//wdr.ubion.co.kr/policies/resource/img/isms_mark.png") top no-repeat;
}
div.bottom_wrap div.bottom_sc ul.certi > li:nth-child(2) {
  background: url("/_Resources/Front/images/common/certi_02.png") top no-repeat;
}
div.bottom_wrap div.bottom_sc ul.certi > li:nth-child(3) {
  background: url("/_Resources/Front/images/common/certi_03.png") top no-repeat;
}
div.bottom_wrap div.bottom_sc ul.certi > li:nth-child(4) {
  background: url("/_Resources/Front/images/common/certi_04.png") top no-repeat;
}
div.bottom_wrap div.bottom_sc ul.certi > li:nth-child(5) {
  background: url("/_Resources/Front/images/common/certi_08.png") top no-repeat;
}
div.bottom_wrap div.bottom_sc ul.certi > li:nth-child(6) {
  background: url("/_Resources/Front/images/common/certi_06.png") top no-repeat;
}
div.bottom_wrap div.bottom_sc ul.certi > li:nth-child(7) {
  background: url("/_Resources/Front/images/common/certi_07.png") top no-repeat;
}

/* 2020 NEW header,footer 스타일 커스터마이징 */
header.header a, div.gnb_wrap a, .bottom_wrap a {
  display: inline-block;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  letter-spacing: -0.5px;
}
header.header a:active, header.header a:hover, header.header a:focus, div.gnb_wrap a:active, div.gnb_wrap a:hover, div.gnb_wrap a:focus, .bottom_wrap a:active, .bottom_wrap a:hover, .bottom_wrap a:focus {
  text-decoration: none;
}
header.header em,
header.header address, div.gnb_wrap em,
div.gnb_wrap address, .bottom_wrap em,
.bottom_wrap address {
  font-style: normal;
}
header.header .spacing, div.gnb_wrap .spacing, .bottom_wrap .spacing {
  padding: 0 !important;
  letter-spacing: 0;
}
header.header *, div.gnb_wrap *, .bottom_wrap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
header.header input,
header.header select,
header.header textarea, div.gnb_wrap input,
div.gnb_wrap select,
div.gnb_wrap textarea, .bottom_wrap input,
.bottom_wrap select,
.bottom_wrap textarea {
  vertical-align: middle;
  resize: none;
}
header.header input,
header.header textarea,
header.header select,
header.header label, div.gnb_wrap input,
div.gnb_wrap textarea,
div.gnb_wrap select,
div.gnb_wrap label, .bottom_wrap input,
.bottom_wrap textarea,
.bottom_wrap select,
.bottom_wrap label {
  font-size: 12px;
  font-size: 0.78rem;
  -webkit-appearance: none;
  border: 0;
}
header.header div,
header.header form,
header.header input,
header.header select,
header.header button,
header.header textarea,
header.header legend,
header.header fieldset,
header.header h1,
header.header h2,
header.header h3,
header.header h4,
header.header h5,
header.header h6,
header.header ul,
header.header ol,
header.header dl,
header.header li,
header.header dt,
header.header dd,
header.header blockquote,
header.header address,
header.header p,
header.header th,
header.header td,
header.header caption, div.gnb_wrap div,
div.gnb_wrap form,
div.gnb_wrap input,
div.gnb_wrap select,
div.gnb_wrap button,
div.gnb_wrap textarea,
div.gnb_wrap legend,
div.gnb_wrap fieldset,
div.gnb_wrap h1,
div.gnb_wrap h2,
div.gnb_wrap h3,
div.gnb_wrap h4,
div.gnb_wrap h5,
div.gnb_wrap h6,
div.gnb_wrap ul,
div.gnb_wrap ol,
div.gnb_wrap dl,
div.gnb_wrap li,
div.gnb_wrap dt,
div.gnb_wrap dd,
div.gnb_wrap blockquote,
div.gnb_wrap address,
div.gnb_wrap p,
div.gnb_wrap th,
div.gnb_wrap td,
div.gnb_wrap caption, .bottom_wrap div,
.bottom_wrap form,
.bottom_wrap input,
.bottom_wrap select,
.bottom_wrap button,
.bottom_wrap textarea,
.bottom_wrap legend,
.bottom_wrap fieldset,
.bottom_wrap h1,
.bottom_wrap h2,
.bottom_wrap h3,
.bottom_wrap h4,
.bottom_wrap h5,
.bottom_wrap h6,
.bottom_wrap ul,
.bottom_wrap ol,
.bottom_wrap dl,
.bottom_wrap li,
.bottom_wrap dt,
.bottom_wrap dd,
.bottom_wrap blockquote,
.bottom_wrap address,
.bottom_wrap p,
.bottom_wrap th,
.bottom_wrap td,
.bottom_wrap caption {
  padding: 0;
  margin: 0;
}
header.header img,
header.header fieldset, div.gnb_wrap img,
div.gnb_wrap fieldset, .bottom_wrap img,
.bottom_wrap fieldset {
  vertical-align: middle;
  border: 0 none;
}
header.header button, div.gnb_wrap button, .bottom_wrap button {
  font-family: inherit;
  border: 0 none;
  background: transparent;
  vertical-align: middle;
  letter-spacing: -0.5px;
  cursor: pointer;
}
header.header hr, div.gnb_wrap hr, .bottom_wrap hr {
  display: none;
}
header.header i, div.gnb_wrap i, .bottom_wrap i {
  display: inline-block;
  vertical-align: middle;
}

header.header {
  margin-bottom: 5px;
}
header.header div.topmenu {
  line-height: 200%;
  letter-spacing: -0.035em;
}
header.header div.inner_wrap div.inner div.bi > h1 {
  margin: 0;
}
header.header div.inner_wrap div.inner img.ci_kosdaq {
  margin: 0 0 6px 10px;
}
header.header div.inner_wrap div.inner div.personal_wrap div.personal div.left_sc {
  margin-top: 4px;
}

div.gnb_wrap {
  background: #51565e;
}
div.gnb_wrap div.gnb_bg {
  border-bottom: 1px solid #c0c6ce;
}
div.gnb_wrap nav.gnb ul.first_list li {
  background: transparent;
}
div.gnb_wrap nav.gnb ul.first_list li > button {
  background: transparent;
  color: #fff;
  padding-bottom: 4px;
}
div.gnb_wrap nav.gnb ul.first_list li > button:hover, div.gnb_wrap nav.gnb ul.first_list li > button:focus {
  padding-top: 0;
  border-bottom: 0;
}
div.gnb_wrap nav.gnb ul.first_list li > button:hover span, div.gnb_wrap nav.gnb ul.first_list li > button:focus span {
  padding: 2px 0;
  border-bottom: 1px solid #c0c6ce;
}
div.gnb_wrap nav.gnb ul.first_list li > button.myclass {
  background: transparent;
}
div.gnb_wrap nav.gnb ul.first_list li > button.myclass i.fa-graduation-cap {
  width: 20px;
  height: 20px;
  background: url(/_Resources/Front/images/common/icon_graduation-cap.svg) no-repeat 0 0;
  background-size: 100% auto;
  /* IE10+ */
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  div.gnb_wrap nav.gnb ul.first_list li > button.myclass i.fa-graduation-cap {
    background: url(/_Resources/Front/images/common/icon_graduation-cap.png) no-repeat 0 0;
  }
}
div.gnb_wrap nav.gnb ul.first_list li > button > span {
  display: inline-block;
  vertical-align: middle;
}
div.gnb_wrap nav.gnb ul.first_list li > button > span.apply {
  color: #ddebfe;
}
div.gnb_wrap nav.gnb ul.first_list li > ul li {
  text-align: left;
}

.bottom_wrap {
  margin-top: 3em;
  border-top: 1px solid #e1e2e7;
}
.bottom_wrap .inner .right_sc .desc {
  font-weight: normal;
  margin: 0;
}
.bottom_wrap .inner .right_sc .desc em {
  color: #014099;
}
.bottom_wrap .inner .right_sc select {
  width: 100%;
  height: 32px;
  padding: 0 7px;
  background: #eff1f4;
  color: #363636;
}
.bottom_wrap .inner .right_sc select::-ms-expand {
  display: none;
}
.bottom_wrap .inner .right_sc select[disabled] {
  background: #fff;
}
.bottom_wrap .inner .right_sc select.footer {
  background: url("/_Resources/Front/images/common/select_arrow_d.png") 95% no-repeat #fff;
}
.bottom_wrap .inner .right_sc .btn {
  display: inline-block;
  min-width: 50px;
  min-height: 30px;
  padding: 0 8px;
  font-size: 12px;
  font-size: 0.78rem;
  letter-spacing: -1px;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  border: 0;
  background: #51565e;
  color: #fff;
}
.bottom_wrap .inner .left_sc .shortcut {
  text-align: left;
}

/* 웹접근성 포커싱 디자인 반영 */
a:active,
a:hover,
a:focus {
  text-decoration: none;
}

label:focus,
a:focus,
button:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=submit]:focus,
input[type=search]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=checkbox]:focus,
input[type=radio]:focus,
textarea:focus,
select:focus {
  /* 웹접근성 포커싱 */
  outline: 2px dotted #ff00f6;
}

.memo_open_btn[tabindex="0"]:focus,
[role=tabpanel][tabindex="0"]:focus,
[role=tab][tabindex="0"]:focus,
.cert_faq_q[tabindex="0"]:focus {
  /* 웹접근성 포커싱 */
  outline: 2px dotted #ff00f6;
}