/* wbCommon.css */
:root {
  --skin01: #4e72ed;
  --skin02: #5b6073;
  --skin03: #7b87ad;
  --skin-bg: #f7f8ff;
  --skin-bg2: #e8e9ee;
  --ft-color: #4e72ed;
}
/* txt */

.asterisk:after {
  color: var(--skin02)
}
/* EOD : txt */
/* icon */
.icon_q {
  background: url('../../../../images/template9/resp/navy/icon/icon_q.png') no-repeat;
}
.icon_q:hover {
  background: url('../../../../images/template9/resp/navy/icon/icon_q_hover.png') no-repeat;
}
.icon_plus{
  background-image: url(../../img/add_more_n.png)
}
button.active .icon_heart{
  background-image: url(../../img/n_on_heart.png)
}
.icon_blueHeart{
  background-image: url(../../img/n_on_heart.png);
}
.icon_new{
  background-image: url(../../img/user/n_new.png);
}
/* EOD : icon */
.table_normal tbody tr td .linkBox.arrow>a:after {
  background: url('../../../../images/template9/resp/navy/icon/icon_board_link_arrow.png') no-repeat;
}
/* datepicker */
.ui-datepicker .ui-datepicker-prev{
  background-image: url(../../img/n_date_arrow_l.png);
}
.ui-datepicker .ui-datepicker-next{
  background-image: url(../../img/n_date_arrow_r.png);
}
/* EOD : wbCommon.css */
/* wbUser.css */
/* main */
.icon_main{
  background-image: url(../../img/main/board_icon1_n.png);
}
.icon_main02{
  background-image: url(../../img/main/board_icon2_n.png);
}
.icon_main03{
  background-image: url(../../img/main/board_icon3_n.png);
}
.icon_main04{
  background-image: url(../../img/main/board_icon4_n.png);
}
.ProcessBox .serviceBox .star_service .star_score {
  background: url("../../../../images/template9/resp/navy/icon/icon_star_score.png") 0 0 repeat-x
}
.customerBox .imgBox .icon_tel {
  background: url('../../../../images/template9/resp/navy/icon/icon_main_customer.png') no-repeat;
  background-size: cover;
}
.intro_slider_main .slick-track .slick-slide>div>div .txtBox a:before {
  background: url('../../../../images/template9/resp/navy/icon/icon_intro_detail_arrow.png') no-repeat;
}
.main_bottom_banner_layer{
  background-color:#e8e8f5;
}
.main_bottom_banner_box .swiper-slide a {
  background-image: url(../../img/main/main_b_banner1_n.png)
}
.main_bottom_banner_box .swiper-slide .main_b_banner2 {
  background-image: url(../../img/main/main_b_banner2_n.png);
}
.main_bottom_banner_box .swiper-slide .main_b_banner3 {
  background-image: url(../../img/main/main_b_banner3_n.png);
}
/* EOD : main */
/* 찾아오시는길 */
.direction_map_info .map_data>li{
  background-image: url(../../img/n_address.png);
}
.direction_map_info .map_data>li:nth-of-type(2) {
  background-image: url(../../img/n_call.png);
}
.direction_map_info .map_data>li:last-of-type {
  background-image: url(../../img/n_email.png);
}
/* EOD : 찾아오시는길 */
/* 원격지원 서비스 */
.remote_wrap .remote-method .box1{
	/* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 */
	background-position: 90% 50%;
    background-repeat: no-repeat;
    /* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 끝*/
  background-image: url(../../img/service/n_service01.png);
}
.remote_wrap .remote-method .box2{
	/* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 */
	background-position: 90% 50%;
    background-repeat: no-repeat;
    /* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 끝*/
  background-image: url(../../img/service/n_service02.png);
}
.remote_wrap .remote-method .box3{
	/* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 */
	background-position: 90% 50%;
    background-repeat: no-repeat;
    /* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 끝*/
  background-image: url(../../img/service/n_service03.png);
}
.remote_wrap .remote-method>div.arrow-r{
	/* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 */
	background-position: 90% 50%;
    background-repeat: no-repeat;
    /* 20240403 hwson 600대 사이즈에서 이미지 깨지길래 조정 끝*/
  background-image: url(../../img/service/n_right.png);
}
/* EOD:원격지원 서비스 */
/* 고객센터 */
.searchBox .bootstrap-select .selectpicker+.dropdown-toggle::after{
  background-image: url(../../img/n_sch_select_arrow.png);
}
/* EOD:고객센터 */
/* sub */
/* 마이페이지 */
/* 관심 과정 */
.ThumBox .likeBox .icon_heart {
  background: url('../../../../images/template9/resp/navy/icon/icon_heart.png') no-repeat;
}
/* EOD : 관심 과정 */
.star_review .starList {
  /* 20240326 hwson 나의학습 > 학습종료 > 후기작성 > 별이미지 삭제  */
  /* background: url('../../../../images/template9/resp/navy/icon/icon_star_radio.png') no-repeat */
  /* 20240326 hwson 나의학습 > 학습종료 > 후기작성 > 별이미지 삭제  끝 */
}
.star_review .starList input[type="radio"]:checked+label, .starList input[type="radio"]:hover+label {
  /* 20240326 hwson 나의학습 > 학습종료 > 후기작성 > 별이미지 삭제  */	
  /* background: url('../../../../images/template9/resp/navy/icon/icon_star_radio_active.png') no-repeat */
  /* 20240326 hwson 나의학습 > 학습종료 > 후기작성 > 별이미지 삭제  끝 */
}
@media only all and (max-width: 640px) {
  .planLinkBox>ul>li.active a.link_calender {
    background: var(--skin02) url('../../../../images/template9/resp/default/icon/icon_datepicker_active.png') no-repeat 9px 9px
  }
  .planLinkBox>ul>li.active a.link_list {
    background: var(--skin02) url('../../../../images/template9/resp/default/icon/icon_list_active.png') no-repeat 9px 9px;
  }
}

