@charset "UTF-8";
/*_color-blue.scss*/
/*_mixins.scss*/
/* Responsive Breakpoints
   ========================================================================== */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

section.main_ban ul {
  *zoom: 1; }

section.main_ban ul:before, section.main_ban ul:after {
  content: "";
  display: table; }

section.main_ban ul:after {
  clear: both; }

/*_colors.scss*/
/*_buttons.scss*/
.ripple {
  overflow: hidden; }

.ripple-effect {
  position: absolute;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  background: white;
  animation: ripple-animation 1s; }

@keyframes ripple-animation {
  from {
    transform: scale(1);
    opacity: 0.4; }
  to {
    transform: scale(100);
    opacity: 0; } }

button, input {
  outline: 0; }

/*_icons.scss*/
.ic_pop1, .ic_pop2 {
  padding: 3px 10px 5px 10px;
  font-size: 10.5px;
  font-size: 0.6825rem;
  color: #fff;
  font-weight: bold;
  background: #ffb400; }

.ic_pop_book {
  padding: 3px 10px 5px 10px;
  font-size: 10.5px;
  font-size: 0.6825rem;
  color: #fff;
  font-weight: bold;
  background: #ffb400;
  background: #cccccc; }

.ic_price {
  padding: 3px 10px 5px 10px;
  font-size: 10.5px;
  font-size: 0.6825rem;
  color: #fff;
  font-weight: bold;
  background: #ffb400;
  background: #ff6a4c; }

.ic_box {
  padding: 2px 10px 4px 10px;
  font-size: 10.5px;
  font-size: 0.6825rem;
  font-weight: bold;
  background: #fff; }

/*_forms.scss*/
.custom-radio {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 4px;
  margin-right: 0.3em;
  background: url(/_Resources/img/radio-sprite.png) no-repeat 0 0 transparent; }
  .custom-radio:hover {
    background-position: 0 -16px; }
  .custom-radio.selected {
    background-position: 0 -32px; }
  .custom-radio input[type="radio"] {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0; }

.custom-checkbox {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  top: 4px;
  margin-right: 0.3em;
  background: url(/_Resources/img/checkbox-sprite.png) no-repeat 0 0 transparent; }
  .custom-checkbox.selected {
    background-position: 0 -32px; }
  .custom-checkbox input[type="checkbox"] {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    outline: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -khtml-opacity: 0;
    -moz-opacity: 0; }

/*_sidebar.scss*/
body.tm1 > aside.main_quick > ul > li > a > span, aside.sub_quick > ul > li > a > span {
  display: block;
  width: 50px;
  height: 50px;
  border: none;
  text-indent: -9999px;
  opacity: 0.7;
  filter: alpha(opacity=70);
  opacity: 1;
  filter: alpha(opacity=100); }
  body.tm1 > aside.main_quick > ul > li > a > span:hover, aside.sub_quick > ul > li > a > span:hover {
    opacity: 1;
    filter: alpha(opacity=100); }
  body.tm1 > aside.main_quick > ul > li > a > span.q_faq, aside.sub_quick > ul > li > a > span.q_faq {
    background: url(/_Resources/img/quick/ic_faq.png) center no-repeat; }
  body.tm1 > aside.main_quick > ul > li > a > span.q_download, aside.sub_quick > ul > li > a > span.q_download {
    background: url(/_Resources/img/quick/ic_download.png) center no-repeat; }
  body.tm1 > aside.main_quick > ul > li > a > span.q_qna, aside.sub_quick > ul > li > a > span.q_qna {
    background: url(/_Resources/img/quick/ic_qna.png) center no-repeat; }
  body.tm1 > aside.main_quick > ul > li > a > span.q_basket, aside.sub_quick > ul > li > a > span.q_basket {
    background: url(/_Resources/img/quick/ic_basket.png) center no-repeat; }
  body.tm1 > aside.main_quick > ul > li > a > span.q_completion, aside.sub_quick > ul > li > a > span.q_completion {
    background: url(/_Resources/img/quick/ic_completion.png) center no-repeat; }
  body.tm1 > aside.main_quick > ul > li > a > span.q_top, aside.sub_quick > ul > li > a > span.q_top {
    background: #f8f8f8 url(/_Resources/img/quick/ic_top.png) center no-repeat; }

aside.sub_quick {
  z-index: 900;
  position: fixed;
  top: 50%;
  right: 0;
  width: 50px;
  height: 300px;
  margin-top: -150px; }
  aside.sub_quick ul li {
    position: relative; }
    aside.sub_quick ul li a {
      display: block;
      width: 50px;
      height: 50px;
      text-align: center;
      background: #4d5259; }
    aside.sub_quick ul li p {
      position: absolute;
      display: block;
      top: 12px;
      right: 60px;
      width: 120px;
      padding: 3px 10px 3px 10px;
      text-align: center;
      background: #fff;
      border: 1px solid #e6e6e6;
      opacity: 0.8;
      filter: alpha(opacity=80);
      font-size: 11px;
      font-size: 0.715rem; }

.basket_list {
  position: fixed;
  top: 0;
  right: -180px;
  display: block;
  width: 180px;
  height: 100%;
  padding: 0 20px 40px 20px;
  background: #f8f8f8; }
  .basket_list h3 {
    margin-top: 40px;
    font-size: 15px;
    font-weight: normal; }
    .basket_list h3.border {
      border-top: 1px solid #e6e6e6;
      padding-top: 40px; }
  .basket_list ul li {
    position: relative;
    width: 140px;
    height: 125px;
    margin-top: 20px;
    font-size: 12px;
    color: #666666;
    overflow: hidden;
    cursor: pointer; }
    .basket_list ul li span {
      top: 0px;
      right: auto;
      bottom: auto;
      left: 0px;
      position: absolute; }
    .basket_list ul li img {
      width: 100%;
      height: 85px;
      margin-bottom: 7px; }
    .basket_list ul li.list_none {
      margin-top: 40px;
      padding-top: 45px;
      text-align: center;
      background: url(/_Resources/img/ic_listnone.png) center 0 no-repeat;
      cursor: default; }
  .basket_list a.more {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 47px;
    height: 23px;
    padding-top: 2px;
    font-size: 11px;
    color: #c1c1c1;
    background: none;
    border: 1px solid #dadada; }
    .basket_list a.more:hover {
      color: #666666;
      border: 1px solid #666666; }

/*aside.sub_quick2  {
  @include quick;
  width:61px;
  h2  {
	width:47px;
	margin:0 auto;
  }
  ul  {
	width:47px;
	margin:10px auto;
  }
  article.thumb1  {
	margin:30px 0 60px 0;
	h3  {
	  @include font-size(11);
	  text-align:center;
	}
	div.bx-wrapper  {
	  div.bx-viewport {
		height:160px !important;
	  }
	  div.bx-controls {
		div.bx-controls-direction {
		  position:relative;
		  a.bx-prev {
			position:absolute;
			top:0;
			left:0;
			@include btn_back(23px, 23px);
			background:url(/_Resources/img/ic_qua_arrow_up_b.png) no-repeat;
		  }
		  a.bx-next {
			position:absolute;
			top:0;
			right:0;
			@include btn_back(23px, 23px);
			background:url(/_Resources/img/ic_qua_arrow_down_b.png) no-repeat;
		  }
		}
	  }
	}
	ul.bxslider {
	  margin:10px 0 0 0 !important;
	  li {
		a {
		  background:none !important;
		  height:40px !important;
		  img  {
			width:60px;
			height:40px;
			border:1px solid $light-gray;
		  }
		}
	  }
	}
  }
}*/
section.main_ban {
  width: 972px;
  margin: 0 auto; }
  section.main_ban ul {
    margin-top: 50px; }
    section.main_ban ul li {
      float: left;
      margin: 6px; }

.global_humans section.main_ban ul {
  margin-top: 27px; }

div.nav_2 {
  background: #4c9ecd url(/_Resources/img/ic_box_bg1.png) no-repeat bottom right; }
  div.nav_2:hover {
    background: #2985bf url(/_Resources/img/ic_box_bg1.png) no-repeat bottom right; }

div.nav_3 {
  color: #2985bf;
  color: #2985bf !important;
  background: #f7f7f7 url(/_Resources/img/_blue/ic_box_bg2.png) no-repeat 95px 48px; }
  div.nav_3:hover {
    background: #f0f0f0 url(/_Resources/img/_blue/ic_box_bg2.png) no-repeat 95px 48px; }

div.nav_4 {
  color: #2985bf;
  color: #2985bf !important;
  background: #f7f7f7 url(/_Resources/img/_blue/ic_box_bg3.png) no-repeat 91px 93px; }
  div.nav_4:hover {
    background: #f0f0f0 url(/_Resources/img/_blue/ic_box_bg3.png) no-repeat 91px 93px; }
  div.nav_4.no_menu {
    color: #2985bf;
    background: #fff url(/_Resources/img/_blue/ic_box_bg3.png) no-repeat center !important;
    text-indent: -9999px; }

div.nav_5 {
  background: #4c9ecd url(/_Resources/img/box_bg2.png) no-repeat bottom; }
  div.nav_5:hover {
    background: #2985bf url(/_Resources/img/box_bg2.png) no-repeat bottom; }

article.main_notice button.more {
  background: url(/_Resources/img/_blue/ic_more.png); }

article.main_guide button.go {
  background: url(/_Resources/img/_blue/ic_go.png) no-repeat; }

article.main_center p > strong {
  background: url(/_Resources/img/_blue/ic_headphone.png) no-repeat 0 10px; }

body.tm1 > aside.main_quick ul > li > a:hover {
  background: #4c9ecd; }

body.tm2 > nav.main_nav {
  border: none;
  background: #4c9ecd; }

article.main_notice {
  border-top: 2px solid #4c9ecd; }
  article.main_notice > button.more {
    background: url(/_Resources/img/_blue/ic_more.png); }

article.main_guide button.go {
  background: url(/_Resources/img/_blue/ic_go.png) no-repeat; }

article.main_center p > strong {
  background: url(/_Resources/img/_blue/ic_headphone.png) no-repeat 0 10px; }

body.tm3 > .main_nav > ul.nav_1depth > li > a {
  color: #000 !important; }

body.tm3 > .main_wrap .bg_color {
  background: rgba(86, 109, 150, 0.5); }

body.tm3 > .main_wrap .left .mypage_wrap .info ul li p {
  color: #4c9ecd; }

body.tm3 > .main_wrap .left .mypage_wrap .view_box p em {
  background: linear-gradient(transparent 50%, #defffd 0); }

body.tm3 > .main_wrap .left .mypage_wrap .view_box button.btn_view {
  background-color: #4c9ecd; }

body.tm3 > .main_wrap .left .mypage_wrap .view_box button.btn_mypage {
  background-color: #4c9ecd; }

body.tm3 > .main_wrap .right .notice ul li a:hover span.tit {
  color: #4c9ecd; }

body.tm3 > .main_wrap .right .q_menu ul li a:hover {
  background-color: #4c9ecd; }

body.tm3 > .main_wrap .right .q_menu ul li.completion a {
  background-image: url("/_Resources/img/_blue/q_completion.png"); }

body.tm3 > .main_wrap .right .q_menu ul li.faq a {
  background-image: url("/_Resources/img/_blue/q_faq.png"); }

body.tm3 > .main_wrap .right .q_menu ul li.download a {
  background-image: url("/_Resources/img/_blue/q_download.png"); }

body.tm3 > .main_wrap .right .q_menu ul li.completion a:hover {
  background-image: url("/_Resources/img/tm3/q_completion_on.png"); }

body.tm3 > .main_wrap .right .q_menu ul li.faq a:hover {
  background-image: url("/_Resources/img/tm3/q_faq_on.png"); }

body.tm3 > .main_wrap .right .q_menu ul li.download a:hover {
  background-image: url("/_Resources/img/tm3/q_download_on.png"); }

body.tm3 > .cont_wrap .center .btn_guide.new {
  background-image: url("/_Resources/img/_blue/guide_new.png"); }

body.tm3 > .cont_wrap .center .btn_guide.mobile {
  background-image: url("/_Resources/img/_blue/guide_mobile.png"); }

body.tm3 > .cont_wrap .center .btn_guide.mobile span.tit em {
  color: #4c9ecd; }

body.tm3 > .cont_wrap .center .layer_pop.mobile_guide h3 {
  color: #4c9ecd !important; }

body.tm3 > .cont_wrap .center .layer_pop.mobile_guide ul li span.num {
  color: #4c9ecd !important; }

body.tm3 > .cont_wrap .right .callcenter p {
  color: #4c9ecd; }

body.tm3 .layer_pop.reservation h3 {
  color: #4c9ecd !important; }

body.tm3 .layer_pop.reservation table.tb_st_hor button.btn_theme.on {
  border: 1px solid #4c9ecd !important;
  color: #4c9ecd !important; }

body.tm3 .layer_pop.reservation button.btn_reserv_ok {
  background: #4c9ecd !important; }

body.tm3 .fix_banner .fix_banner_wrap ul li a:hover {
  border: 1px solid #4c9ecd; }

body.tm3 footer.tm3_footer article.company_ar ul.company_ul li a:hover {
  color: #4c9ecd !important; }

aside.sub_quick ul > li > a:hover,
aside.sub_quick ul > li > a.on {
  background: #4c9ecd; }

nav.sub_nav {
  border: none;
  background: #4c9ecd; }

article.request_choice1 > ul > li:hover {
  border: 2px solid #4c9ecd; }

fieldset > input.search_input {
  line-height: 25px;
  border: 2px solid #4c9ecd; }

.ic_box {
  border: 1px solid #4c9ecd;
  color: #2985bf; }
  .ic_box.off {
    border: 1px solid #ccc;
    color: #ccc; }

.ic_box_big {
  border: 1px solid #4c9ecd;
  color: #2985bf;
  padding: 4px 12px;
  font-size: 15px; }
  .ic_box_big.off {
    border: 1px solid #ccc;
    color: #ccc; }

.ic_box_del {
  border: 1px solid #ff0000;
  color: #ff0000;
  display: block;
  width: 34px;
  height: 21px; }
  .hrd_seoul .ic_box_del {
    width: 50px;
    height: 30px;
    font-size: 15px;
    line-height: 100%; }

.ic_pop2 {
  background-color: #4c9ecd; }

article.request_choice2 div.select_wrap {
  border: 2px solid #4c9ecd !important; }

button.btn_search,
button.btn_atlast,
button.btn_confirm,
button.btn_ok {
  background: #4c9ecd; }
  button.btn_search:hover,
  button.btn_atlast:hover,
  button.btn_confirm:hover,
  button.btn_ok:hover {
    background: #2985bf; }

button.lookup {
  color: #4c9ecd;
  border: 1px solid #4c9ecd; }

.apply_end p.num {
  background: #4c9ecd; }

article.join_term > article.join_finished > p.center > strong {
  background: url(/_Resources/img/_blue/ic_headphone.png) no-repeat 0 10px; }

span.percent {
  color: #4c9ecd; }

.my_info ul li p {
  color: #4c9ecd; }

.my_info ul li.ing {
  background: url(/_Resources/img/_blue/ic_mypage_ing.png) no-repeat; }

.my_info ul li.end {
  background: url(/_Resources/img/_blue/ic_mypage_end.png) no-repeat; }

.my_info ul li.answer {
  background: url(/_Resources/img/_blue/ic_mypage_answer.png) no-repeat; }

.detail_tab > ul.tab_ex > li button.btn_tab:hover {
  border-bottom: 2px solid #4c9ecd !important;
  color: #4c9ecd; }

.detail_tab > ul.tab_ex > li.on button.btn_tab {
  background: #4c9ecd;
  color: #FFF; }
  .detail_tab > ul.tab_ex > li.on button.btn_tab:hover {
    border-bottom: 0; }

ul.faq_ul li:hover {
  border: 1px solid #4c9ecd !important; }

button.btn_login {
  background: #4c9ecd url("/_Resources/img/ic_login_btn.png") center 29px no-repeat; }

.tb_mypage_s {
  display: none; }

.tb_mypage_a {
  display: table-cell; }

.hrd_seoul .mypage_wrap .my_info,
.hrd_seoul .mypage_wrap .my_notice {
  display: none; }

.hrd_seoul .tb_mypage {
  font-size: 17px;
  font-size: 1.105rem;
  margin-top: 50px; }
  .hrd_seoul .tb_mypage.tb_mypage_off {
    display: none; }

.hrd_seoul .tab_content h4 {
  display: none; }

.hrd_seoul .tb_mypage_s {
  display: table-cell; }
  .hrd_seoul .tb_mypage_s .ic_box_del {
    width: auto;
    height: auto;
    display: inline-block;
    padding: 7px 13px; }

.hrd_seoul .tb_mypage_a {
  display: none; }

/*교육협조 동의서 팝업*/
section.layer_pop.agree_box div.agree_box_div h2 {
  color: #4c9ecd; }

section.layer_pop.agree_box div.agree_box_div div.cont_wrap button.btn_agree {
  background-color: #4c9ecd; }

/*사이트 이용안내 팝업 - 민간LMS*/
section.cont_wrap .center .layer_pop.site_guide article.popup_wrap h3 {
  color: #4c9ecd; }

section.cont_wrap .center .layer_pop.site_guide article.popup_wrap ul li span.num {
  color: #4c9ecd; }