/* wbCommon.css */
:root {
  --skin01: #01aa57;
  --skin02: #5c7369;
  --skin03: #7bac96;
  --skin-bg: #f4fef8;
  --skin-bg2: #e8f1ee;
  --ft-color: #01aa57;
}
/* txt */
.asterisk:after {
  color: var(--skin02)
}
/* EOD : txt */
/* icon */
.icon_q {
  background: url('../../../../images/template9/resp/green/icon/icon_q.png') no-repeat;
}
.icon_q:hover {
  background: url('../../../../images/template9/resp/green/icon/icon_q_hover.png') no-repeat;
}
.icon_plus {
  background-image: url(../../img/add_more_g.png)
}
button.active .icon_heart {
  background-image: url(../../img/g_on_heart.png)
}
.icon_blueHeart {
  background-image: url(../../img/g_on_heart.png);
}
.icon_new{
  background-image: url(../../img/user/g_new.png);
}
/* EOD : icon */
.table_normal tbody tr td .linkBox.arrow>a:after {
  background: url('../../../../images/template9/resp/green/icon/icon_board_link_arrow.png') no-repeat;
}
/* datepicker */
.ui-datepicker .ui-datepicker-prev{
  background-image: url(../../img/g_date_arrow_l.png);
}
.ui-datepicker .ui-datepicker-next{
  background-image: url(../../img/g_date_arrow_r.png);
}
/* EOD : wbCommon.css */
/* wbUser.css */
/* Layout */
.content_menu .familysite .pagination .control_paging {
  color: #d7d7d7
}
.sub_nav>li>a {
  background: var(--skin-bg2);
}
/* EOD : Layout */
/* main */
.icon_main {
  background-image: url(../../img/main/board_icon1_g.png);
}
.icon_main02 {
  background-image: url(../../img/main/board_icon2_g.png);
}
.icon_main03 {
  background-image: url(../../img/main/board_icon3_g.png);
}
.icon_main04 {
  background-image: url(../../img/main/board_icon4_g.png);
}
.ProcessBox .serviceBox .star_service .star_score {
  background: url("../../../../images/template9/resp/green/icon/icon_star_score.png") 0 0 repeat-x
}
.customerBox .imgBox .icon_tel {
  background: url('../../../../images/template9/resp/green/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/green/icon/icon_intro_detail_arrow.png') no-repeat;
}
.main_bottom_banner_layer {
  background-color: #e8f5f2;
}
.main_bottom_banner_box .swiper-slide a {
  background-image: url(../../img/main/main_b_banner1_g.png)
}
.main_bottom_banner_box .swiper-slide .main_b_banner2 {
  background-image: url(../../img/main/main_b_banner2_g.png);
}
.main_bottom_banner_box .swiper-slide .main_b_banner3 {
  background-image: url(../../img/main/main_b_banner3_g.png);
}
/* EOD : main */
/* 찾아오시는길 */
.direction_map_info .map_data>li {
  background-image: url(../../img/g_address.png);
}
.direction_map_info .map_data>li:nth-of-type(2) {
  background-image: url(../../img/g_call.png);
}
.direction_map_info .map_data>li:last-of-type {
  background-image: url(../../img/g_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/g_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/g_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/g_service03.png);
}
.remote_wrap .remote-method>div.arrow-r {
  background-image: url(../../img/service/g_right.png);
}
/* EOD:원격지원 서비스 */
/* 고객센터 */
.searchBox .bootstrap-select .selectpicker+.dropdown-toggle::after {
  background-image: url(../../img/g_sch_select_arrow.png);
}
/* EOD:고객센터 */
/* 마이페이지 */
/* 관심 과정 */
.ThumBox .likeBox .icon_heart {
  background: url('../../../../images/template9/resp/green/icon/icon_heart.png') no-repeat;
}
/* EOD : 관심 과정 */
.star_review .starList {
  background: url('../../../../images/template9/resp/green/icon/icon_star_radio.png') no-repeat
}
.star_review .starList input[type="radio"]:checked+label, .starList input[type="radio"]:hover+label {
  background: url('../../../../images/template9/resp/green/icon/icon_star_radio_active.png') no-repeat
}
/* EOD : 마이페이지 */
@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 : wbUser.css */
/* datepicker.css */
.ui-datepicker-calendar>tbody td.ui-datepicker-week-end:last-child a {
  color: #566bec;
}
/* EOD : datepicker.css */
/* 온라인 강의실 */
.prog_list .type01 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_magn_icon.png);
}
.prog_list .type02 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_test_icon.png);
}
.prog_list .type03 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_report_icon.png);
}
.prog_list .type04 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_talk_icon.png);
}
.prog_list .type05 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_team_icon.png);
}
.prog_list .type06 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_live_icon.png);
}
.prog_list .type07 .titIn span {
  background-image: url(../../../step20UserCss/img/room/g_poll_icon.png);
}
.check-txt{
  background-image:url(../../../step20UserCss/img/room/g_check.png) ;
}
.list_viewBox .txtBox.ico{
  background-image: url(../../../step20UserCss/img/room/g_board_icon.png);
  /* 2024-04-30 hwson 학습문의 이미지 중복 삭제 */
  background-repeat: no-repeat;
  /* 2024-04-30 hwson 학습문의 이미지 중복 삭제 */
}
/* EOD: 온라인 강의실 */


/* 테마작엄 */
:root {
  --th11: #00aa56;
  --th12: #166e53;
  --th13: #2d3e34;
  --th14: #5b7368;
  --th15: #7bad95;
  --th16: #d1dfd5;
  --th17: #e8f1ed;
  --th18: #f2f6f4;
}

#theme1 .main-step1 .main-banner .swiper-slide {
  background: -webkit-gradient(linear, left top, right top, from(rgba(22, 110, 83, 0.69)), color-stop(50%, transparent)), #6595b8;
  background: linear-gradient(to right, rgba(22, 110, 83, 0.69) 0%, transparent 50%), #6595b8;
}
#theme1 .main-step1 .quick-menu {
  background-color: rgba(22, 110, 83, 0.8);
}

#theme2 .main-step1 {
  background: url(../../img/theme2/banner-bg-gr.png) no-repeat right top;
}
#theme2 .main-step1 .main-banner .swiper-slide {
  background: -webkit-gradient(linear, left top, left bottom, from(#166e53), to(#166e53)), rgba(22, 110, 83, 0.5);
  background: linear-gradient(#166e53, #166e53), rgba(22, 110, 83, 0.5);
}

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

#theme2 .main-step3 .online-list .txt-box {
  background-color: rgba(22, 110, 83, 0.85);
}

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