@charset "utf-8";
@import url("../common/default.css?v=20220803");
@import url("../common/common.css?v=20220803");
@import url("../common/button.css?v=20220803");
@import url("../common/layoutCommon.css?v=20220803");
@import url("../common/mainCommon.css?v=20220803");
@import url("../common/popopzone.css?v=20220803");
@import url("layout.css?v=20220803");

/* section1 */
#section1 .fp-tableCell::after {background: url(/include/image/baegun/main/sec1_right_bg.png) no-repeat;}
#section1 .fp-tableCell::before {background: url(/include/image/baegun/main/circle_pattern.png);}
#section1 .sectionGroup .circle {background: url(/include/image/baegun/main/circle_pattern.png);}
.slogan::before {background: url(/include/image/baegun/main/slogan_before.png);}
.slogan::after {background: url(/include/image/baegun/main/slogan_after.png);}
.slogan .colCh {color: #00a694;}
.slogan .colCh::after {background-color: #00a694;}
.mainSearchKeyWord .searchTit, .libInfo .libTime, .loginGroup .btn {background-color: #00a694;}
.mainSearchKeyWord .mainSearchBtn {background: url(/include/image/baegun/main/ico_btnSearch.png) no-repeat 50% 50%;}
.holidayWrap .holiDetail div, .loginWrap .more i {background-color: #0db3a1 !important}
.loginWrap .mainTit  {color: #00a694;}


#section1 .fp-tableCell {
  background: #ecf5f4 url(/include/image/main/main_bg.png) 10px 100px no-repeat;
}

/* section2 */
#section2 {background: linear-gradient(130deg, rgba(255, 245, 229, 1) 0%, rgba(240, 253, 240, 1) 100%);}
.shortCutList li a:hover {color: #00a694;}
.noticeBox::-webkit-scrollbar-thumb {background-color: #00a694;}

/* section3 */
.programBox .programItem:hover {border-color: #00a694;}
.programBox .progress .progressBar {background-color: #00a694;}

/* section4 */
#section4 .sectionGroup .back_bg > div {background: url(/include/image/baegun/main/sec4_back_bg.png) no-repeat;}
#section4 .back_bg::before, #section4 .back_bg::after {background-color: #ecf5f4;}
#section4 .sectionGroup::before {background: url(/include/image/baegun/main/sec4_back_circle.png);}
#section4::after {background-color: #00a694;}
.tabWrap .bookBox .dataBox .item-btn {background-color: #40bcaf;}


@media screen and (min-width: 1350px) {
  .slogan .colCh::after {
    width: 220px; right: -230px;
  }
}


/* MOBILE */
@media screen and (max-width: 1024px){
	#section1 .fp-tableCell::after {
    background: url(/include/image/baegun/main/sec1_mobile_bg.png);
  }
}


@media screen and (max-width: 768px){
	
}

@media screen and (max-width: 640px){

}

@media screen and (max-width: 480px){
	
}

@media screen and (max-width: 375px){
	
}


/* PC */
@media screen and (min-width: 1025px){
  .noticeList li .lib {width: 85px}
}