/* 2024-04-03 hwson 원겾기원서비스 백그라운드 웹 반응형 작을때 이미지 깨져서 500이하시 삭제 */
@media only all and (max-width: 500px) {
	.remote_wrap .remote-method .box2{
		background-image: none;
	}
	.remote_wrap .remote-method .box3{
		background-image: none;
	}
}

@media only all and (max-width: 385px) {
	.remote_wrap .remote-method .box1{
		background-image: none;
	}
}
/* 2024-04-03 hwson 원겾기원서비스 백그라운드 웹 반응형 작을때 이미지 깨져서 500이하시 삭제 끝 */

/* EOD : sub */
/* EOD : wbUser.css */
/* datepicker.css */
.ui-datepicker-calendar>tbody td.ui-datepicker-week-end:last-child a {
  color: var(--skin01);
}
/* EOD : datepicker.css */
/* 온라인 강의실 */
.prog_list .type01 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_magn_icon.png);
}
.prog_list .type02 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_test_icon.png);
}
.prog_list .type03 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_report_icon.png);
}
.prog_list .type04 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_talk_icon.png);
}
.prog_list .type05 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_team_icon.png);
}
.prog_list .type06 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_live_icon.png);
}
.prog_list .type07 .titIn span {
  background-image: url(../../../step20UserCss/img/room/n_poll_icon.png);
}
.check-txt{
  background-image:url(../../../step20UserCss/img/room/n_check.png) ;
}
.list_viewBox .txtBox.ico{
  background-image: url(../../../step20UserCss/img/room/n_board_icon.png);
  /* 2024-04-30 hwson 학습문의 이미지 중복 삭제 */
  background-repeat: no-repeat;
  /* 2024-04-30 hwson 학습문의 이미지 중복 삭제 */
}
/* EOD: 온라인 강의실 */

/* 테마작업 */
:root {
  --th11: #4d72ed;
  --th12: #21277e;
  --th13: #36384b;
  --th14: #5b6073;
  --th15: #7b87ad;
  --th16: #d6d9e9;
  --th17: #d6d9e9;
  --th18: #f3f4f7;
}

/* 테마1 */
#theme1 .main-step1 .main-banner .swiper-slide {
  background: -webkit-gradient(linear, left top, right top, from(rgba(33, 39, 126, 0.69)), color-stop(50%, transparent)), #6595b8;
  background: linear-gradient(to right, rgba(33, 39, 126, 0.69) 0%, transparent 50%), #6595b8;
}
#theme1 .main-step1 .quick-menu {
  background-color: rgba(33, 39, 126, 0.8);
}

/* 테마2 */
#theme2 .main-step1 {
  background: url(../../img/theme2/banner-bg-nv.png) no-repeat right top;
}
#theme2 .main-step1 .main-banner .swiper-slide {
  background: -webkit-gradient(linear, left top, left bottom, from(#21277e), to(#21277e)), rgba(33, 39, 126, 0.5);
  background: linear-gradient(#21277e, #21277e), rgba(33, 39, 126, 0.5);
}

#theme2 .main-step2 .notice-box .board-list li {
  background-image: url(../../img/theme2/boardlist-nv.png);
}

#theme2 .main-step3 .online-list .txt-box {
  background-color: rgba(33, 39, 126, 0.85);
}

/* 테마3 */
#theme3 .main-step1 .swiper-slide .img-box {
/*   background-image: url(../../img/theme3/banner1-nv.png); */
}/*# sourceMappingURL=theme_navy.css.map */